diff --git a/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js b/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js index dba62a27b..e0b1f408a 100644 --- a/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js +++ b/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js @@ -1,2 +1,2 @@ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).polytheneCSS={})}(this,function(e){"use strict";var t=[],n={},o=n.toString,r=o.call(t),i=o.call(n),a=o.call(""),l=o.call(o),_=n.hasOwnProperty,d=Object.freeze||function(e){return e};function c(e,t){for(var n in t)_.call(t,n)&&(!n.indexOf("$")||n in e||(e[n]=t[n]));return e}function u(e,t){var n,o,r=[];for(o in t)if(_.call(t,o))for(n in e)_.call(e,n)&&r.push(e[n]+t[o]);return r}var p=/[(),]|"(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\//g;function s(e){for(var t,n=[],o=[],r=0;t=p.exec(e);)switch(t[0]){case"(":r++;break;case")":r--;break;case",":if(r)break;n.push(t.index)}for(t=n.length;t--;)o.unshift(e.slice(n[t]+1)),e=e.slice(0,n[t]);return o.unshift(e),o}var f=/&|"(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\//g;function g(e,t){for(var n,o,r=[],i=[];o=f.exec(e);)"&"==o[0]&&r.push(o.index);for(o=r.length;o--;)i.unshift(e.slice(r[o]+1)),e=e.slice(0,r[o]);for(i.unshift(e),1===i.length&&i.unshift(""),n=[i[0]],o=1;o0&&/^[-\w$]+$/.test(u))if(f||(f=1,t.rule(n)),/\$/.test(u))for(b in u=u.split("$"))_.call(u,b)&&m(e,t,u[b],p,d);else m(e,t,u,p,d);else/^@/.test(u)?(f=0,x(e,t,/^(.(?:-[\w]+-)?([_A-Za-z][-\w]*))\b\s*(.*?)\s*$/.exec(u)||[u,"@","",""],p,n,d,c)):(f=0,v(e,t,n.length>0&&(/,/.test(n)||/,/.test(u))?(b=s(n),s(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u).map(function(e){return/&/.test(e)?g(e,b):b.map(function(t){return t+e}).join(",")}).join(",")):/&/.test(u)?g(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u,[n]):n+(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u),p,d,c+1));break;case r:for(u=0;u0&&void 0!==arguments[0]?arguments[0]:1;return[{"-webkit-box-flex":e},{"-moz-box-flex":e},{"-webkit-flex":e},{"-ms-flex":e},{flex:e},1===e?{"-webkit-flex-basis":"0.000000001px"}:{},1===e?{"flex-basis":"0.000000001px"}:{}]},flexAuto:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexAutoVertical:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexIndex:function(e){return{"-ms-flex":e,"-webkit-flex":e,flex:e}},flexGrow:function(e){return{"-webkit-flex-grow":e,"flex-grow":e}},flexShrink:function(e){return{"-webkit-flex-shrink":e,"flex-shrink":e}},layout:L,layoutAroundJustified:[L,{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"}],layoutCenter:W,layoutCenterCenter:[H,W],layoutCenterJustified:H,layoutEnd:[L,{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"}],layoutEndJustified:[L,{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"}],layoutHorizontal:[L,{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"}],layoutHorizontalReverse:[L,{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"}],layoutInline:[L,{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],layoutJustified:[L,{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"}],layoutStart:[L,{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"}],layoutStartJustified:[L,{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"}],layoutVertical:[L,{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"}],layoutVerticalReverse:[L,{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"}],layoutWrap:[L,{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"}],layoutWrapReverse:[L,{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"}],selfCenter:{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},selfEnd:{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},selfStart:{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},selfStretch:{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"}};function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A=function(){return{"&:after":{content:'""',display:"table",clear:"both"}}},M=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";return{transitionDelay:"0ms",transitionDuration:arguments.length>1&&void 0!==arguments[1]?arguments[1]:".18s",transitionTimingFunction:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ease-out",transitionProperty:e}},Q=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"none"===e?{textOverflow:"initial",overflow:"initial",display:"block",height:"auto",maxHeight:"none",whiteSpace:"normal"}:[{"@supports (-webkit-line-clamp: 2)":void 0!==e?{"-webkit-line-clamp":e,"-webkit-box-orient":"vertical",display:"-webkit-box",wordBreak:"break-word"}:void 0},E({overflow:"hidden",textOverflow:"ellipsis",textRendering:"auto"},void 0!==t?{maxHeight:e*t+n}:void 0,1===t?{wordWrap:"nowrap"}:void 0)]},D=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)+"px";return{position:"absolute",top:e,right:e,bottom:e,left:e}},N=function(){return{position:"sticky",top:0,zIndex:arguments.length>0&&void 0!==arguments[0]?arguments[0]:1}};var $,J=function(e,t){return e(t={exports:{}},t.exports),t.exports}(function(e,t){var n,o,r,i,a;function l(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")}function _(e,t){return o[e]="",o[e]=t,!!o[e]}function d(e,t){return r.textContent="@media ("+e+":"+t+"){}",!!~r.sheet.cssRules[0].cssText.indexOf(t)}function c(e){return e in o}function u(e){return r.textContent=e+"{}",!!r.sheet.cssRules.length}Object.defineProperty(t,"__esModule",{value:!0});var p=[{props:["cursor"],values:["grab","grabbing","zoom-in","zoom-out"]},{props:["display"],values:["box","inline-box","flexbox","inline-flexbox","flex","inline-flex","grid","inline-grid"]},{props:["position"],values:["sticky"]},{props:["width","column-width","height","max-height","max-width","min-height","min-width"],values:["contain-floats","fill-available","fit-content","max-content","min-content"]}],s={"align-items":"box-align",flex:"box-flex","box-direction":"box-direction","box-orient":"box-orient","flex-grow":"box-flex","flex-wrap":"box-lines","justify-content":"box-pack",order:"box-ordinal-group"},f={"flex-end":"end","flex-start":"start",nowrap:"single","space-around":"justify","space-between":"justify",wrap:"multiple","wrap-reverse":"multiple"},g={"align-content":"-ms-flex-line-pack","align-items":"-ms-flex-align","align-self":"-ms-flex-item-align","flex-basis":"-ms-preferred-size","flex-grow":"-ms-flex-positive","flex-shrink":"-ms-flex-negative","justify-content":"-ms-flex-pack",order:"-ms-flex-order"},b={"flex-end":"end","flex-start":"start","space-around":"distribute","space-between":"justify"};function h(e){n=getComputedStyle(document.documentElement,null),o=document.createElement("div").style,r=document.documentElement.appendChild(document.createElement("style")),a=_,i=c,"zIndex"in o&&!("z-index"in o)&&(a=function(e,t){return _(l(e),t)},i=function(e){return c(l(e))}),function(e){var t={};function o(e){if("-"===e.charAt(0)){var n=e.split("-")[1];t[n]=++t[n]||1}}if(n&&n.length>0)for(var r=0;r-1?w(e,t,"flex-wrap",n):""!==n&&w(e,t,"flex-direction",n)});if("flex-direction"===n)return t(e.properties["box-orient"],o.indexOf("column")>-1?"block-axis":"inline-axis"),void t(e.properties["box-direction"],o.indexOf("-reverse")>-1?"reverse":"normal")}e.WkBCTxt&&"background-clip"===n&&"text"===o?t("-webkit-background-clip",o):t(e.properties[n]||e.fixProperty(n),e.fixValue(o,n))}function z(e){var t=e.prefix;e.fixProperty=e.fixProperty||function(n){var o;return e.properties[n]=i(n)||!i(o=t+n)?n:o};var n=y("",e.selectorList,"(?:\\b|$|[^-])"),o=k("",e.selectorList,"(?:\\b|$|[^-])"),r=function(t,n){return null!=n?e.selectorMap[n]:t};e.fixSelector=function(e){return n.test(e)?e.replace(o,r):e};var a=e.functions.indexOf("linear-gradient")>-1,l=/\blinear-gradient\(/,_=/(^|\s|,|\()((?:repeating-)?linear-gradient\()\s*(-?\d*\.?\d*)deg/gi,d=function(e,t,n,o){return t+n+(90-o)+"deg"},c=!!e.functions.length,u=y("(?:^|\\s|,|\\()",e.functions,"\\s*\\("),p=k("(^|\\s|,|\\()",e.functions,"(?=\\s*\\()");function s(e,n,o){return n+t+o}var f=/^\s*([-\w]+)/gi,g=function(t,n){return e.properties[n]||e.fixProperty(n)};e.fixValue=function(t,n){var o;return null!=e.initial&&"initial"===t?e.initial:e.hasKeywords&&(o=(e.keywords[n]||x)[t])?o:(o=t,e.valueProperties.hasOwnProperty(n)&&(o=-1===t.indexOf(",")?t.replace(f,g):function(e){for(var t,n=[],o=[],r=0;t=v.exec(e);)switch(t[0]){case"(":r++;break;case")":r--;break;case",":if(r)break;n.push(t.index)}for(t=n.length;t--;)o.unshift(e.slice(n[t]+1)),e=e.slice(0,n[t]);return o.unshift(e),o}(t).map(function(e){return e.replace(f,g)}).join(",")),c&&u.test(t)&&(a&&l.test(t)&&(o=o.replace(_,d)),o=o.replace(p,s)),o)};var b,h,m=/((?:min-|max-)?resolution)\s*:\s*((?:\d*\.)?\d+)dppx/g,z=e.hasPixelRatio?function(t,n,o){return e.properties[n]+":"+o}:e.hasPixelRatioFraction?function(t,n,o){return e.properties[n]+":"+Math.round(10*o)+"/10"}:function(e,t,n){return t+":"+Math.round(96*n)+"dpi"};e.fixAtMediaParams=!1!==e.hasDppx?function(e){return e}:function(e){return-1!==e.indexOf("reso")?e.replace(m,z):e};var S=function(e,t){b=e,h=t},O=/\(\s*([-\w]+)\s*:\s*((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*)/g;function j(t,n,o){return w(e,S,n,o),"("+b+":"+h}e.fixAtSupportsParams=function(e){return e.replace(O,j)}}m={atrules:{},hasAtrules:!1,hasDppx:null,hasKeywords:!1,hasPixelRatio:!1,hasPixelRatioFraction:!1,hasSelectors:!1,hasValues:!1,fixAtMediaParams:null,fixAtSupportsParams:null,fixProperty:null,fixSelector:null,fixValue:null,flexbox2009:!1,flexbox2012:!1,functions:[],initial:null,jsFlex:!1,keywords:{},placeholder:null,prefix:"",prefixes:[],Prefix:"",properties:{},selectorList:[],selectorMap:{},valueProperties:{transition:1,"transition-property":1,"will-change":1},WkBCTxt:!1},"function"==typeof getComputedStyle&&h(m),z(m),t.prefixPlugin=function e(){var t=m,n=[];return{set:{setPrefixDb:function(o){return-1===n.indexOf(o)&&(z(o),n.push(o)),t=o,e}},filter:function(e){return{atrule:function(n,o,r,i){e.atrule(t.hasAtrules&&t.atrules[n]||n,o,"@media"===n?t.fixAtMediaParams(r):"@supports"===n?t.fixAtSupportsParams(r):r,i)},decl:function(n,o){w(t,e.decl,n,o)},rule:function(n){e.rule(t.hasSelectors?t.fixSelector(n):n)}}}}}});($=J)&&$.__esModule&&Object.prototype.hasOwnProperty.call($,"default")&&$.default;var Z=new S(J.prefixPlugin),q=/[^a-z0-9\\-]/g,G=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o1?a-1:0),_=1;_0});if(0!==_.length){var d=l.trim().replace(/^[^a-z]?(.*)/,"$1");G(d,U({styles:U({styles:_,scope:a}),scope:i}))}},ee=function(e){var t=e.selectors,n=e.fns,o=e.vars,r=e.customVars,i=e.mediaQuery,a=e.scope,l=(a?" ":"")+t.join(""),_=n.map(function(e){return e(l,o,r)});return U({styles:U({styles:_,scope:a}),scope:i})},te=G,ne=K,oe=function(e,t,n){return function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.mediaQuery,l=i.scope;return K({selectors:[e,o],fns:t,vars:n,customVars:r,mediaQuery:a,scope:l})}},re=function(e,t,n){return function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.mediaQuery,l=i.scope;return[ee({selectors:[e,o],fns:t,vars:n,customVars:r,mediaQuery:a,scope:l})]}},ie=ee,ae=function(e,t){return V({},e,t)},le=function(e){return"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e)},_e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return"rgba(".concat(e,", ").concat(t,")")},de=function(e){var t=e.varFns,n=e.customVarFns,o=e.superStyle,r=e.varMixin,i=e.selector,a=e.scopedSelector,l=e.componentVars,_=void 0===l?{}:l,d=e.customVars,c=E({},_,d),u=d||c,p=(_.general_styles,I(_,["general_styles"])),s=void 0!==o?void 0!==d?o(i,_,d):o(i,p):[],f=E({},d?n:{},t);return s.concat(Object.keys(r(u)).map(function(e){return f&&void 0!==f[e]?f[e](a,c):null}).filter(function(e){return e}))},ce=function(e){var t=e.varFns,n=e.customVarFns,o=e.superLayout,r=e.varMixin,i=void 0===r?function(e){return e}:r;return function(e,r,a){return de({varFns:t,customVarFns:n,superStyle:o,varMixin:i,selector:e,scopedSelector:e,componentVars:r,customVars:a})}},ue=function(e){var t=e.scopes,n=e.selector,o=e.isNoTouch,r=void 0!==o&&o;return n.split(/\s*,\s*/).map(function(e){return function(e){var t=e.scopes,n=e.selector;return e.isNoTouch?t.map(function(e){return e+n+":hover"}).join(","):t.map(function(e){return e+n}).join(",")}({scopes:t,selector:e,isNoTouch:r})}).join("")},pe=[{scopes:[".pe-dark-tone",".pe-dark-tone "],varFnName:"darkTintFns",isNoTouch:!1},{scopes:["",".pe-light-tone",".pe-light-tone "],varFnName:"lightTintFns",isNoTouch:!1},{scopes:[".pe-no-touch .pe-dark-tone "],varFnName:"darkTintHoverFns",isNoTouch:!0},{scopes:[".pe-no-touch ",".pe-no-touch .pe-light-tone "],varFnName:"lightTintHoverFns",isNoTouch:!0}],se=function(e){var t=e.varFns,n=void 0===t?{}:t,o=e.superColor,r=e.varMixin,i=void 0===r?function(e){return e}:r;return function(e,t,r){return pe.map(function(a){var l=a.scopes,_=a.varFnName,d=a.isNoTouch;return function(e){var t=e.selector,n=e.scopedSelector,o=e.componentVars,r=e.customVars,i=e.varFns,a=e.superColor,l=e.varMixin;return de({varFns:i,superStyle:a,varMixin:l,selector:t,scopedSelector:n,componentVars:o,customVars:r})}({selector:e,scopedSelector:ue({scopes:l,selector:e,isNoTouch:d}),componentVars:t,customVars:r,varFns:n[_],superColor:o,varMixin:i})})}},fe=function(e,t){e||console.error("createMarker requires param `vars`");var n=function(e,t){var n=Object.keys(t).filter(function(t){return!0===e[t]}).join(".");return n?'"'.concat(n,'"'):void 0}(e,t);return n?{":before":{content:n,display:"none"}}:void 0},ge=[{".layout, .layout.horizontal":B.layout,".layout.horizontal.inline, .layout.vertical.inline":B.layoutInline,".layout.horizontal":B.layoutHorizontal,".layout.horizontal.reverse":B.layoutHorizontalReverse,".layout.vertical":B.layoutVertical,".layout.vertical.reverse":B.layoutVerticalReverse,".layout.wrap":B.layoutWrap,".layout.wrap.reverse":B.layoutWrapReverse,".flex":B.flex(1),".span.flex":{display:"block"},".flex.auto-vertical":B.flexAutoVertical,".flex.auto":B.flexAuto,".flex.none":B.flexIndex("none"),".flex.one":B.flexIndex(1),".flex.two":B.flexIndex(2),".flex.three":B.flexIndex(3),".flex.four":B.flexIndex(4),".flex.five":B.flexIndex(5),".flex.six":B.flexIndex(6),".flex.seven":B.flexIndex(7),".flex.eight":B.flexIndex(8),".flex.nine":B.flexIndex(9),".flex.ten":B.flexIndex(10),".flex.eleven":B.flexIndex(11),".flex.twelve":B.flexIndex(12),".layout.start":B.layoutStart,".layout.center, .layout.center-center":B.layoutCenter,".layout.end":B.layoutEnd,".layout.start-justified":B.layoutStartJustified,".layout.center-justified, .layout.center-center":B.layoutCenterJustified,".layout.end-justified":B.layoutEndJustified,".layout.around-justified":B.layoutAroundJustified,".layout.justified":B.layoutJustified,".self-start":B.selfStart,".self-center":B.selfCenter,".self-end":B.selfEnd,".self-stretch":B.selfStretch}],be=[{".pe-block":{display:"block"},".pe-inline-block":{display:"inline-block"},".pe-hidden":{display:"none !important"},".pe-relative":{position:"relative"},".pe-absolute":{position:"absolute"},".pe-fit":{position:"absolute",top:0,right:0,bottom:0,left:0},".pe-fullbleed":{margin:0,height:"100vh"},".pe-rtl":{direction:"rtl"},"*[dir=rtl], .pe-rtl ":{" .pe-rtl--flip":{transform:"scaleX(-1)"}}}],he={grid_unit:4,grid_unit_component:8,increment:56,increment_large:64,grid_unit_menu:56,grid_unit_icon_button:48,unit_block_border_radius:4,unit_item_border_radius:4,unit_indent:72,unit_indent_large:80,unit_side_padding:16,unit_touch_height:48,unit_icon_size_small:16,unit_icon_size:24,unit_icon_size_medium:32,unit_icon_size_large:40,unit_screen_size_extra_large:1280,unit_screen_size_large:960,unit_screen_size_medium:480,unit_screen_size_small:320,animation_duration:".18s",animation_curve_slow_in_fast_out:"cubic-bezier(.4, 0, .2, 1)",animation_curve_slow_in_linear_out:"cubic-bezier(0, 0, .2, 1)",animation_curve_linear_in_fast_out:"cubic-bezier(.4, 0, 1, 1)",animation_curve_default:"ease-out",font_weight_light:300,font_weight_normal:400,font_weight_medium:500,font_weight_bold:700,font_size_title:20,line_height:1.5,color_primary:"33, 150, 243",color_primary_active:"30, 136, 229",color_primary_dark:"25, 118, 210",color_primary_faded:"100, 181, 249",color_primary_foreground:"255, 255, 255",color_light_background:"255, 255, 255",color_light_foreground:"0, 0, 0",color_dark_background:"34, 34, 34",color_dark_foreground:"255, 255, 255",blend_light_text_primary:.87,blend_light_text_regular:.73,blend_light_text_secondary:.54,blend_light_text_tertiary:.4,blend_light_text_disabled:.26,blend_light_border_medium:.24,blend_light_border_light:.11,blend_light_background_active:.14,blend_light_background_hover:.06,blend_light_background_hover_medium:.12,blend_light_background_disabled:.09,blend_light_overlay_background:.3,blend_dark_text_primary:1,blend_dark_text_regular:.87,blend_dark_text_secondary:.7,blend_dark_text_tertiary:.4,blend_dark_text_disabled:.26,blend_dark_border_medium:.22,blend_dark_border_light:.1,blend_dark_background_active:.14,blend_dark_background_hover:.08,blend_dark_background_hoverMedium:.12,blend_dark_background_disabled:.12,blend_dark_overlay_background:.3,breakpoint_for_phone_only:599,breakpoint_for_tablet_portrait_up:600,breakpoint_for_tablet_landscape_up:840,breakpoint_for_desktop_up:1280,breakpoint_for_big_desktop_up:1600,breakpoint_for_tv_up:1920,z_toolbar:100,z_menu:1e3,z_app_bar:2e3,z_drawer:3e3,z_notification:5e3,z_dialog:7e3};function me(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(){return(xe=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope;!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i,l=t&&t.contained?yt:xt;e&&ne({selectors:[zt,e],fns:wt,vars:l,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[St,e],fns:kt,vars:l,customVars:t,mediaQuery:r,scope:a})}(e,t,{mediaQuery:r,scope:void 0===i?"":i})},containedButtonColor:Bt,containedButtonLayout:Vt,containedButtonVars:Ht,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i,l=t&&t.contained?yt:xt;return ie({selectors:[zt,e],fns:wt,vars:l,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[St,e],fns:kt,vars:l,customVars:t,mediaQuery:r,scope:a}))}(e,t,{mediaQuery:r,scope:a}).concat(Ft(e,t,{mediaQuery:r,scope:a}))},textButtonColor:Lt,textButtonLayout:Wt,textButtonVars:Pt}),It=ce({varFns:{general_styles:function(e){return[ae(e,{display:"flex"})]}}}),At={general_styles:!0},Mt=[It],Qt=".".concat("pe-button-group"),Dt=oe(Qt,Mt,At),Nt=re(Qt,Mt,At);ne({selectors:[Qt],fns:Mt,vars:At});var $t=Object.freeze({addStyle:Dt,getStyle:Nt,layout:It,vars:At}),Jt="pe-card",Zt="pe-card__content",qt="pe-card__overlay__content",Gt="pe-card__overlay--sheet";function Xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yt(){return(Yt=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,hn],fns:yn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+xn],fns:kn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+mn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+vn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a})},color:en,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,hn],fns:yn,vars:bn,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[e,e?" ":"",xn],fns:kn,vars:bn,customVars:t,mediaQuery:r,scope:a})).concat(ie({selectors:[e,e?" ":"",mn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a})).concat(ie({selectors:[e,e?" ":"",vn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a}))},layout:pn,vars:bn});function Sn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function On(){return(On=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:he.unit_icon_size,o=n+e.label_height;return{" .pe-control__form-label":{height:t+"px"}," .pe-control__box":{width:n+"px",height:n+"px"}," .pe-button__content":{width:o+"px",height:o+"px",flexShrink:0," .pe-icon":[D((o-n)/2)]}}},Ln=function(e,t,n){var o;return ae(e,{" .pe-button.pe-control__button":(o={top:-(t.button_size-t.icon_size)/2+"px"},Sn(o,n?"right":"left",-(t.button_size-t.icon_size)/2+"px"),Sn(o,n?"left":"right","auto"),o)})},Wn=function(e,t,n){return ae(e,{" .pe-control__label":Sn({},n?"paddingRight":"paddingLeft",t.label_padding_before+"px")})},Hn=function(e,t,n){return ae(e,{" .pe-control__label":Sn({},n?"paddingLeft":"paddingRight",t.label_padding_after+"px")})},Bn=ce({varFns:{general_styles:function(e,t){return[ae(e,[Tn(t),{display:"inline-block",boxSizing:"border-box",margin:0,padding:0," input[type=checkbox], input[type=radio]":{display:"none"}," .pe-control__form-label":[B.layoutHorizontal,B.layoutCenter,{position:"relative",cursor:"pointer",margin:0,color:"inherit",":focus":{outline:0}}],".pe-control--inactive":{" .pe-control__form-label":{cursor:"default"}}," .pe-control__box":{position:"relative",display:"inline-block",boxSizing:"border-box",color:"inherit",flexShrink:0,":focus":{outline:0}}," .pe-button.pe-control__button":{position:"absolute"},".pe-control--off":{" .pe-control__button--on":{opacity:0,zIndex:-1}," .pe-control__button--off":{opacity:1,zIndex:0}},".pe-control--on":{" .pe-control__button--on":{opacity:1,zIndex:0}," .pe-control__button--off":{opacity:0,zIndex:-1}}," .pe-control__label":{alignSelf:"center"},".pe-control--disabled":{" .pe-control__form-label":{cursor:"auto"}," .pe-control__button":{pointerEvents:"none"}}," .pe-button__content":{" .pe-icon":{position:"absolute"}}},Sn({},"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e),[Fn(t)])])]},label_font_size:function(e,t){return[ae(e,{" .pe-control__form-label":{fontSize:t.label_font_size+"px"}})]},label_height:function(e,t){return[ae(e,{" .pe-control__box":{width:t.label_height+"px",height:t.label_height+"px"},".pe-control--small":Pn(t,he.unit_icon_size_small,he.unit_icon_size_small),".pe-control--regular":Pn(t,t.label_height,he.unit_icon_size),".pe-control--medium":Pn(t,he.unit_icon_size_medium,he.unit_icon_size_medium),".pe-control--large":Pn(t,he.unit_icon_size_large,he.unit_icon_size_large)})]},animation_duration:function(e,t){return[ae(e,{" .pe-button.pe-control__button":[M("opacity",t.animation_duration)]," .pe-control__label":[M("all",t.animation_duration)]})]},button_size:function(e,t){return[ae(e,{}),Ln(e,t,!1),Ln(le(e),t,!0)]},icon_size:function(e,t){return[ae(e,{}),Ln(e,t,!1),Ln(le(e),t,!0)]},label_padding_after:function(e,t){return[ae(e,{}),Hn(e,t,!1),Hn(le(e),t,!0)]},label_padding_before:function(e,t){return[ae(e,{}),Wn(e,t,!1),Wn(le(e),t,!0)]}}}),Vn={general_styles:!0,animation_duration:he.animation_duration,button_size:6*he.grid_unit_component,icon_size:3*he.grid_unit_component,label_font_size:2*he.grid_unit_component,label_height:3*he.grid_unit_component,label_padding_after:0,label_padding_before:4*he.grid_unit,color_light_on:_e(he.color_primary),color_light_off:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_on_icon:"inherit",color_light_off_icon:"inherit",color_light_on_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_off_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_dark_on:_e(he.color_primary),color_dark_off:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_on_icon:"inherit",color_dark_off_icon:"inherit",color_dark_on_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_off_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary)},En=[Bn,Cn],In=".".concat("pe-control"),An=oe(In,En,Vn),Mn=re(In,En,Vn);ne({selectors:[In],fns:En,vars:Vn});var Qn=Object.freeze({addStyle:An,color:Cn,getStyle:Mn,layout:Bn,vars:Vn}),Dn=se({superColor:Cn}),Nn=ce({superLayout:Bn}),$n={general_styles:!0},Jn=[Nn,Dn],Zn=".".concat("pe-checkbox-control"),qn=oe(Zn,Jn,$n),Gn=re(Zn,Jn,$n);ne({selectors:[Zn],fns:Jn,vars:$n});var Xn=Object.freeze({addStyle:qn,color:Dn,getStyle:Gn,layout:Nn,vars:$n});function Yn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Un(){return(Un=Object.assign||function(e){for(var t=1;t *":{flexShrink:0}," > .pe-dialog-pane__body":{flexShrink:1,maxHeight:"none"}}," .pe-dialog-pane, .pe-dialog-pane__body":{height:"100vh",maxHeight:"100vh",borderTopStyle:"none",maxWidth:"none"}})},ao=ce({varFns:{general_styles:function(e){return[ae(e,[B.layoutVertical,{position:"relative",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",margin:0," .pe-dialog-pane__content":{width:"100%",display:"flex",flexDirection:"column",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}," .pe-dialog-pane__title":{fontSize:he.font_size_title+"px",fontWeight:he.font_weight_medium,"& + div":{marginTop:"16px"}}," .pe-dialog-pane__header, .pe-dialog-pane__content > .pe-toolbar":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"," .pe-dialog-pane__title":{width:"100%",wordBreak:"break-all",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}," .pe-dialog-pane__body":[{overflowY:"auto","-webkit-overflow-scrolling":"touch",borderTopStyle:"solid",borderBottomStyle:"solid"," p":{margin:0}," p + p":{marginTop:"16px"}}],".pe-dialog-pane--body-full-bleed .pe-dialog-pane__body":{padding:0,borderStyle:"none"}," .pe-dialog-pane__header--title + .pe-dialog-pane__body":{paddingTop:0}," .pe-dialog-pane__footer":{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center","&, > .pe-toolbar":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},".pe-dialog-pane__footer--high":{paddingBottom:"8px"},".pe-dialog-pane__footer--buttons":{padding:"0 8px",fontSize:0}}," .pe-dialog-pane__actions":[B.layoutHorizontal,B.layoutEndJustified,B.layoutWrap,{alignItems:"center"}]}]),{" .pe-dialog__content.pe-menu__content":Yn({}," ".concat(e),{" .pe-dialog-pane__body":{padding:0,border:"none"}})}]},max_width:function(e,t){return[void 0!==t.side_padding_mobile&&no(e,t)]},side_padding_mobile:function(e,t){return[void 0!==t.side_padding_mobile&&no(e,t)]},min_width:function(e,t){return[ae(e,{minWidth:t.min_width+"px"})]},margin_vertical:function(e,t){return[ae(e,{maxHeight:"calc(100vh - 2 * ".concat(t.margin_vertical,"px)")}),void 0!==t.header_height&&void 0!==t.footer_height&&ro(e,t)]},line_height_title:function(e,t){return[ae(e,{" .pe-dialog-pane__title":{lineHeight:t.line_height_title+"px"}})]},header_height:function(e,t){return[ae(e,{" .pe-dialog-pane__header":{height:t.header_height+"px"}}),void 0!==t.footer_height&&void 0!==t.margin_vertical&&ro(e,t)]},footer_height:function(e,t){return[ae(e,{" .pe-dialog-pane__footer--buttons .pe-dialog-pane__actions":{minHeight:t.footer_height+"px"}}),void 0!==t.header_height&&void 0!==t.footer_height&&void 0!==t.margin_vertical&&ro(e,t)]},padding:function(e,t){return[ae(e,{" .pe-dialog-pane__body":{padding:t.padding+"px"},".pe-dialog-pane--footer":{" .pe-dialog-pane__body":{paddingBottom:t.padding-10+"px"}}}),void 0!==t.header_bottom&&oo(e,t)]},header_bottom:function(e,t){return[oo(e,t)]},border_width:function(e,t){return[ae(e,{" .pe-dialog-pane__body":{borderWidth:t.border_width+"px"}})]}}}),lo={general_styles:!0,border_width:1,footer_height:52,header_bottom:20,header_height:64,line_height_title:24,max_width:7*he.grid_unit_menu,min_width:5*he.grid_unit_menu,padding:3*he.grid_unit_component,side_padding_mobile:6*he.grid_unit,max_height:8*he.grid_unit_component,margin_vertical:8*he.grid_unit_component,color_light_title_text:"inherit",color_light_body_text:"inherit",color_light_body_border:_e(he.color_light_foreground,he.blend_light_border_light),color_light_background:"inherit",color_dark_title_text:"inherit",color_dark_body_text:"inherit",color_dark_body_border:_e(he.color_dark_foreground,he.blend_dark_border_light),color_dark_background:"inherit"},_o=[ao,to],co=".".concat("pe-dialog-pane"),uo=oe(co,_o,lo),po=re(co,_o,lo);ne({selectors:[co],fns:_o,vars:lo});var so=Object.freeze({addStyle:uo,color:to,fullScreen:io,getStyle:po,layout:ao,vars:lo}),fo="pe-dialog";function go(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function bo(){return(bo=Object.assign||function(e){for(var t=1;t div":{width:"inherit",height:"inherit"}})]}},["small","regular","medium","large"].reduce(function(e,t){return e["size_".concat(t)]=function(e){return function(t,n){return ae(t,Sr({},".pe-icon--".concat(e),{width:n["size_".concat(e)]+"px",height:n["size_".concat(e)]+"px"}))}}(t),e},{}))}),Fr={general_styles:!0,size_small:he.unit_icon_size_small,size_regular:he.unit_icon_size,size_medium:he.unit_icon_size_medium,size_large:he.unit_icon_size_large,color_light_avatar_background:_e(he.color_light_foreground,he.blend_light_background_disabled),color_dark_avatar_background:_e(he.color_dark_foreground,he.blend_dark_background_disabled),color_light:"currentcolor",color_dark:"currentcolor"},Pr=[Tr,Cr],Lr=".".concat("pe-icon"),Wr=oe(Lr,Pr,Fr),Hr=re(Lr,Pr,Fr);ne({selectors:[Lr],fns:Pr,vars:Fr});var Br=Object.freeze({addStyle:Wr,color:Cr,getStyle:Hr,layout:Tr,vars:Fr});function Vr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Er(){return(Er=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:e)+"px"}},Ai=function(e){return{"padding-top":e+"px","padding-bottom":(arguments.length>1&&void 0!==arguments[1]?arguments[1]:e)+"px"}},Mi=function(e,t){return ae(e,{lineHeight:t.single_line_height+"px",".pe-list-tile--navigation":{" .pe-list-tile__title":{minHeight:t.single_line_height+"px"}}," .pe-list-tile__title":[Q(t.title_line_count,t.single_line_height,"px")]})},Qi=function(e,t){return ae(e,{"&, a":{pointerEvents:"none"}})},Di=function(e,t){return Ni(e,t),$i(e,t)},Ni=function(e,t){var n=t.inset_h_size;return ae(e,{marginLeft:n+"px",marginRight:n+"px"," .pe-list-tile__content":{marginLeft:-n+"px",marginRight:-n+"px"}})},$i=function(e,t){var n=t.inset_v_size;return ae(e,{marginTop:n+"px",marginBottom:n+"px"})},Ji=function(e,t){return ae(e,{"&, .pe-list-tile__primary":{borderRadius:t.rounded_border_radius+"px"}})},Zi=ce({varFns:{general_styles:function(e,t){return[ae(e,[Vi(t),B.layout,{position:"relative",".pe-list-tile--navigation":{" .pe-list-tile__title":{whiteSpace:"pre-wrap"}},".pe-list-tile--sticky":N(2),".pe-list-tile--inset-h":Ni(e,t),".pe-list-tile--inset-v":$i(e,t)," .pe-list-tile__primary":{width:"100%"}," .pe-list-tile__primary, .pe-list-tile__secondary":[B.layoutHorizontal,M("background",".200s"),{textDecoration:"none",color:"inherit",border:"none"}],":not(.pe-list-tile--header) .pe-list-tile__primary":[B.flex(),{position:"relative"," .pe-list-tile__content:not(.pe-list-tile__content-front)":[B.flex()]}],":not(.pe-list-tile--disabled)":{outline:"none"}," .pe-list-tile__secondary":{textAlign:"right",position:"relative"}," .pe-list-tile__content":[B.layoutVertical,B.selfCenter,{width:"100%",".pe-list-tile__content-front":{flexShrink:0}}]," .pe-list-tile__title":{whiteSpace:"normal"}," .pe-list-tile__subtitle":[Q(t.subtitle_line_count,t.line_height_subtitle,"px"),{fontSize:t.font_size_subtitle+"px",fontWeight:t.font_weight_subtitle,lineHeight:t.line_height_subtitle+"px",".pe-list-tile__high-subtitle":[Q(t.high_subtitle_line_count,t.line_height_subtitle,"px"),{whiteSpace:"normal"}]}],".pe-list-tile--selected, &.pe-list-tile--disabled":Qi(e),".pe-list-tile--subtitle":{" .pe-list-tile__content":{" .pe-list-tile__title":{padding:0}}},".pe-list-tile--high-subtitle":{" .pe-list-tile--high-subtitle .pe-list-tile__secondary":[B.layoutHorizontal,B.layoutStart]," .pe-list-tile__content":[B.selfStart,{" .pe-list-tile__title":{padding:0}}]},".pe-list-tile--header":{pointerEvents:"none"," .pe-list-tile__content":{paddingTop:0,paddingBottom:0}," .pe-list-tile__title":{padding:0}},"@supports (-moz-appearance:none) and (display:contents)":{" .pe-list-tile__primary, .pe-list-tile__content":{overflow:"hidden"}},".pe-dialog .pe-menu__content &":{" .pe-list-tile__content":{paddingLeft:"24px",paddingRight:"24px"}," .pe-list-tile__content-front":{paddingRight:0,width:"64px",marginRight:"-7px"}," .pe-list-tile__title":Q("none")},".pe-menu__content &":{":not(.pe-list-tile--disabled)":{cursor:"default","&, .pe-list-tile__primary, .pe-list-tile__secondary":{" .pe-list-tile__title, .pe-list-tile__subtitle":{userSelect:"none","-moz-user-select":"none"}}}},"html.pe-no-touch &.pe-list-tile--hoverable, html.pe-no-touch &.pe-list-tile--selectable":{":not(.pe-list-tile--header):not(.pe-list-tile--disabled):not(.pe-list-tile--selected):hover":{cursor:"pointer"}}}]),ji({},le(e),Ei(t))]},title_line_count:function(e,t){return[Mi(e,t)]},single_line_height:function(e,t){return[Mi(e,t)]},font_size_title:function(e,t){return[ae(e,{fontSize:t.font_size_title+"px"," .pe-list-tile__secondary":{fontSize:t.font_size_title+"px"}})]},font_weight_title:function(e,t){return[ae(e,{fontWeight:t.font_weight_title})]},font_size_navigation_title:function(e,t){return[ae(e,{".pe-list-tile--navigation":{fontSize:t.font_size_navigation_title+"px"}})]},font_weight_navigation_title:function(e,t){return[ae(e,{".pe-list-tile--navigation":{fontWeight:t.font_weight_navigation_title}})]},padding:function(e,t){return[ae(e,{":not(.pe-list-tile--header)":{" .pe-list-tile__content:not(.pe-list-tile__content-front)":[Ai(t.padding,t.padding+1)]}," .pe-list-tile__content":{".pe-list-tile__content-front":[Ai(t.padding-5)]}})]},side_padding:function(e,t){return[ae(e,{" .pe-list-tile__content":[Ii(t.side_padding)]})]},inset_size:function(e,t){return[ae(e,{".pe-list-tile--inset":Di(e,t)})]},rounded_border_radius:function(e,t){return[ae(e,{".pe-list-tile--rounded":Ji(e,t)})]},compact_front_item_width:function(e,t){return[ae(e,{" .pe-list-tile__content-front":{".pe-list-tile--compact-front":{width:t.compact_front_item_width+"px"}}})]},front_item_width:function(e,t){return[ae(e,{" .pe-list-tile__content-front":{":not(.pe-list-tile--compact-front)":{width:t.front_item_width+"px"}}})]},font_size_small:function(e,t){return[ae(e,{" .pe-list-tile__content":{" small":{fontSize:t.font_size_small+"px"}}})]},has_high_subtitle_padding:function(e,t){return[ae(e,{".pe-list-tile--high-subtitle":{" .pe-list-tile__content":[Ai(t.has_high_subtitle_padding,t.has_high_subtitle_padding+1)]}})]},has_subtitle_padding:function(e,t){return[ae(e,{".pe-list-tile--subtitle":{" .pe-list-tile__content":[Ai(t.has_subtitle_padding,t.has_subtitle_padding+1)]}})]},single_height:function(e,t){return[ae(e,{".pe-list-tile--header":{height:t.single_height+"px"," .pe-list-tile__title":[Q(1,t.single_height,"px"),{lineHeight:t.single_height+"px",padding:0}]}})]},font_size_list_header:function(e,t){return[ae(e,{".pe-list-tile--header":{" .pe-list-tile__title":{fontSize:t.font_size_list_header+"px"}}})]},font_weight_list_header:function(e,t){return[ae(e,{".pe-list-tile--header":{" .pe-list-tile__title":{fontWeight:t.font_weight_list_header}}})]},compact_padding:function(e,t){return[ae(e,{" .pe-list--compact &, &.pe-list-tile--compact":{":not(.pe-list-tile--header)":{" .pe-list-tile__content:not(.pe-list-tile__content-front)":Ai(t.compact_padding,t.compact_padding+1)}}})]},inset:function(e,t){return t.inset&&Di(e,t)},inset_h:function(e,t){return t.inset_h&&Ni(e,t)},inset_v:function(e,t){return t.inset_h&&$i(e,t)},rounded:function(e,t){return t.rounded&&Ji(e,t)},selected:function(e,t){return t.selected&&Qi(e)}}}),qi=Ci({general_styles:!0,compact_front_item_width:64,compact_padding:9,compact_side_padding:1*he.grid_unit_component,font_size_list_header:14,font_size_navigation_title:14,font_size_small:12,font_size_subtitle:14,font_size_title:16,font_weight_list_header:he.font_weight_medium,font_weight_navigation_title:he.font_weight_medium,font_weight_subtitle:he.font_weight_normal,font_weight_title:he.font_weight_normal,front_item_width:72,has_high_subtitle_padding:13,has_subtitle_padding:15,high_subtitle_line_count:2,inset_h_size:1*he.grid_unit_component,inset_v_size:1*he.grid_unit_component,line_height_subtitle:20,padding:13,rounded_border_radius:he.unit_item_border_radius,side_padding:2*he.grid_unit_component,single_height:48,single_line_height:21,single_with_icon_height:56,single_with_icon_line_height:29,subtitle_line_count:1,title_line_count:1,color_light_title:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_subtitle:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_info:_e(he.color_light_foreground,he.blend_light_text_tertiary),color_light_front:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_text_disabled:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_list_header:_e(he.color_light_foreground,he.blend_light_text_tertiary),color_light_secondary:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_hover:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_hover_front:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_hover_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_focus_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_selected_text:"inherit",color_light_selected_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_highlight_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_dark_title:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_subtitle:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_info:_e(he.color_dark_foreground,he.blend_dark_text_tertiary),color_dark_front:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_text_disabled:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_list_header:_e(he.color_dark_foreground,he.blend_dark_text_tertiary),color_dark_secondary:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_hover:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_hover_front:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_hover_background:_e(he.color_dark_foreground,he.blend_dark_background_hover),color_dark_selected_text:"inherit",color_dark_selected_background:_e(he.color_dark_foreground,he.blend_dark_background_hover),color_dark_highlight_background:_e(he.color_dark_foreground,he.blend_dark_background_hover)},{inset:!1,inset_h:!1,inset_v:!1,selected:!1,rounded:!1}),Gi=[Zi,Hi],Xi=".".concat("pe-list-tile"),Yi=oe(Xi,Gi,qi),Ui=re(Xi,Gi,qi);ne({selectors:[Xi],fns:Gi,vars:qi});var Ki=Object.freeze({addStyle:Yi,color:Hi,getStyle:Ui,layout:Zi,vars:qi});function ea(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ta(){return(ta=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,_l],fns:ll,vars:al,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,cl],fns:dl,vars:al,customVars:t,mediaQuery:r,scope:a})},color:tl,customLayoutFns:rl,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,_l],fns:ll,vars:al,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[cl],fns:dl,vars:al,customVars:t,mediaQuery:r,scope:a}))},holderLayout:nl,layout:il,vars:al}),pl=se({superColor:Cn}),sl=ce({varFns:{general_styles:function(){return{" .pe-radio-group":{display:"flex"}}}},superLayout:Bn}),fl={general_styles:!0},gl=[sl,pl],bl=".".concat("pe-radio-control"),hl=oe(bl,gl,fl),ml=re(bl,gl,fl);ne({selectors:[bl],fns:gl,vars:fl});var xl=Object.freeze({addStyle:hl,color:pl,getStyle:ml,layout:sl,vars:fl});function vl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function yl(){return(yl=Object.assign||function(e){for(var t=1;t *":[B.layoutVertical,B.selfCenter],".pe-search--inset":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{padding:0}}}])]},font_size_input:function(e,t){return[ae(e,{" .pe-textfield":{" .pe-textfield__input, .pe-textfield__label":{fontSize:t.font_size_input+"px"}}})]},line_height_input:function(e,t){return[ae(e,{" .pe-textfield__input, .pe-textfield__label":{lineHeight:t.line_height_input+"px"}}),Vl(e,t)]},inset_border_radius:function(e,t){return[ae(e,{".pe-search--inset":{"border-radius":t.inset_border_radius+"px"}})]},inset_side_padding:function(e,t){return[ae(e,{".pe-search--inset":{padding:"0 "+t.inset_side_padding+"px"}})]},inset_height:function(e,t){return[ae(e,{".pe-search--inset":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{padding:0,height:t.inset_height+"px"}}}),Vl(e,t)]},full_width_height:function(e,t){return[ae(e,{".pe-search--full-width":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{height:t.full_width_height+"px"}}}),El(e,t)]},inset_input_indent:function(e,t){return[ae(e,{".pe-search--inset":{" .pe-textfield__input, .pe-textfield__label":{paddingLeft:t.inset_input_indent+"px"}}})]},inset_input_right_padding:function(e,t){return[ae(e,{".pe-search--inset":{" .pe-textfield__input, .pe-textfield__label":{paddingRight:t.inset_input_right_padding+"px"}}})]},full_width_side_padding:function(e,t){var n=he.unit_indent-t.full_width_side_padding-he.grid_unit_icon_button;return ae(e,{".pe-search--full-width":{padding:"0 "+t.full_width_side_padding+"px"," .pe-textfield__input, .pe-textfield__label":{paddingLeft:n+"px"}},".pe-search--full-width + .pe-list .pe-list-tile":{"> :first-child":{paddingLeft:t.full_width_side_padding+"px"},"> :last-child":{paddingRight:t.full_width_side_padding+"px"}}})},full_width_border_radius:function(e,t){return[ae(e,{".pe-search--full-width":{borderRadius:t.full_width_border_radius+"px"}})]},full_width_input_right_padding:function(e,t){return[ae(e,{".pe-search--full-width":{" .pe-textfield__input, .pe-textfield__label":{paddingRight:t.full_width_input_right_padding+"px"}}})]}}}),Al={general_styles:!0,font_size_input:20,full_width_border_radius:0,full_width_height:56,full_width_input_right_padding:0,full_width_side_margin:0,full_width_side_padding:8,inset_border_radius:he.unit_block_border_radius,inset_height:48,inset_input_indent:16,inset_input_right_padding:0,inset_side_padding:0,line_height_input:20,color_light_label_text:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_input_text:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_background:_e(he.color_light_background),color_dark_label_text:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_input_text:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_background:_e(he.color_dark_background)},Ml=[Il,Bl],Ql=".".concat("pe-search"),Dl=oe(Ql,Ml,Al),Nl=re(Ql,Ml,Al);ne({selectors:[Ql],fns:Ml,vars:Al});var $l=Object.freeze({addStyle:Dl,color:Bl,getStyle:Nl,layout:Il,vars:Al});function Jl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Zl(){return(Zl=Object.assign||function(e){for(var t=1;t .pe-icon":B.layoutCenter," .pe-slider__track":[B.layoutHorizontal,B.flexGrow(1),{userSelect:"none","-moz-user-select":"none",position:"relative",outline:0}]," .pe-slider__control":[B.selfCenter,M("transform, background",".200s"),{transform:"scale(1)",userSelect:"none","-moz-user-select":"none",lineHeight:0,borderRadius:"50%",outline:0,zIndex:1,position:"relative",":before":{content:'""',position:"absolute",borderRadius:"50%"},":after":{content:'""',position:"absolute",borderRadius:"50%",borderStyle:"solid"}}]," .pe-slider__thumb":[D(),{"&, .pe-icon":{width:"inherit",height:"inherit"}}]," .pe-slider__label":{minWidth:he.unit_icon_size+"px",textAlign:"center",fontSize:"16px",fontWeight:he.font_weight_medium}," .pe-slider__track-part":[B.flex(),{userSelect:"none","-moz-user-select":"none",overflow:"hidden"}]," .pe-slider__track-value, .pe-slider__track-rest":B.layoutHorizontal," .pe-slider__track-bar":[B.flex(),{position:"relative",overflow:"hidden"}]," .pe-slider__track-bar-value":B.flex()," .pe-slider__ticks":[B.layoutJustified,{userSelect:"none","-moz-user-select":"none",position:"absolute",left:0,pointerEvents:"none"}]," .pe-slider__pin":[M("transform",".11s"),{transform:"translateZ(0) scale(0) translate(0, 0)",transformOrigin:"bottom",position:"absolute",zIndex:1,height:0,left:0,top:0,pointerEvents:"none","&::before, &::after":{position:"absolute",top:0,left:0},"::before":{transform:"rotate(-45deg)",content:'""',borderRadius:"50% 50% 50% 0"},"::after":{content:"attr(value)",textAlign:"center"}}],".pe-slider--pin.pe-slider--active, &.pe-slider--pin.pe-slider--focus":{" .pe-slider__pin":{transform:"translateZ(0) scale(1) translate(0, -24px)"}},":not(.pe-slider--disabled)":{" .pe-slider__control":{cursor:"pointer"},".pe-slider--track":{" .pe-slider__track":{cursor:"pointer"}}},".pe-slider--disabled":{" .pe-slider__control":{borderWidth:0}}}])]},thumb_size:function(e,t){var n=Yl(t),o=n.normalThumbSize,r=n.barOffset,i=n.stepsOffset;return[ae(e,{" .pe-slider__control":{width:o+"px",height:o+"px"}," .pe-slider__track-value .pe-slider__track-bar":{marginLeft:r+"px"}," .pe-slider__track-rest .pe-slider__track-bar":{marginRight:r+"px"}," .pe-slider__ticks":{width:"calc(100% - "+2*i+"px)",margin:"0 "+i+"px"}}),Kl(e,t),n_(e,t),o_(e,t),r_(e,t)]},active_thumb_scale:function(e,t){return[ae(e,{".pe-slider--active:not(.pe-slider--ticks)":{" .pe-slider__control":{transform:"scale("+t.active_thumb_scale+")"}}}),o_(e,t)]},thumb_touch_size:function(e,t){return[ae(e,{" .pe-slider__control":{":before":{width:t.thumb_touch_size+"px",height:t.thumb_touch_size+"px"}}}),n_(e,t)]},thumb_border_width:function(e,t){return[ae(e,{}),Kl(e,t)]},disabled_thumb_scale:function(e,t){return[ae(e,{".pe-slider--disabled":{" .pe-slider__control":{transform:"scale("+t.disabled_thumb_scale+")"}}}),Kl(e,t)]},active_pin_thumb_scale:function(e,t){return[ae(e,{".pe-slider--pin.pe-slider--active, &.pe-slider--pin.pe-slider--focus":{" .pe-slider__control":{transform:"scale("+t.active_pin_thumb_scale+")"}}})]},height:function(e,t){return[ae(e,{height:t.height+"px"," > .pe-icon":{height:t.height+"px"}," .pe-slider__label":{height:t.height+"px",lineHeight:t.height+"px"}," .pe-slider__ticks":{top:t.height/2-1+"px"}}),e_(e,t)]},track_height:function(e,t){return[ae(e,{" .pe-slider__track":{height:t.track_height+"px"}}),e_(e,t),t_(e,t)]},animation_duration:function(e,t){return[ae(e,{" .pe-slider__track":M("transform",t.animation_duration)," .pe-slider__control:before":M("background-color",t.animation_duration)," .pe-slider__control:after":M("border",t.animation_duration)," .pe-slider__thumb":M("opacity",t.animation_duration)," .pe-slider__track-bar-value":M("transform, background-color",t.animation_duration)})]},side_spacing:function(e,t){return[ae(e,{" .pe-slider__track":{margin:"0 "+t.side_spacing+"px"}})]},horizontal_layout_side_spacing:function(e,t){return[ae(e,{" div + .pe-slider__track":{margin:"0 "+t.horizontal_layout_side_spacing+"px"}})]},bar_height:function(e,t){return[ae(e,{" .pe-slider__track-part, .pe-slider__track-bar-value, .pe-slider__ticks, .pe-slider__tick":{height:t.bar_height+"px"}}),t_(e,t)]},step_width:function(e,t){return[ae(e,{" .pe-slider__tick":{width:t.step_width+"px"}})]},pin_width:function(e,t){return[ae(e,{" .pe-slider__pin":{width:t.pin_width+"px","::before":{width:t.pin_width+"px",height:t.pin_width+"px"},"::after":{width:t.pin_width+"px",height:t.pin_height+"px",lineHeight:t.pin_width+"px"}}}),r_(e,t)]},pin_font_size:function(e,t){return[ae(e,{" .pe-slider__pin::after":{fontSize:t.pin_font_size+"px"}})]}}}),a_=he.color_light_foreground,l_=he.color_dark_foreground,__=he.color_primary,d_=Math.max(40,12),c_=Math.max(d_,18),u_=Math.max(52,18),p_=Math.max(10,c_/2-6),s_={general_styles:!0,active_pin_thumb_scale:2/6,active_thumb_scale:1.5,animation_duration:he.animation_duration,bar_height:2,disabled_thumb_scale:.5,height:u_,horizontal_layout_side_spacing:p_+4,pin_font_size:10,pin_height:32,pin_width:26,side_spacing:p_,step_width:2,thumb_border_width:2,thumb_size:12,thumb_touch_size:d_,track_height:u_,color_light_track_active:_e(a_,.38),color_light_track_inactive:_e(a_,.26),color_light_track_value:"currentColor",color_light_thumb_off:_e(a_,.26),color_light_thumb_off_focus:_e(a_),color_light_thumb_off_focus_opacity:.08,color_light_thumb_on:_e(__),color_light_thumb_on_focus_opacity:.11,color_light_thumb_inactive:_e(a_,.26),color_light_tick:_e(a_,1),color_light_tick_value:_e(a_,1),color_light_icon:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled_icon:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled_label:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_pin_label:"#fff",color_light_pin_background:"currentColor",color_dark_track_active:_e(l_,.3),color_dark_track_inactive:_e(l_,.2),color_dark_track_value:"currentColor",color_dark_thumb_off:_e(l_,.2),color_dark_thumb_off_focus:_e(l_),color_dark_thumb_off_focus_opacity:.08,color_dark_thumb_on:_e(__),color_dark_thumb_on_focus_opacity:.11,color_dark_thumb_inactive:_e(l_,.2),color_dark_tick:_e(l_,1),color_dark_tick_value:_e(l_,1),color_dark_icon:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled_icon:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled_label:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_pin_label:"#fff",color_dark_pin_background:"currentColor"},f_=[i_,Xl],g_=".".concat("pe-slider"),b_=oe(g_,f_,s_),h_=re(g_,f_,s_);ne({selectors:[g_],fns:f_,vars:s_});var m_=Object.freeze({addStyle:b_,color:Xl,getStyle:h_,layout:i_,vars:s_});function x_(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v_,y_=function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,R_],fns:j_,vars:O_,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,T_],fns:C_,vars:O_,customVars:t,mediaQuery:r,scope:a})},color:k_,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,R_],fns:j_,vars:O_,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[T_],fns:C_,vars:O_,customVars:t,mediaQuery:r,scope:a}))},holderLayout:w_,layout:S_,vars:O_});function P_(){return(P_=Object.assign||function(e){for(var t=1;t div, svg":{width:"inherit",height:"inherit"}})]}}}),V_={general_styles:!0,color_light:"currentcolor",color_dark:"currentcolor"},E_=[B_,H_],I_=".".concat("pe-svg"),A_=oe(I_,E_,V_),M_=re(I_,E_,V_);ne({selectors:[I_],fns:E_,vars:V_});var Q_=Object.freeze({addStyle:A_,color:H_,getStyle:M_,layout:B_,vars:V_});function D_(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N_(){return(N_=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:e.animation_duration;return M(t,n,"ease-out")},G_=function(e,t){var n=t/he.unit_icon_size,o=2*Math.floor(.5*e.thumb_size*n),r=2*Math.floor(.5*e.track_height*n),i=2*Math.floor(.5*e.track_length*n),a=2*Math.floor(.5*e.thumb_size*n),l=(e.label_height*n-r)/2,_=e.icon_button_padding,d=(t-a)/2,c=-(t+2*_)/2+o/2;return{factor:n,scaledThumbSize:a,scaledTrackHeight:r,scaledTrackWidth:i,size:t,thumbMargin:d,thumbOffsetMax:c+i-o,thumbOffsetMin:c,thumbOffsetY:c+d,thumbPadding:_,trackTop:l,trackVisualOffset:.3}},X_=function(e,t){var n=t.scaledThumbSize,o=t.scaledTrackHeight,r=t.scaledTrackWidth,i=t.size,a=t.thumbMargin,l=t.thumbOffsetY,_=t.thumbPadding,d=t.trackTop;return{" .pe-control__form-label":{height:i+"px",minWidth:r+"px"}," .pe-switch-control__track":{height:o+"px",width:r-2*t.trackVisualOffset+"px",top:d+"px",borderRadius:o+"px"}," .pe-switch-control__thumb":{top:l+"px"}," .pe-switch-control__knob":{width:n+"px",height:n+"px",margin:a+"px"}," .pe-button__content":{padding:_+"px"}}},Y_=function(e,t,n){var o,r,i,a,l=t.factor,_=t.scaledTrackWidth,d=t.thumbOffsetMax,c=t.thumbOffsetMin,u=t.trackVisualOffset;return{" .pe-control__label":(o={},D_(o,n?"paddingRight":"paddingLeft",e.padding*l+8+_+"px"),D_(o,n?"paddingLeft":"paddingRight",0),o)," .pe-switch-control__track":(r={},D_(r,n?"right":"left",u+"px"),D_(r,n?"left":"right","auto"),r)," .pe-switch-control__thumb":(i={},D_(i,n?"right":"left",c+"px"),D_(i,n?"left":"right","auto"),i),".pe-control--on":{" .pe-switch-control__thumb":(a={},D_(a,n?"right":"left",d+"px"),D_(a,n?"left":"right","auto"),a)}}},U_=function(e){return function(){var t;return{" .pe-switch-control__track":(t={},D_(t,e?"right":"left",0),D_(t,e?"left":"right","auto"),t)}}},K_=U_(!1),ed=U_(!0),td=ce({varFns:{general_styles:function(e){return[ae(e,[K_(),{" .pe-switch-control__track":[{position:"absolute"}]," .pe-switch-control__thumb":{position:"absolute",zIndex:1,color:"inherit",":focus":{outline:0}}," .pe-switch-control__knob":{position:"relative",borderRadius:"50%"}," .pe-icon-button .pe-button__content":{transition:"none"," .pe-switch-control__knob .pe-icon":[D(),{width:"100%",height:"100%"}]}}]),D_({},"_:-ms-fullscreen, :root ".concat(e),{" input":{position:"absolute",zIndex:1,width:"100%",height:"100%",left:0,top:0,right:0,bottom:0,display:"block",opacity:0,cursor:"pointer"}," label":{cursor:"auto"}})]},animation_duration:function(e,t){return[ae(e,{" .pe-switch-control__track, .pe-switch-control__thumb, .pe-control__label":q_(t,"all")})]},createSize:function(e,t){var n={small:G_(t,he.unit_icon_size_small),regular:G_(t,he.unit_icon_size),medium:G_(t,he.unit_icon_size_medium),large:G_(t,he.unit_icon_size_large)};return[ae(e,{".pe-control--small":[X_(0,n.small),Y_(t,n.small,!1)],".pe-control--regular":[X_(0,n.regular),Y_(t,n.regular,!1)],".pe-control--medium":[X_(0,n.medium),Y_(t,n.medium,!1)],".pe-control--large":[X_(0,n.large),Y_(t,n.large,!1)]}),D_({},"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e),[ed(),{".pe-control--small":[Y_(t,n.small,!0)],".pe-control--regular":[Y_(t,n.regular,!0)],".pe-control--medium":[Y_(t,n.medium,!0)],".pe-control--large":[Y_(t,n.large,!0)]}])]}},superLayout:Bn,varMixin:function(e){return e.thumb_size||e.track_height||e.track_length||e.label_height||e.icon_button_padding?N_({},e,{createSize:!0}):e}}),nd={general_styles:!0,animation_duration:he.animation_duration,hit_area_padding:(he.grid_unit_icon_button-he.unit_icon_size)/2,icon_button_padding:qr.padding,padding:he.grid_unit_component,thumb_size:20,track_height:14,track_length:36,label_height:Vn.label_height,color_light_thumb_on:_e(he.color_primary),color_light_thumb_off:"#f1f1f1",color_light_thumb_disabled:"#eee",color_light_wash_on:_e(he.color_primary,he.blend_light_background_active),color_light_wash_off:qr.color_light_wash_background,color_light_track_on:_e(he.color_primary_faded),color_light_track_on_opacity:.55,color_light_track_off:_e(he.color_light_foreground,he.blend_light_text_regular),color_light_track_off_opacity:.55,color_light_track_disabled:_e(he.color_light_foreground,he.blend_light_background_disabled),color_light_track_disabled_opacity:1,color_dark_thumb_on:_e(he.color_primary),color_dark_thumb_off:"#bdbdbd",color_dark_thumb_disabled:"#555",color_dark_wash_on:_e(he.color_primary,he.blend_dark_background_active),color_dark_wash_off:qr.color_dark_wash_background,color_dark_track_on:_e(he.color_primary_faded,he.blend_dark_text_tertiary),color_dark_track_on_opacity:9,color_dark_track_off:"#717171",color_dark_track_off_opacity:.55,color_dark_track_disabled:"#717171",color_dark_track_disabled_opacity:.3},od=[td,Z_],rd=".".concat("pe-switch-control"),id=oe(rd,od,nd),ad=re(rd,od,nd);ne({selectors:[rd],fns:od,vars:nd});var ld=Object.freeze({addStyle:id,color:Z_,getStyle:ad,layout:td,vars:nd}),_d="pe-tabs",dd="pe-tab";function cd(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ud(){return(ud=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,Td],fns:Rd,vars:jd,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,Pd],fns:Cd,vars:jd,customVars:t,mediaQuery:r,scope:a})},getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,Td],fns:Rd,vars:jd,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[e,Pd],fns:Cd,vars:jd,customVars:t,mediaQuery:r,scope:a}))},tabColor:fd,tabLayout:bd,tabsColor:xd,tabsLayout:zd,vars:jd});function Wd(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Hd(){return(Hd=Object.assign||function(e){for(var t=1;t span, .pe-toolbar__title":(t={},tc(t,r?"marginLeft":"marginRight",0),tc(t,r?"marginRight":"marginLeft",a+"px"),t)," .pe-toolbar__title--center":{marginLeft:a+"px",marginRight:a+"px"}})},dc=function(e){var t,n=e.selector,o=e.vars,r=e.isRTL,i=e.isLarge,a=i?o.title_after_icon_padding_large:o.title_after_icon_padding;return(i?uc:ae)(n,{" > :not(.pe-toolbar__title):first-child:not(.pe-toolbar__title--indent):first-child":(t={},tc(t,r?"marginRight":"marginLeft",0),tc(t,r?"marginLeft":"marginRight",a+"px"),t)})},cc=ac("@media (min-width: ".concat(he.breakpoint_for_phone_only,"px) and (orientation: landscape)")),uc=ac("@media (min-width: ".concat(he.breakpoint_for_tablet_portrait_up,"px)")),pc=ce({varFns:{general_styles:function(e){return[ae(e,[B.layout,B.layoutHorizontal,B.layoutCenter,{position:"relative",zIndex:he.z_toolbar," > a":{textDecoration:"none"},".pe-toolbar--fullbleed":{padding:0},".pe-toolbar--border":{borderWidth:"1px",borderStyle:"none none solid none"}," > *":{flexShrink:0}," > span, .pe-toolbar__title, .pe-toolbar__title--indent":{width:"100%",display:"block",wordBreak:"break-all",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:1}," .pe-toolbar__title--center":{textAlign:"center",justifyContent:"center"}," > .pe-action":{paddingLeft:"12px",paddingRight:"12px"}," .pe-fit":[D(),{margin:0}]}])]},height:function(e,t){return[ae(e,{height:t.height+"px"})]},height_compact:function(e,t){return[ae(e,{".pe-toolbar--compact":{height:t.height_compact+"px"}}),cc(e,{height:t.height+"px"})]},line_height:function(e,t){return[ae(e,{lineHeight:t.line_height+"em"," > span, .pe-toolbar__title, .pe-toolbar__title--indent":{lineHeight:t.line_height}})]},font_size:function(e,t){return[ae(e,{" > span, .pe-toolbar__title, .pe-toolbar__title--indent, .pe-action":{fontSize:t.font_size+"px"}})]},font_weight:function(e,t){return[ae(e,{" > span, .pe-toolbar__title, .pe-toolbar__title--indent":{fontWeight:t.font_weight}})]},padding_side:function(e,t){return[ae(e,{padding:"0 "+t.padding_side+"px"}),lc({selector:e,vars:t}),lc({selector:le(e),vars:t,isRTL:!0})]},indent:function(e,t){return[lc({selector:e,vars:t}),lc({selector:le(e),vars:t,isRTL:!0})]},indent_large:function(e,t){return[lc({selector:e,vars:t,isLarge:!0}),lc({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},title_padding:function(e,t){return[_c({selector:e,vars:t}),_c({selector:le(e),vars:t,isRTL:!0})]},title_padding_large:function(e,t){return[_c({selector:e,vars:t,isLarge:!0}),_c({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},title_after_icon_padding:function(e,t){return[dc({selector:e,vars:t}),dc({selector:le(e),vars:t,isRTL:!0})]},title_after_icon_padding_large:function(e,t){return[dc({selector:e,vars:t,isLarge:!0}),dc({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},height_large:function(e,t){return[uc(e,{height:t.height_large+"px"})]},padding_side_large:function(e,t){return[uc(e,{padding:"0 "+t.padding_side_large+"px"})]}}}),sc=2*he.grid_unit_component-12,fc=3*he.grid_unit_component-12,gc={general_styles:!0,font_size:20,font_weight:400,height:7*he.grid_unit_component,height_compact:6*he.grid_unit_component,height_large:8*he.grid_unit_component,line_height:he.line_height,padding_side:sc,padding_side_large:fc,indent:he.unit_indent-sc,indent_large:he.unit_indent_large-fc,title_after_icon_padding:4,title_after_icon_padding_large:12,title_padding:16,title_padding_large:8,color_light_text:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_border:_e(he.color_light_foreground,he.blend_light_border_light),color_light_background:_e(he.color_light_background),color_dark_text:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_border:_e(he.color_dark_foreground,he.blend_dark_border_light),color_dark_background:_e(he.color_dark_background)},bc=[pc,ic],hc=".".concat("pe-toolbar"),mc=oe(hc,bc,gc),xc=re(hc,bc,gc);ne({selectors:[hc],fns:bc,vars:gc});var vc=Object.freeze({addStyle:mc,color:ic,getStyle:xc,layout:pc,vars:gc});function yc(){return(yc=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope;return ie({selectors:[e,""],fns:Oc,vars:he,customVars:t,mediaQuery:r,scope:void 0===i?"":i})}}),lu=Fc;e.BaseSpinnerCSS=Tc,e.ButtonCSS=Fc,e.ButtonGroupCSS=Pc,e.CardCSS=Lc,e.CheckboxCSS=Wc,e.DialogCSS=Hc,e.DialogPaneCSS=Bc,e.DrawerCSS=Vc,e.FABCSS=Ec,e.IOSSpinnerCSS=Mc,e.IconButtonCSS=Ac,e.IconCSS=Ic,e.ListCSS=Qc,e.ListTileCSS=Dc,e.MaterialDesignProgressSpinnerCSS=Nc,e.MaterialDesignSpinnerCSS=$c,e.MenuCSS=Jc,e.NotificationCSS=Zc,e.RadioButtonCSS=qc,e.RaisedButtonCSS=lu,e.RippleCSS=Gc,e.SVGCSS=tu,e.SearchCSS=Xc,e.SelectionControlCSS=Yc,e.ShadowCSS=Uc,e.SliderCSS=Kc,e.SnackbarCSS=eu,e.SwitchCSS=nu,e.TabsCSS=ou,e.TextFieldCSS=ru,e.ToolbarCSS=iu,e.TypographyCSS=au,e.addLayoutStyles=function(){return te("pe-layout",ge,be)},e.addRoboto=Rc,e.addTypography=Cc,Object.defineProperty(e,"__esModule",{value:!0})}); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).polytheneCSS={})}(this,function(e){"use strict";var t=[],n={},o=n.toString,r=o.call(t),i=o.call(n),a=o.call(""),l=o.call(o),_=n.hasOwnProperty,d=Object.freeze||function(e){return e};function c(e,t){for(var n in t)_.call(t,n)&&(!n.indexOf("$")||n in e||(e[n]=t[n]));return e}function u(e,t){var n,o,r=[];for(o in t)if(_.call(t,o))for(n in e)_.call(e,n)&&r.push(e[n]+t[o]);return r}var p=/[(),]|"(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\//g;function s(e){for(var t,n=[],o=[],r=0;t=p.exec(e);)switch(t[0]){case"(":r++;break;case")":r--;break;case",":if(r)break;n.push(t.index)}for(t=n.length;t--;)o.unshift(e.slice(n[t]+1)),e=e.slice(0,n[t]);return o.unshift(e),o}var f=/&|"(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\//g;function g(e,t){for(var n,o,r=[],i=[];o=f.exec(e);)"&"==o[0]&&r.push(o.index);for(o=r.length;o--;)i.unshift(e.slice(r[o]+1)),e=e.slice(0,r[o]);for(i.unshift(e),1===i.length&&i.unshift(""),n=[i[0]],o=1;o0&&/^[-\w$]+$/.test(u))if(f||(f=1,t.rule(n)),/\$/.test(u))for(b in u=u.split("$"))_.call(u,b)&&m(e,t,u[b],p,d);else m(e,t,u,p,d);else/^@/.test(u)?(f=0,x(e,t,/^(.(?:-[\w]+-)?([_A-Za-z][-\w]*))\b\s*(.*?)\s*$/.exec(u)||[u,"@","",""],p,n,d,c)):(f=0,v(e,t,n.length>0&&(/,/.test(n)||/,/.test(u))?(b=s(n),s(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u).map(function(e){return/&/.test(e)?g(e,b):b.map(function(t){return t+e}).join(",")}).join(",")):/&/.test(u)?g(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u,[n]):n+(d?u.replace(/("(?:\\.|[^"\n])*"|'(?:\\.|[^'\n])*'|\/\*[\s\S]*?\*\/)|:global\(\s*(\.-?[_A-Za-z][-\w]*)\s*\)|(\.)(-?[_A-Za-z][-\w]*)/g,e.localizeReplacer):u),p,d,c+1));break;case r:for(u=0;u0&&void 0!==arguments[0]?arguments[0]:1;return[{"-webkit-box-flex":e},{"-moz-box-flex":e},{"-webkit-flex":e},{"-ms-flex":e},{flex:e},1===e?{"-webkit-flex-basis":"0.000000001px"}:{},1===e?{"flex-basis":"0.000000001px"}:{}]},flexAuto:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexAutoVertical:{"-ms-flex":"1 1 auto","-webkit-flex-basis":"auto","flex-basis":"auto"},flexIndex:function(e){return{"-ms-flex":e,"-webkit-flex":e,flex:e}},flexGrow:function(e){return{"-webkit-flex-grow":e,"flex-grow":e}},flexShrink:function(e){return{"-webkit-flex-shrink":e,"flex-shrink":e}},layout:L,layoutAroundJustified:[L,{"-ms-flex-pack":"distribute","-webkit-justify-content":"space-around","justify-content":"space-around"}],layoutCenter:W,layoutCenterCenter:[H,W],layoutCenterJustified:H,layoutEnd:[L,{"-ms-flex-align":"end","-webkit-align-items":"flex-end","align-items":"flex-end"}],layoutEndJustified:[L,{"-ms-flex-pack":"end","-webkit-justify-content":"flex-end","justify-content":"flex-end"}],layoutHorizontal:[L,{"-ms-flex-direction":"row","-webkit-flex-direction":"row","flex-direction":"row"}],layoutHorizontalReverse:[L,{"-ms-flex-direction":"row-reverse","-webkit-flex-direction":"row-reverse","flex-direction":"row-reverse"}],layoutInline:[L,{display:"-ms-inline-flexbox"},{display:"-webkit-inline-flex"},{display:"inline-flex"}],layoutJustified:[L,{"-ms-flex-pack":"justify","-webkit-justify-content":"space-between","justify-content":"space-between"}],layoutStart:[L,{"-ms-flex-align":"start","-webkit-align-items":"flex-start","align-items":"flex-start"}],layoutStartJustified:[L,{"-ms-flex-pack":"start","-webkit-justify-content":"flex-start","justify-content":"flex-start"}],layoutVertical:[L,{"-ms-flex-direction":"column","-webkit-flex-direction":"column","flex-direction":"column"}],layoutVerticalReverse:[L,{"-ms-flex-direction":"column-reverse","-webkit-flex-direction":"column-reverse","flex-direction":"column-reverse"}],layoutWrap:[L,{"-ms-flex-wrap":"wrap","-webkit-flex-wrap":"wrap","flex-wrap":"wrap"}],layoutWrapReverse:[L,{"-ms-flex-wrap":"wrap-reverse","-webkit-flex-wrap":"wrap-reverse","flex-wrap":"wrap-reverse"}],selfCenter:{"-ms-align-self":"center","-webkit-align-self":"center","align-self":"center"},selfEnd:{"-ms-align-self":"flex-end","-webkit-align-self":"flex-end","align-self":"flex-end"},selfStart:{"-ms-align-self":"flex-start","-webkit-align-self":"flex-start","align-self":"flex-start"},selfStretch:{"-ms-align-self":"stretch","-webkit-align-self":"stretch","align-self":"stretch"}};function V(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var A=function(){return{"&:after":{content:'""',display:"table",clear:"both"}}},M=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";return{transitionDelay:"0ms",transitionDuration:arguments.length>1&&void 0!==arguments[1]?arguments[1]:".18s",transitionTimingFunction:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"ease-out",transitionProperty:e}},Q=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"px";return"none"===e?{textOverflow:"initial",overflow:"initial",display:"block",height:"auto",maxHeight:"none",whiteSpace:"normal"}:[{"@supports (-webkit-line-clamp: 2)":void 0!==e?{"-webkit-line-clamp":e,"-webkit-box-orient":"vertical",display:"-webkit-box",wordBreak:"break-word"}:void 0},E({overflow:"hidden",textOverflow:"ellipsis",textRendering:"auto"},void 0!==t?{maxHeight:e*t+n}:void 0,1===t?{wordWrap:"nowrap"}:void 0)]},D=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)+"px";return{position:"absolute",top:e,right:e,bottom:e,left:e}},N=function(){return{position:"sticky",top:0,zIndex:arguments.length>0&&void 0!==arguments[0]?arguments[0]:1}};var $,J=function(e,t){return e(t={exports:{}},t.exports),t.exports}(function(e,t){var n,o,r,i,a;function l(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")}function _(e,t){return o[e]="",o[e]=t,!!o[e]}function d(e,t){return r.textContent="@media ("+e+":"+t+"){}",!!~r.sheet.cssRules[0].cssText.indexOf(t)}function c(e){return e in o}function u(e){return r.textContent=e+"{}",!!r.sheet.cssRules.length}Object.defineProperty(t,"__esModule",{value:!0});var p=[{props:["cursor"],values:["grab","grabbing","zoom-in","zoom-out"]},{props:["display"],values:["box","inline-box","flexbox","inline-flexbox","flex","inline-flex","grid","inline-grid"]},{props:["position"],values:["sticky"]},{props:["width","column-width","height","max-height","max-width","min-height","min-width"],values:["contain-floats","fill-available","fit-content","max-content","min-content"]}],s={"align-items":"box-align",flex:"box-flex","box-direction":"box-direction","box-orient":"box-orient","flex-grow":"box-flex","flex-wrap":"box-lines","justify-content":"box-pack",order:"box-ordinal-group"},f={"flex-end":"end","flex-start":"start",nowrap:"single","space-around":"justify","space-between":"justify",wrap:"multiple","wrap-reverse":"multiple"},g={"align-content":"-ms-flex-line-pack","align-items":"-ms-flex-align","align-self":"-ms-flex-item-align","flex-basis":"-ms-preferred-size","flex-grow":"-ms-flex-positive","flex-shrink":"-ms-flex-negative","justify-content":"-ms-flex-pack",order:"-ms-flex-order"},b={"flex-end":"end","flex-start":"start","space-around":"distribute","space-between":"justify"};function h(e){n=getComputedStyle(document.documentElement,null),o=document.createElement("div").style,r=document.documentElement.appendChild(document.createElement("style")),a=_,i=c,"zIndex"in o&&!("z-index"in o)&&(a=function(e,t){return _(l(e),t)},i=function(e){return c(l(e))}),function(e){var t={};function o(e){if("-"===e.charAt(0)){var n=e.split("-")[1];t[n]=++t[n]||1}}if(n&&n.length>0)for(var r=0;r-1?w(e,t,"flex-wrap",n):""!==n&&w(e,t,"flex-direction",n)});if("flex-direction"===n)return t(e.properties["box-orient"],o.indexOf("column")>-1?"block-axis":"inline-axis"),void t(e.properties["box-direction"],o.indexOf("-reverse")>-1?"reverse":"normal")}e.WkBCTxt&&"background-clip"===n&&"text"===o?t("-webkit-background-clip",o):t(e.properties[n]||e.fixProperty(n),e.fixValue(o,n))}function z(e){var t=e.prefix;e.fixProperty=e.fixProperty||function(n){var o;return e.properties[n]=i(n)||!i(o=t+n)?n:o};var n=y("",e.selectorList,"(?:\\b|$|[^-])"),o=k("",e.selectorList,"(?:\\b|$|[^-])"),r=function(t,n){return null!=n?e.selectorMap[n]:t};e.fixSelector=function(e){return n.test(e)?e.replace(o,r):e};var a=e.functions.indexOf("linear-gradient")>-1,l=/\blinear-gradient\(/,_=/(^|\s|,|\()((?:repeating-)?linear-gradient\()\s*(-?\d*\.?\d*)deg/gi,d=function(e,t,n,o){return t+n+(90-o)+"deg"},c=!!e.functions.length,u=y("(?:^|\\s|,|\\()",e.functions,"\\s*\\("),p=k("(^|\\s|,|\\()",e.functions,"(?=\\s*\\()");function s(e,n,o){return n+t+o}var f=/^\s*([-\w]+)/gi,g=function(t,n){return e.properties[n]||e.fixProperty(n)};e.fixValue=function(t,n){var o;return null!=e.initial&&"initial"===t?e.initial:e.hasKeywords&&(o=(e.keywords[n]||x)[t])?o:(o=t,e.valueProperties.hasOwnProperty(n)&&(o=-1===t.indexOf(",")?t.replace(f,g):function(e){for(var t,n=[],o=[],r=0;t=v.exec(e);)switch(t[0]){case"(":r++;break;case")":r--;break;case",":if(r)break;n.push(t.index)}for(t=n.length;t--;)o.unshift(e.slice(n[t]+1)),e=e.slice(0,n[t]);return o.unshift(e),o}(t).map(function(e){return e.replace(f,g)}).join(",")),c&&u.test(t)&&(a&&l.test(t)&&(o=o.replace(_,d)),o=o.replace(p,s)),o)};var b,h,m=/((?:min-|max-)?resolution)\s*:\s*((?:\d*\.)?\d+)dppx/g,z=e.hasPixelRatio?function(t,n,o){return e.properties[n]+":"+o}:e.hasPixelRatioFraction?function(t,n,o){return e.properties[n]+":"+Math.round(10*o)+"/10"}:function(e,t,n){return t+":"+Math.round(96*n)+"dpi"};e.fixAtMediaParams=!1!==e.hasDppx?function(e){return e}:function(e){return-1!==e.indexOf("reso")?e.replace(m,z):e};var S=function(e,t){b=e,h=t},O=/\(\s*([-\w]+)\s*:\s*((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|\((?:'(?:\\[\S\s]|[^'])*'|"(?:\\[\S\s]|[^"])*"|\/\*[\S\s]*?\*\/|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*\)|[^\)])*)/g;function j(t,n,o){return w(e,S,n,o),"("+b+":"+h}e.fixAtSupportsParams=function(e){return e.replace(O,j)}}m={atrules:{},hasAtrules:!1,hasDppx:null,hasKeywords:!1,hasPixelRatio:!1,hasPixelRatioFraction:!1,hasSelectors:!1,hasValues:!1,fixAtMediaParams:null,fixAtSupportsParams:null,fixProperty:null,fixSelector:null,fixValue:null,flexbox2009:!1,flexbox2012:!1,functions:[],initial:null,jsFlex:!1,keywords:{},placeholder:null,prefix:"",prefixes:[],Prefix:"",properties:{},selectorList:[],selectorMap:{},valueProperties:{transition:1,"transition-property":1,"will-change":1},WkBCTxt:!1},"function"==typeof getComputedStyle&&h(m),z(m),t.prefixPlugin=function e(){var t=m,n=[];return{set:{setPrefixDb:function(o){return-1===n.indexOf(o)&&(z(o),n.push(o)),t=o,e}},filter:function(e){return{atrule:function(n,o,r,i){e.atrule(t.hasAtrules&&t.atrules[n]||n,o,"@media"===n?t.fixAtMediaParams(r):"@supports"===n?t.fixAtSupportsParams(r):r,i)},decl:function(n,o){w(t,e.decl,n,o)},rule:function(n){e.rule(t.hasSelectors?t.fixSelector(n):n)}}}}}});($=J)&&$.__esModule&&Object.prototype.hasOwnProperty.call($,"default")&&$.default;var Z=new S(J.prefixPlugin),q=/[^a-z0-9\\-]/g,G=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o1?a-1:0),_=1;_0});if(0!==_.length){var d=l.trim().replace(/^[^a-z]?(.*)/,"$1");G(d,U({styles:U({styles:_,scope:a}),scope:i}))}},ee=function(e){var t=e.selectors,n=e.fns,o=e.vars,r=e.customVars,i=e.mediaQuery,a=e.scope,l=(a?" ":"")+t.join(""),_=n.map(function(e){return e(l,o,r)});return U({styles:U({styles:_,scope:a}),scope:i})},te=G,ne=K,oe=function(e,t,n){return function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.mediaQuery,l=i.scope;return K({selectors:[e,o],fns:t,vars:n,customVars:r,mediaQuery:a,scope:l})}},re=function(e,t,n){return function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",r=arguments.length>1?arguments[1]:void 0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=i.mediaQuery,l=i.scope;return[ee({selectors:[e,o],fns:t,vars:n,customVars:r,mediaQuery:a,scope:l})]}},ie=ee,ae=function(e,t){return V({},e,t)},le=function(e){return"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e)},_e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return"rgba(".concat(e,", ").concat(t,")")},de=function(e){var t=e.varFns,n=e.customVarFns,o=e.superStyle,r=e.varMixin,i=e.selector,a=e.scopedSelector,l=e.componentVars,_=void 0===l?{}:l,d=e.customVars,c=E({},_,d),u=d||c,p=(_.general_styles,I(_,["general_styles"])),s=void 0!==o?void 0!==d?o(i,_,d):o(i,p):[],f=E({},d?n:{},t);return s.concat(Object.keys(r(u)).map(function(e){return f&&void 0!==f[e]?f[e](a,c):null}).filter(function(e){return e}))},ce=function(e){var t=e.varFns,n=e.customVarFns,o=e.superLayout,r=e.varMixin,i=void 0===r?function(e){return e}:r;return function(e,r,a){return de({varFns:t,customVarFns:n,superStyle:o,varMixin:i,selector:e,scopedSelector:e,componentVars:r,customVars:a})}},ue=function(e){var t=e.scopes,n=e.selector,o=e.isNoTouch,r=void 0!==o&&o;return n.split(/\s*,\s*/).map(function(e){return function(e){var t=e.scopes,n=e.selector;return e.isNoTouch?t.map(function(e){return e+n+":hover"}).join(","):t.map(function(e){return e+n}).join(",")}({scopes:t,selector:e,isNoTouch:r})}).join("")},pe=[{scopes:[".pe-dark-tone",".pe-dark-tone "],varFnName:"darkTintFns",isNoTouch:!1},{scopes:["",".pe-light-tone",".pe-light-tone "],varFnName:"lightTintFns",isNoTouch:!1},{scopes:[".pe-no-touch .pe-dark-tone "],varFnName:"darkTintHoverFns",isNoTouch:!0},{scopes:[".pe-no-touch ",".pe-no-touch .pe-light-tone "],varFnName:"lightTintHoverFns",isNoTouch:!0}],se=function(e){var t=e.varFns,n=void 0===t?{}:t,o=e.superColor,r=e.varMixin,i=void 0===r?function(e){return e}:r;return function(e,t,r){return pe.map(function(a){var l=a.scopes,_=a.varFnName,d=a.isNoTouch;return function(e){var t=e.selector,n=e.scopedSelector,o=e.componentVars,r=e.customVars,i=e.varFns,a=e.superColor,l=e.varMixin;return de({varFns:i,superStyle:a,varMixin:l,selector:t,scopedSelector:n,componentVars:o,customVars:r})}({selector:e,scopedSelector:ue({scopes:l,selector:e,isNoTouch:d}),componentVars:t,customVars:r,varFns:n[_],superColor:o,varMixin:i})})}},fe=function(e,t){e||console.error("createMarker requires param `vars`");var n=function(e,t){var n=Object.keys(t).filter(function(t){return!0===e[t]}).join(".");return n?'"'.concat(n,'"'):void 0}(e,t);return n?{":before":{content:n,display:"none"}}:void 0},ge=[{".layout, .layout.horizontal":B.layout,".layout.horizontal.inline, .layout.vertical.inline":B.layoutInline,".layout.horizontal":B.layoutHorizontal,".layout.horizontal.reverse":B.layoutHorizontalReverse,".layout.vertical":B.layoutVertical,".layout.vertical.reverse":B.layoutVerticalReverse,".layout.wrap":B.layoutWrap,".layout.wrap.reverse":B.layoutWrapReverse,".flex":B.flex(1),".span.flex":{display:"block"},".flex.auto-vertical":B.flexAutoVertical,".flex.auto":B.flexAuto,".flex.none":B.flexIndex("none"),".flex.one":B.flexIndex(1),".flex.two":B.flexIndex(2),".flex.three":B.flexIndex(3),".flex.four":B.flexIndex(4),".flex.five":B.flexIndex(5),".flex.six":B.flexIndex(6),".flex.seven":B.flexIndex(7),".flex.eight":B.flexIndex(8),".flex.nine":B.flexIndex(9),".flex.ten":B.flexIndex(10),".flex.eleven":B.flexIndex(11),".flex.twelve":B.flexIndex(12),".layout.start":B.layoutStart,".layout.center, .layout.center-center":B.layoutCenter,".layout.end":B.layoutEnd,".layout.start-justified":B.layoutStartJustified,".layout.center-justified, .layout.center-center":B.layoutCenterJustified,".layout.end-justified":B.layoutEndJustified,".layout.around-justified":B.layoutAroundJustified,".layout.justified":B.layoutJustified,".self-start":B.selfStart,".self-center":B.selfCenter,".self-end":B.selfEnd,".self-stretch":B.selfStretch}],be=[{".pe-block":{display:"block"},".pe-inline-block":{display:"inline-block"},".pe-hidden":{display:"none !important"},".pe-relative":{position:"relative"},".pe-absolute":{position:"absolute"},".pe-fit":{position:"absolute",top:0,right:0,bottom:0,left:0},".pe-fullbleed":{margin:0,height:"100vh"},".pe-rtl":{direction:"rtl"},"*[dir=rtl], .pe-rtl ":{" .pe-rtl--flip":{transform:"scaleX(-1)"}}}],he={grid_unit:4,grid_unit_component:8,increment:56,increment_large:64,grid_unit_menu:56,grid_unit_icon_button:48,unit_block_border_radius:4,unit_item_border_radius:4,unit_indent:72,unit_indent_large:80,unit_side_padding:16,unit_touch_height:48,unit_icon_size_small:16,unit_icon_size:24,unit_icon_size_medium:32,unit_icon_size_large:40,unit_screen_size_extra_large:1280,unit_screen_size_large:960,unit_screen_size_medium:480,unit_screen_size_small:320,animation_duration:".18s",animation_curve_slow_in_fast_out:"cubic-bezier(.4, 0, .2, 1)",animation_curve_slow_in_linear_out:"cubic-bezier(0, 0, .2, 1)",animation_curve_linear_in_fast_out:"cubic-bezier(.4, 0, 1, 1)",animation_curve_default:"ease-out",font_weight_light:300,font_weight_normal:400,font_weight_medium:500,font_weight_bold:700,font_size_title:20,line_height:1.5,color_primary:"33, 150, 243",color_primary_active:"30, 136, 229",color_primary_dark:"25, 118, 210",color_primary_faded:"100, 181, 249",color_primary_foreground:"255, 255, 255",color_light_background:"255, 255, 255",color_light_foreground:"0, 0, 0",color_dark_background:"34, 34, 34",color_dark_foreground:"255, 255, 255",blend_light_text_primary:.87,blend_light_text_regular:.73,blend_light_text_secondary:.54,blend_light_text_tertiary:.4,blend_light_text_disabled:.26,blend_light_border_medium:.24,blend_light_border_light:.11,blend_light_background_active:.14,blend_light_background_hover:.06,blend_light_background_hover_medium:.12,blend_light_background_disabled:.09,blend_light_overlay_background:.3,blend_dark_text_primary:1,blend_dark_text_regular:.87,blend_dark_text_secondary:.7,blend_dark_text_tertiary:.4,blend_dark_text_disabled:.26,blend_dark_border_medium:.22,blend_dark_border_light:.1,blend_dark_background_active:.14,blend_dark_background_hover:.08,blend_dark_background_hoverMedium:.12,blend_dark_background_disabled:.12,blend_dark_overlay_background:.3,breakpoint_for_phone_only:599,breakpoint_for_tablet_portrait_up:600,breakpoint_for_tablet_landscape_up:840,breakpoint_for_desktop_up:1280,breakpoint_for_big_desktop_up:1600,breakpoint_for_tv_up:1920,z_toolbar:100,z_menu:1e3,z_app_bar:2e3,z_drawer:3e3,z_notification:5e3,z_dialog:7e3};function me(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(){return(xe=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope;!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i,l=t&&t.contained?yt:xt;e&&ne({selectors:[zt,e],fns:wt,vars:l,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[St,e],fns:kt,vars:l,customVars:t,mediaQuery:r,scope:a})}(e,t,{mediaQuery:r,scope:void 0===i?"":i})},containedButtonColor:Bt,containedButtonLayout:Vt,containedButtonVars:Ht,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i,l=t&&t.contained?yt:xt;return ie({selectors:[zt,e],fns:wt,vars:l,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[St,e],fns:kt,vars:l,customVars:t,mediaQuery:r,scope:a}))}(e,t,{mediaQuery:r,scope:a}).concat(Ft(e,t,{mediaQuery:r,scope:a}))},textButtonColor:Lt,textButtonLayout:Wt,textButtonVars:Pt}),It=ce({varFns:{general_styles:function(e){return[ae(e,{display:"flex"})]}}}),At={general_styles:!0},Mt=[It],Qt=".".concat("pe-button-group"),Dt=oe(Qt,Mt,At),Nt=re(Qt,Mt,At);ne({selectors:[Qt],fns:Mt,vars:At});var $t=Object.freeze({addStyle:Dt,getStyle:Nt,layout:It,vars:At}),Jt="pe-card",Zt="pe-card__content",qt="pe-card__overlay__content",Gt="pe-card__overlay--sheet";function Xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yt(){return(Yt=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,hn],fns:yn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+xn],fns:kn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+mn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e," "+vn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a})},color:en,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,hn],fns:yn,vars:bn,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[e,e?" ":"",xn],fns:kn,vars:bn,customVars:t,mediaQuery:r,scope:a})).concat(ie({selectors:[e,e?" ":"",mn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a})).concat(ie({selectors:[e,e?" ":"",vn],fns:wn,vars:bn,customVars:t,mediaQuery:r,scope:a}))},layout:pn,vars:bn});function Sn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function On(){return(On=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:he.unit_icon_size,o=n+e.label_height;return{" .pe-control__form-label":{height:t+"px"}," .pe-control__box":{width:n+"px",height:n+"px"}," .pe-button__content":{width:o+"px",height:o+"px",flexShrink:0," .pe-icon":[D((o-n)/2)]}}},Ln=function(e,t,n){var o;return ae(e,{" .pe-button.pe-control__button":(o={top:-(t.button_size-t.icon_size)/2+"px"},Sn(o,n?"right":"left",-(t.button_size-t.icon_size)/2+"px"),Sn(o,n?"left":"right","auto"),o)})},Wn=function(e,t,n){return ae(e,{" .pe-control__label":Sn({},n?"paddingRight":"paddingLeft",t.label_padding_before+"px")})},Hn=function(e,t,n){return ae(e,{" .pe-control__label":Sn({},n?"paddingLeft":"paddingRight",t.label_padding_after+"px")})},Bn=ce({varFns:{general_styles:function(e,t){return[ae(e,[Tn(t),{display:"inline-block",boxSizing:"border-box",margin:0,padding:0," input[type=checkbox], input[type=radio]":{display:"none"}," .pe-control__form-label":[B.layoutHorizontal,B.layoutCenter,{position:"relative",cursor:"pointer",margin:0,color:"inherit",":focus":{outline:0}}],".pe-control--inactive":{" .pe-control__form-label":{cursor:"default"}}," .pe-control__box":{position:"relative",display:"inline-block",boxSizing:"border-box",color:"inherit",flexShrink:0,":focus":{outline:0}}," .pe-button.pe-control__button":{position:"absolute"},".pe-control--off":{" .pe-control__button--on":{opacity:0,zIndex:-1}," .pe-control__button--off":{opacity:1,zIndex:0}},".pe-control--on":{" .pe-control__button--on":{opacity:1,zIndex:0}," .pe-control__button--off":{opacity:0,zIndex:-1}}," .pe-control__label":{alignSelf:"center"},".pe-control--disabled":{" .pe-control__form-label":{cursor:"auto"}," .pe-control__button":{pointerEvents:"none"}}," .pe-button__content":{" .pe-icon":{position:"absolute"}}},Sn({},"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e),[Fn(t)])])]},label_font_size:function(e,t){return[ae(e,{" .pe-control__form-label":{fontSize:t.label_font_size+"px"}})]},label_height:function(e,t){return[ae(e,{" .pe-control__box":{width:t.label_height+"px",height:t.label_height+"px"},".pe-control--small":Pn(t,he.unit_icon_size_small,he.unit_icon_size_small),".pe-control--regular":Pn(t,t.label_height,he.unit_icon_size),".pe-control--medium":Pn(t,he.unit_icon_size_medium,he.unit_icon_size_medium),".pe-control--large":Pn(t,he.unit_icon_size_large,he.unit_icon_size_large)})]},animation_duration:function(e,t){return[ae(e,{" .pe-button.pe-control__button":[M("opacity",t.animation_duration)]," .pe-control__label":[M("all",t.animation_duration)]})]},button_size:function(e,t){return[ae(e,{}),Ln(e,t,!1),Ln(le(e),t,!0)]},icon_size:function(e,t){return[ae(e,{}),Ln(e,t,!1),Ln(le(e),t,!0)]},label_padding_after:function(e,t){return[ae(e,{}),Hn(e,t,!1),Hn(le(e),t,!0)]},label_padding_before:function(e,t){return[ae(e,{}),Wn(e,t,!1),Wn(le(e),t,!0)]}}}),Vn={general_styles:!0,animation_duration:he.animation_duration,button_size:6*he.grid_unit_component,icon_size:3*he.grid_unit_component,label_font_size:2*he.grid_unit_component,label_height:3*he.grid_unit_component,label_padding_after:0,label_padding_before:4*he.grid_unit,color_light_on:_e(he.color_primary),color_light_off:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_on_icon:"inherit",color_light_off_icon:"inherit",color_light_on_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_off_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_dark_on:_e(he.color_primary),color_dark_off:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_on_icon:"inherit",color_dark_off_icon:"inherit",color_dark_on_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_off_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary)},En=[Bn,Cn],In=".".concat("pe-control"),An=oe(In,En,Vn),Mn=re(In,En,Vn);ne({selectors:[In],fns:En,vars:Vn});var Qn=Object.freeze({addStyle:An,color:Cn,getStyle:Mn,layout:Bn,vars:Vn}),Dn=se({superColor:Cn}),Nn=ce({superLayout:Bn}),$n={general_styles:!0},Jn=[Nn,Dn],Zn=".".concat("pe-checkbox-control"),qn=oe(Zn,Jn,$n),Gn=re(Zn,Jn,$n);ne({selectors:[Zn],fns:Jn,vars:$n});var Xn=Object.freeze({addStyle:qn,color:Dn,getStyle:Gn,layout:Nn,vars:$n});function Yn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Un(){return(Un=Object.assign||function(e){for(var t=1;t *":{flexShrink:0}," > .pe-dialog-pane__body":{flexShrink:1,maxHeight:"none"}}," .pe-dialog-pane, .pe-dialog-pane__body":{height:"100vh",maxHeight:"100vh",borderTopStyle:"none",maxWidth:"none"}})},ao=ce({varFns:{general_styles:function(e){return[ae(e,[B.layoutVertical,{position:"relative",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",margin:0," .pe-dialog-pane__content":{width:"100%",display:"flex",flexDirection:"column",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit",borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"}," .pe-dialog-pane__title":{fontSize:he.font_size_title+"px",fontWeight:he.font_weight_medium,"& + div":{marginTop:"16px"}}," .pe-dialog-pane__header, .pe-dialog-pane__content > .pe-toolbar":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"," .pe-dialog-pane__title":{width:"100%",wordBreak:"break-all",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}," .pe-dialog-pane__body":[{overflowY:"auto","-webkit-overflow-scrolling":"touch",borderTopStyle:"solid",borderBottomStyle:"solid"," p":{margin:0}," p + p":{marginTop:"16px"}}],".pe-dialog-pane--body-full-bleed .pe-dialog-pane__body":{padding:0,borderStyle:"none"}," .pe-dialog-pane__header--title + .pe-dialog-pane__body":{paddingTop:0}," .pe-dialog-pane__footer":{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center","&, > .pe-toolbar":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},".pe-dialog-pane__footer--high":{paddingBottom:"8px"},".pe-dialog-pane__footer--buttons":{padding:"0 8px",fontSize:0}}," .pe-dialog-pane__actions":[B.layoutHorizontal,B.layoutEndJustified,B.layoutWrap,{alignItems:"center"}]}]),{" .pe-dialog__content.pe-menu__content":Yn({}," ".concat(e),{" .pe-dialog-pane__body":{padding:0,border:"none"}})}]},max_width:function(e,t){return[void 0!==t.side_padding_mobile&&no(e,t)]},side_padding_mobile:function(e,t){return[void 0!==t.side_padding_mobile&&no(e,t)]},min_width:function(e,t){return[ae(e,{minWidth:t.min_width+"px"})]},margin_vertical:function(e,t){return[ae(e,{maxHeight:"calc(100vh - 2 * ".concat(t.margin_vertical,"px)")}),void 0!==t.header_height&&void 0!==t.footer_height&&ro(e,t)]},line_height_title:function(e,t){return[ae(e,{" .pe-dialog-pane__title":{lineHeight:t.line_height_title+"px"}})]},header_height:function(e,t){return[ae(e,{" .pe-dialog-pane__header":{height:t.header_height+"px"}}),void 0!==t.footer_height&&void 0!==t.margin_vertical&&ro(e,t)]},footer_height:function(e,t){return[ae(e,{" .pe-dialog-pane__footer--buttons .pe-dialog-pane__actions":{minHeight:t.footer_height+"px"}}),void 0!==t.header_height&&void 0!==t.footer_height&&void 0!==t.margin_vertical&&ro(e,t)]},padding:function(e,t){return[ae(e,{" .pe-dialog-pane__body":{padding:t.padding+"px"},".pe-dialog-pane--footer":{" .pe-dialog-pane__body":{paddingBottom:t.padding-10+"px"}}}),void 0!==t.header_bottom&&oo(e,t)]},header_bottom:function(e,t){return[oo(e,t)]},border_width:function(e,t){return[ae(e,{" .pe-dialog-pane__body":{borderWidth:t.border_width+"px"}})]}}}),lo={general_styles:!0,border_width:1,footer_height:52,header_bottom:20,header_height:64,line_height_title:24,max_width:7*he.grid_unit_menu,min_width:5*he.grid_unit_menu,padding:3*he.grid_unit_component,side_padding_mobile:6*he.grid_unit,max_height:8*he.grid_unit_component,margin_vertical:8*he.grid_unit_component,color_light_title_text:"inherit",color_light_body_text:"inherit",color_light_body_border:_e(he.color_light_foreground,he.blend_light_border_light),color_light_background:"inherit",color_dark_title_text:"inherit",color_dark_body_text:"inherit",color_dark_body_border:_e(he.color_dark_foreground,he.blend_dark_border_light),color_dark_background:"inherit"},_o=[ao,to],co=".".concat("pe-dialog-pane"),uo=oe(co,_o,lo),po=re(co,_o,lo);ne({selectors:[co],fns:_o,vars:lo});var so=Object.freeze({addStyle:uo,color:to,fullScreen:io,getStyle:po,layout:ao,vars:lo}),fo="pe-dialog";function go(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function bo(){return(bo=Object.assign||function(e){for(var t=1;t div":{width:"inherit",height:"inherit"}})]}},["small","regular","medium","large"].reduce(function(e,t){return e["size_".concat(t)]=function(e){return function(t,n){return ae(t,Sr({},".pe-icon--".concat(e),{width:n["size_".concat(e)]+"px",height:n["size_".concat(e)]+"px"}))}}(t),e},{}))}),Fr={general_styles:!0,size_small:he.unit_icon_size_small,size_regular:he.unit_icon_size,size_medium:he.unit_icon_size_medium,size_large:he.unit_icon_size_large,color_light_avatar_background:_e(he.color_light_foreground,he.blend_light_background_disabled),color_dark_avatar_background:_e(he.color_dark_foreground,he.blend_dark_background_disabled),color_light:"currentcolor",color_dark:"currentcolor"},Pr=[Tr,Cr],Lr=".".concat("pe-icon"),Wr=oe(Lr,Pr,Fr),Hr=re(Lr,Pr,Fr);ne({selectors:[Lr],fns:Pr,vars:Fr});var Br=Object.freeze({addStyle:Wr,color:Cr,getStyle:Hr,layout:Tr,vars:Fr});function Vr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Er(){return(Er=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:e)+"px"}},Ai=function(e){return{"padding-top":e+"px","padding-bottom":(arguments.length>1&&void 0!==arguments[1]?arguments[1]:e)+"px"}},Mi=function(e,t){return ae(e,{lineHeight:t.single_line_height+"px",".pe-list-tile--navigation":{" .pe-list-tile__title":{minHeight:t.single_line_height+"px"}}," .pe-list-tile__title":[Q(t.title_line_count,t.single_line_height,"px")]})},Qi=function(e,t){return ae(e,{"&, a":{pointerEvents:"none"}})},Di=function(e,t){return Ni(e,t),$i(e,t)},Ni=function(e,t){var n=t.inset_h_size;return ae(e,{marginLeft:n+"px",marginRight:n+"px"," .pe-list-tile__content":{marginLeft:-n+"px",marginRight:-n+"px"}})},$i=function(e,t){var n=t.inset_v_size;return ae(e,{marginTop:n+"px",marginBottom:n+"px"})},Ji=function(e,t){return ae(e,{"&, .pe-list-tile__primary":{borderRadius:t.rounded_border_radius+"px"}})},Zi=ce({varFns:{general_styles:function(e,t){return[ae(e,[Vi(t),B.layout,{position:"relative",".pe-list-tile--navigation":{" .pe-list-tile__title":{whiteSpace:"pre-wrap"}},".pe-list-tile--sticky":N(2),".pe-list-tile--inset-h":Ni(e,t),".pe-list-tile--inset-v":$i(e,t)," .pe-list-tile__primary":{width:"100%"}," .pe-list-tile__primary, .pe-list-tile__secondary":[B.layoutHorizontal,M("background",".200s"),{textDecoration:"none",color:"inherit",border:"none"}],":not(.pe-list-tile--header) .pe-list-tile__primary":[B.flex(),{position:"relative"," .pe-list-tile__content:not(.pe-list-tile__content-front)":[B.flex()]}],":not(.pe-list-tile--disabled)":{outline:"none"}," .pe-list-tile__secondary":{textAlign:"right",position:"relative"}," .pe-list-tile__content":[B.layoutVertical,B.selfCenter,{width:"100%",".pe-list-tile__content-front":{flexShrink:0}}]," .pe-list-tile__title":{whiteSpace:"normal"}," .pe-list-tile__subtitle":[Q(t.subtitle_line_count,t.line_height_subtitle,"px"),{fontSize:t.font_size_subtitle+"px",fontWeight:t.font_weight_subtitle,lineHeight:t.line_height_subtitle+"px",".pe-list-tile__high-subtitle":[Q(t.high_subtitle_line_count,t.line_height_subtitle,"px"),{whiteSpace:"normal"}]}],".pe-list-tile--selected, &.pe-list-tile--disabled":Qi(e),".pe-list-tile--subtitle":{" .pe-list-tile__content":{" .pe-list-tile__title":{padding:0}}},".pe-list-tile--high-subtitle":{" .pe-list-tile--high-subtitle .pe-list-tile__secondary":[B.layoutHorizontal,B.layoutStart]," .pe-list-tile__content":[B.selfStart,{" .pe-list-tile__title":{padding:0}}]},".pe-list-tile--header":{pointerEvents:"none"," .pe-list-tile__content":{paddingTop:0,paddingBottom:0}," .pe-list-tile__title":{padding:0}},"@supports (-moz-appearance:none) and (display:contents)":{" .pe-list-tile__primary, .pe-list-tile__content":{overflow:"hidden"}},".pe-dialog .pe-menu__content &":{" .pe-list-tile__content":{paddingLeft:"24px",paddingRight:"24px"}," .pe-list-tile__content-front":{paddingRight:0,width:"64px",marginRight:"-7px"}," .pe-list-tile__title":Q("none")},".pe-menu__content &":{":not(.pe-list-tile--disabled)":{cursor:"default","&, .pe-list-tile__primary, .pe-list-tile__secondary":{" .pe-list-tile__title, .pe-list-tile__subtitle":{userSelect:"none","-moz-user-select":"none"}}}},"html.pe-no-touch &.pe-list-tile--hoverable, html.pe-no-touch &.pe-list-tile--selectable":{":not(.pe-list-tile--header):not(.pe-list-tile--disabled):not(.pe-list-tile--selected):hover":{cursor:"pointer"}}}]),ji({},le(e),Ei(t))]},title_line_count:function(e,t){return[Mi(e,t)]},single_line_height:function(e,t){return[Mi(e,t)]},font_size_title:function(e,t){return[ae(e,{fontSize:t.font_size_title+"px"," .pe-list-tile__secondary":{fontSize:t.font_size_title+"px"}})]},font_weight_title:function(e,t){return[ae(e,{fontWeight:t.font_weight_title})]},font_size_navigation_title:function(e,t){return[ae(e,{".pe-list-tile--navigation":{fontSize:t.font_size_navigation_title+"px"}})]},font_weight_navigation_title:function(e,t){return[ae(e,{".pe-list-tile--navigation":{fontWeight:t.font_weight_navigation_title}})]},padding:function(e,t){return[ae(e,{":not(.pe-list-tile--header)":{" .pe-list-tile__content:not(.pe-list-tile__content-front)":[Ai(t.padding,t.padding+1)]}," .pe-list-tile__content":{".pe-list-tile__content-front":[Ai(t.padding-5)]}})]},side_padding:function(e,t){return[ae(e,{" .pe-list-tile__content":[Ii(t.side_padding)]})]},inset_size:function(e,t){return[ae(e,{".pe-list-tile--inset":Di(e,t)})]},rounded_border_radius:function(e,t){return[ae(e,{".pe-list-tile--rounded":Ji(e,t)})]},compact_front_item_width:function(e,t){return[ae(e,{" .pe-list-tile__content-front":{".pe-list-tile--compact-front":{width:t.compact_front_item_width+"px"}}})]},front_item_width:function(e,t){return[ae(e,{" .pe-list-tile__content-front":{":not(.pe-list-tile--compact-front)":{width:t.front_item_width+"px"}}})]},font_size_small:function(e,t){return[ae(e,{" .pe-list-tile__content":{" small":{fontSize:t.font_size_small+"px"}}})]},has_high_subtitle_padding:function(e,t){return[ae(e,{".pe-list-tile--high-subtitle":{" .pe-list-tile__content":[Ai(t.has_high_subtitle_padding,t.has_high_subtitle_padding+1)]}})]},has_subtitle_padding:function(e,t){return[ae(e,{".pe-list-tile--subtitle":{" .pe-list-tile__content":[Ai(t.has_subtitle_padding,t.has_subtitle_padding+1)]}})]},single_height:function(e,t){return[ae(e,{".pe-list-tile--header":{height:t.single_height+"px"," .pe-list-tile__title":[Q(1,t.single_height,"px"),{lineHeight:t.single_height+"px",padding:0}]}})]},font_size_list_header:function(e,t){return[ae(e,{".pe-list-tile--header":{" .pe-list-tile__title":{fontSize:t.font_size_list_header+"px"}}})]},font_weight_list_header:function(e,t){return[ae(e,{".pe-list-tile--header":{" .pe-list-tile__title":{fontWeight:t.font_weight_list_header}}})]},compact_padding:function(e,t){return[ae(e,{" .pe-list--compact &, &.pe-list-tile--compact":{":not(.pe-list-tile--header)":{" .pe-list-tile__content:not(.pe-list-tile__content-front)":Ai(t.compact_padding,t.compact_padding+1)}}})]},inset:function(e,t){return t.inset&&Di(e,t)},inset_h:function(e,t){return t.inset_h&&Ni(e,t)},inset_v:function(e,t){return t.inset_h&&$i(e,t)},rounded:function(e,t){return t.rounded&&Ji(e,t)},selected:function(e,t){return t.selected&&Qi(e)}}}),qi=Ci({general_styles:!0,compact_front_item_width:64,compact_padding:9,compact_side_padding:1*he.grid_unit_component,font_size_list_header:14,font_size_navigation_title:14,font_size_small:12,font_size_subtitle:14,font_size_title:16,font_weight_list_header:he.font_weight_medium,font_weight_navigation_title:he.font_weight_medium,font_weight_subtitle:he.font_weight_normal,font_weight_title:he.font_weight_normal,front_item_width:72,has_high_subtitle_padding:13,has_subtitle_padding:15,high_subtitle_line_count:2,inset_h_size:1*he.grid_unit_component,inset_v_size:1*he.grid_unit_component,line_height_subtitle:20,padding:13,rounded_border_radius:he.unit_item_border_radius,side_padding:2*he.grid_unit_component,single_height:48,single_line_height:21,single_with_icon_height:56,single_with_icon_line_height:29,subtitle_line_count:1,title_line_count:1,color_light_title:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_subtitle:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_info:_e(he.color_light_foreground,he.blend_light_text_tertiary),color_light_front:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_text_disabled:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_list_header:_e(he.color_light_foreground,he.blend_light_text_tertiary),color_light_secondary:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_hover:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_hover_front:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_hover_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_focus_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_selected_text:"inherit",color_light_selected_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_light_highlight_background:_e(he.color_light_foreground,he.blend_light_background_hover),color_dark_title:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_subtitle:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_info:_e(he.color_dark_foreground,he.blend_dark_text_tertiary),color_dark_front:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_text_disabled:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_list_header:_e(he.color_dark_foreground,he.blend_dark_text_tertiary),color_dark_secondary:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_hover:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_hover_front:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_hover_background:_e(he.color_dark_foreground,he.blend_dark_background_hover),color_dark_selected_text:"inherit",color_dark_selected_background:_e(he.color_dark_foreground,he.blend_dark_background_hover),color_dark_highlight_background:_e(he.color_dark_foreground,he.blend_dark_background_hover)},{inset:!1,inset_h:!1,inset_v:!1,selected:!1,rounded:!1}),Gi=[Zi,Hi],Xi=".".concat("pe-list-tile"),Yi=oe(Xi,Gi,qi),Ui=re(Xi,Gi,qi);ne({selectors:[Xi],fns:Gi,vars:qi});var Ki=Object.freeze({addStyle:Yi,color:Hi,getStyle:Ui,layout:Zi,vars:qi});function ea(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ta(){return(ta=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,_l],fns:ll,vars:al,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,cl],fns:dl,vars:al,customVars:t,mediaQuery:r,scope:a})},color:tl,customLayoutFns:rl,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,_l],fns:ll,vars:al,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[cl],fns:dl,vars:al,customVars:t,mediaQuery:r,scope:a}))},holderLayout:nl,layout:il,vars:al}),pl=se({superColor:Cn}),sl=ce({varFns:{general_styles:function(){return{" .pe-radio-group":{display:"flex"}}}},superLayout:Bn}),fl={general_styles:!0},gl=[sl,pl],bl=".".concat("pe-radio-control"),hl=oe(bl,gl,fl),ml=re(bl,gl,fl);ne({selectors:[bl],fns:gl,vars:fl});var xl=Object.freeze({addStyle:hl,color:pl,getStyle:ml,layout:sl,vars:fl});function vl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function yl(){return(yl=Object.assign||function(e){for(var t=1;t *":[B.layoutVertical,B.selfCenter],".pe-search--inset":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{padding:0}}}])]},font_size_input:function(e,t){return[ae(e,{" .pe-textfield":{" .pe-textfield__input, .pe-textfield__label":{fontSize:t.font_size_input+"px"}}})]},line_height_input:function(e,t){return[ae(e,{" .pe-textfield__input, .pe-textfield__label":{lineHeight:t.line_height_input+"px"}}),Vl(e,t)]},inset_border_radius:function(e,t){return[ae(e,{".pe-search--inset":{"border-radius":t.inset_border_radius+"px"}})]},inset_side_padding:function(e,t){return[ae(e,{".pe-search--inset":{padding:"0 "+t.inset_side_padding+"px"}})]},inset_height:function(e,t){return[ae(e,{".pe-search--inset":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{padding:0,height:t.inset_height+"px"}}}),Vl(e,t)]},full_width_height:function(e,t){return[ae(e,{".pe-search--full-width":{"&, .pe-textfield__input-area, .pe-textfield__input, .pe-textfield__label":{height:t.full_width_height+"px"}}}),El(e,t)]},inset_input_indent:function(e,t){return[ae(e,{".pe-search--inset":{" .pe-textfield__input, .pe-textfield__label":{paddingLeft:t.inset_input_indent+"px"}}})]},inset_input_right_padding:function(e,t){return[ae(e,{".pe-search--inset":{" .pe-textfield__input, .pe-textfield__label":{paddingRight:t.inset_input_right_padding+"px"}}})]},full_width_side_padding:function(e,t){var n=he.unit_indent-t.full_width_side_padding-he.grid_unit_icon_button;return ae(e,{".pe-search--full-width":{padding:"0 "+t.full_width_side_padding+"px"," .pe-textfield__input, .pe-textfield__label":{paddingLeft:n+"px"}},".pe-search--full-width + .pe-list .pe-list-tile":{"> :first-child":{paddingLeft:t.full_width_side_padding+"px"},"> :last-child":{paddingRight:t.full_width_side_padding+"px"}}})},full_width_border_radius:function(e,t){return[ae(e,{".pe-search--full-width":{borderRadius:t.full_width_border_radius+"px"}})]},full_width_input_right_padding:function(e,t){return[ae(e,{".pe-search--full-width":{" .pe-textfield__input, .pe-textfield__label":{paddingRight:t.full_width_input_right_padding+"px"}}})]}}}),Al={general_styles:!0,font_size_input:20,full_width_border_radius:0,full_width_height:56,full_width_input_right_padding:0,full_width_side_margin:0,full_width_side_padding:8,inset_border_radius:he.unit_block_border_radius,inset_height:48,inset_input_indent:16,inset_input_right_padding:0,inset_side_padding:0,line_height_input:20,color_light_label_text:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_input_text:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_background:_e(he.color_light_background),color_dark_label_text:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_input_text:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_background:_e(he.color_dark_background)},Ml=[Il,Bl],Ql=".".concat("pe-search"),Dl=oe(Ql,Ml,Al),Nl=re(Ql,Ml,Al);ne({selectors:[Ql],fns:Ml,vars:Al});var $l=Object.freeze({addStyle:Dl,color:Bl,getStyle:Nl,layout:Il,vars:Al});function Jl(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Zl(){return(Zl=Object.assign||function(e){for(var t=1;t .pe-icon":B.layoutCenter," .pe-slider__track":[B.layoutHorizontal,B.flexGrow(1),{userSelect:"none","-moz-user-select":"none",position:"relative",outline:0}]," .pe-slider__control":[B.selfCenter,M("transform, background",".200s"),{transform:"scale(1)",userSelect:"none","-moz-user-select":"none",lineHeight:0,borderRadius:"50%",outline:0,zIndex:1,position:"relative",":before":{content:'""',position:"absolute",borderRadius:"50%"},":after":{content:'""',position:"absolute",borderRadius:"50%",borderStyle:"solid"}}]," .pe-slider__thumb":[D(),{"&, .pe-icon":{width:"inherit",height:"inherit"}}]," .pe-slider__label":{minWidth:he.unit_icon_size+"px",textAlign:"center",fontSize:"16px",fontWeight:he.font_weight_medium}," .pe-slider__track-part":[B.flex(),{userSelect:"none","-moz-user-select":"none",overflow:"hidden"}]," .pe-slider__track-value, .pe-slider__track-rest":B.layoutHorizontal," .pe-slider__track-bar":[B.flex(),{position:"relative",overflow:"hidden"}]," .pe-slider__track-bar-value":B.flex()," .pe-slider__ticks":[B.layoutJustified,{userSelect:"none","-moz-user-select":"none",position:"absolute",left:0,pointerEvents:"none"}]," .pe-slider__pin":[M("transform",".11s"),{transform:"translateZ(0) scale(0) translate(0, 0)",transformOrigin:"bottom",position:"absolute",zIndex:1,height:0,left:0,top:0,pointerEvents:"none","&::before, &::after":{position:"absolute",top:0,left:0},"::before":{transform:"rotate(-45deg)",content:'""',borderRadius:"50% 50% 50% 0"},"::after":{content:"attr(value)",textAlign:"center"}}],".pe-slider--pin.pe-slider--active, &.pe-slider--pin.pe-slider--focus":{" .pe-slider__pin":{transform:"translateZ(0) scale(1) translate(0, -24px)"}},":not(.pe-slider--disabled)":{" .pe-slider__control":{cursor:"pointer"},".pe-slider--track":{" .pe-slider__track":{cursor:"pointer"}}},".pe-slider--disabled":{" .pe-slider__control":{borderWidth:0}}}])]},thumb_size:function(e,t){var n=Yl(t),o=n.normalThumbSize,r=n.barOffset,i=n.stepsOffset;return[ae(e,{" .pe-slider__control":{width:o+"px",height:o+"px"}," .pe-slider__track-value .pe-slider__track-bar":{marginLeft:r+"px"}," .pe-slider__track-rest .pe-slider__track-bar":{marginRight:r+"px"}," .pe-slider__ticks":{width:"calc(100% - "+2*i+"px)",margin:"0 "+i+"px"}}),Kl(e,t),n_(e,t),o_(e,t),r_(e,t)]},active_thumb_scale:function(e,t){return[ae(e,{".pe-slider--active:not(.pe-slider--ticks)":{" .pe-slider__control":{transform:"scale("+t.active_thumb_scale+")"}}}),o_(e,t)]},thumb_touch_size:function(e,t){return[ae(e,{" .pe-slider__control":{":before":{width:t.thumb_touch_size+"px",height:t.thumb_touch_size+"px"}}}),n_(e,t)]},thumb_border_width:function(e,t){return[ae(e,{}),Kl(e,t)]},disabled_thumb_scale:function(e,t){return[ae(e,{".pe-slider--disabled":{" .pe-slider__control":{transform:"scale("+t.disabled_thumb_scale+")"}}}),Kl(e,t)]},active_pin_thumb_scale:function(e,t){return[ae(e,{".pe-slider--pin.pe-slider--active, &.pe-slider--pin.pe-slider--focus":{" .pe-slider__control":{transform:"scale("+t.active_pin_thumb_scale+")"}}})]},height:function(e,t){return[ae(e,{height:t.height+"px"," > .pe-icon":{height:t.height+"px"}," .pe-slider__label":{height:t.height+"px",lineHeight:t.height+"px"}," .pe-slider__ticks":{top:t.height/2-1+"px"}}),e_(e,t)]},track_height:function(e,t){return[ae(e,{" .pe-slider__track":{height:t.track_height+"px"}}),e_(e,t),t_(e,t)]},animation_duration:function(e,t){return[ae(e,{" .pe-slider__track":M("transform",t.animation_duration)," .pe-slider__control:before":M("background-color",t.animation_duration)," .pe-slider__control:after":M("border",t.animation_duration)," .pe-slider__thumb":M("opacity",t.animation_duration)," .pe-slider__track-bar-value":M("transform, background-color",t.animation_duration)})]},side_spacing:function(e,t){return[ae(e,{" .pe-slider__track":{margin:"0 "+t.side_spacing+"px"}})]},horizontal_layout_side_spacing:function(e,t){return[ae(e,{" div + .pe-slider__track":{margin:"0 "+t.horizontal_layout_side_spacing+"px"}})]},bar_height:function(e,t){return[ae(e,{" .pe-slider__track-part, .pe-slider__track-bar-value, .pe-slider__ticks, .pe-slider__tick":{height:t.bar_height+"px"}}),t_(e,t)]},step_width:function(e,t){return[ae(e,{" .pe-slider__tick":{width:t.step_width+"px"}})]},pin_width:function(e,t){return[ae(e,{" .pe-slider__pin":{width:t.pin_width+"px","::before":{width:t.pin_width+"px",height:t.pin_width+"px"},"::after":{width:t.pin_width+"px",height:t.pin_height+"px",lineHeight:t.pin_width+"px"}}}),r_(e,t)]},pin_font_size:function(e,t){return[ae(e,{" .pe-slider__pin::after":{fontSize:t.pin_font_size+"px"}})]}}}),a_=he.color_light_foreground,l_=he.color_dark_foreground,__=he.color_primary,d_=Math.max(40,12),c_=Math.max(d_,18),u_=Math.max(52,18),p_=Math.max(10,c_/2-6),s_={general_styles:!0,active_pin_thumb_scale:2/6,active_thumb_scale:1.5,animation_duration:he.animation_duration,bar_height:2,disabled_thumb_scale:.5,height:u_,horizontal_layout_side_spacing:p_+4,pin_font_size:10,pin_height:32,pin_width:26,side_spacing:p_,step_width:2,thumb_border_width:2,thumb_size:12,thumb_touch_size:d_,track_height:u_,color_light_track_active:_e(a_,.38),color_light_track_inactive:_e(a_,.26),color_light_track_value:"currentColor",color_light_thumb_off:_e(a_,.26),color_light_thumb_off_focus:_e(a_),color_light_thumb_off_focus_opacity:.08,color_light_thumb_on:_e(__),color_light_thumb_on_focus_opacity:.11,color_light_thumb_inactive:_e(a_,.26),color_light_tick:_e(a_,1),color_light_tick_value:_e(a_,1),color_light_icon:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled_icon:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_label:_e(he.color_light_foreground,he.blend_light_text_secondary),color_light_disabled_label:_e(he.color_light_foreground,he.blend_light_text_disabled),color_light_pin_label:"#fff",color_light_pin_background:"currentColor",color_dark_track_active:_e(l_,.3),color_dark_track_inactive:_e(l_,.2),color_dark_track_value:"currentColor",color_dark_thumb_off:_e(l_,.2),color_dark_thumb_off_focus:_e(l_),color_dark_thumb_off_focus_opacity:.08,color_dark_thumb_on:_e(__),color_dark_thumb_on_focus_opacity:.11,color_dark_thumb_inactive:_e(l_,.2),color_dark_tick:_e(l_,1),color_dark_tick_value:_e(l_,1),color_dark_icon:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled_icon:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_label:_e(he.color_dark_foreground,he.blend_dark_text_secondary),color_dark_disabled_label:_e(he.color_dark_foreground,he.blend_dark_text_disabled),color_dark_pin_label:"#fff",color_dark_pin_background:"currentColor"},f_=[i_,Xl],g_=".".concat("pe-slider"),b_=oe(g_,f_,s_),h_=re(g_,f_,s_);ne({selectors:[g_],fns:f_,vars:s_});var m_=Object.freeze({addStyle:b_,color:Xl,getStyle:h_,layout:i_,vars:s_});function x_(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v_,y_=function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,R_],fns:j_,vars:O_,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,T_],fns:C_,vars:O_,customVars:t,mediaQuery:r,scope:a})},color:k_,getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,R_],fns:j_,vars:O_,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[T_],fns:C_,vars:O_,customVars:t,mediaQuery:r,scope:a}))},holderLayout:w_,layout:S_,vars:O_});function P_(){return(P_=Object.assign||function(e){for(var t=1;t div, svg":{width:"inherit",height:"inherit"}})]}}}),V_={general_styles:!0,color_light:"currentcolor",color_dark:"currentcolor"},E_=[B_,H_],I_=".".concat("pe-svg"),A_=oe(I_,E_,V_),M_=re(I_,E_,V_);ne({selectors:[I_],fns:E_,vars:V_});var Q_=Object.freeze({addStyle:A_,color:H_,getStyle:M_,layout:B_,vars:V_});function D_(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N_(){return(N_=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:e.animation_duration;return M(t,n,"ease-out")},G_=function(e,t){var n=t/he.unit_icon_size,o=2*Math.floor(.5*e.thumb_size*n),r=2*Math.floor(.5*e.track_height*n),i=2*Math.floor(.5*e.track_length*n),a=2*Math.floor(.5*e.thumb_size*n),l=(e.label_height*n-r)/2,_=e.icon_button_padding,d=(t-a)/2,c=-(t+2*_)/2+o/2;return{factor:n,scaledThumbSize:a,scaledTrackHeight:r,scaledTrackWidth:i,size:t,thumbMargin:d,thumbOffsetMax:c+i-o,thumbOffsetMin:c,thumbOffsetY:c+d,thumbPadding:_,trackTop:l,trackVisualOffset:.3}},X_=function(e,t){var n=t.scaledThumbSize,o=t.scaledTrackHeight,r=t.scaledTrackWidth,i=t.size,a=t.thumbMargin,l=t.thumbOffsetY,_=t.thumbPadding,d=t.trackTop;return{" .pe-control__form-label":{height:i+"px",minWidth:r+"px"}," .pe-switch-control__track":{height:o+"px",width:r-2*t.trackVisualOffset+"px",top:d+"px",borderRadius:o+"px"}," .pe-switch-control__thumb":{top:l+"px"}," .pe-switch-control__knob":{width:n+"px",height:n+"px",margin:a+"px"}," .pe-button__content":{padding:_+"px"}}},Y_=function(e,t,n){var o,r,i,a,l=t.factor,_=t.scaledTrackWidth,d=t.thumbOffsetMax,c=t.thumbOffsetMin,u=t.trackVisualOffset;return{" .pe-control__label":(o={},D_(o,n?"paddingRight":"paddingLeft",e.padding*l+8+_+"px"),D_(o,n?"paddingLeft":"paddingRight",0),o)," .pe-switch-control__track":(r={},D_(r,n?"right":"left",u+"px"),D_(r,n?"left":"right","auto"),r)," .pe-switch-control__thumb":(i={},D_(i,n?"right":"left",c+"px"),D_(i,n?"left":"right","auto"),i),".pe-control--on":{" .pe-switch-control__thumb":(a={},D_(a,n?"right":"left",d+"px"),D_(a,n?"left":"right","auto"),a)}}},U_=function(e){return function(){var t;return{" .pe-switch-control__track":(t={},D_(t,e?"right":"left",0),D_(t,e?"left":"right","auto"),t)}}},K_=U_(!1),ed=U_(!0),td=ce({varFns:{general_styles:function(e){return[ae(e,[K_(),{" .pe-switch-control__track":[{position:"absolute"}]," .pe-switch-control__thumb":{position:"absolute",zIndex:1,color:"inherit",":focus":{outline:0}}," .pe-switch-control__knob":{position:"relative",borderRadius:"50%"}," .pe-icon-button .pe-button__content":{transition:"none"," .pe-switch-control__knob .pe-icon":[D(),{width:"100%",height:"100%"}]}}]),D_({},"_:-ms-fullscreen, :root ".concat(e),{" input":{position:"absolute",zIndex:1,width:"100%",height:"100%",left:0,top:0,right:0,bottom:0,display:"block",opacity:0,cursor:"pointer"}," label":{cursor:"auto"}})]},animation_duration:function(e,t){return[ae(e,{" .pe-switch-control__track, .pe-switch-control__thumb, .pe-control__label":q_(t,"all")})]},createSize:function(e,t){var n={small:G_(t,he.unit_icon_size_small),regular:G_(t,he.unit_icon_size),medium:G_(t,he.unit_icon_size_medium),large:G_(t,he.unit_icon_size_large)};return[ae(e,{".pe-control--small":[X_(0,n.small),Y_(t,n.small,!1)],".pe-control--regular":[X_(0,n.regular),Y_(t,n.regular,!1)],".pe-control--medium":[X_(0,n.medium),Y_(t,n.medium,!1)],".pe-control--large":[X_(0,n.large),Y_(t,n.large,!1)]}),D_({},"*[dir=rtl] ".concat(e,", .pe-rtl ").concat(e),[ed(),{".pe-control--small":[Y_(t,n.small,!0)],".pe-control--regular":[Y_(t,n.regular,!0)],".pe-control--medium":[Y_(t,n.medium,!0)],".pe-control--large":[Y_(t,n.large,!0)]}])]}},superLayout:Bn,varMixin:function(e){return e.thumb_size||e.track_height||e.track_length||e.label_height||e.icon_button_padding?N_({},e,{createSize:!0}):e}}),nd={general_styles:!0,animation_duration:he.animation_duration,hit_area_padding:(he.grid_unit_icon_button-he.unit_icon_size)/2,icon_button_padding:qr.padding,padding:he.grid_unit_component,thumb_size:20,track_height:14,track_length:36,label_height:Vn.label_height,color_light_thumb_on:_e(he.color_primary),color_light_thumb_off:"#f1f1f1",color_light_thumb_disabled:"#eee",color_light_wash_on:_e(he.color_primary,he.blend_light_background_active),color_light_wash_off:qr.color_light_wash_background,color_light_track_on:_e(he.color_primary_faded),color_light_track_on_opacity:.55,color_light_track_off:_e(he.color_light_foreground,he.blend_light_text_regular),color_light_track_off_opacity:.55,color_light_track_disabled:_e(he.color_light_foreground,he.blend_light_background_disabled),color_light_track_disabled_opacity:1,color_dark_thumb_on:_e(he.color_primary),color_dark_thumb_off:"#bdbdbd",color_dark_thumb_disabled:"#555",color_dark_wash_on:_e(he.color_primary,he.blend_dark_background_active),color_dark_wash_off:qr.color_dark_wash_background,color_dark_track_on:_e(he.color_primary_faded,he.blend_dark_text_tertiary),color_dark_track_on_opacity:9,color_dark_track_off:"#717171",color_dark_track_off_opacity:.55,color_dark_track_disabled:"#717171",color_dark_track_disabled_opacity:.3},od=[td,Z_],rd=".".concat("pe-switch-control"),id=oe(rd,od,nd),ad=re(rd,od,nd);ne({selectors:[rd],fns:od,vars:nd});var ld=Object.freeze({addStyle:id,color:Z_,getStyle:ad,layout:td,vars:nd}),_d="pe-tabs",dd="pe-tab";function cd(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ud(){return(ud=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;e&&ne({selectors:[e,Td],fns:Rd,vars:jd,customVars:t,mediaQuery:r,scope:a}),e&&ne({selectors:[e,Pd],fns:Cd,vars:jd,customVars:t,mediaQuery:r,scope:a})},getStyle:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope,a=void 0===i?"":i;return ie({selectors:[e,Td],fns:Rd,vars:jd,customVars:t,mediaQuery:r,scope:a}).concat(ie({selectors:[e,Pd],fns:Cd,vars:jd,customVars:t,mediaQuery:r,scope:a}))},tabColor:fd,tabLayout:bd,tabsColor:xd,tabsLayout:zd,vars:jd});function Wd(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Hd(){return(Hd=Object.assign||function(e){for(var t=1;t span, .pe-toolbar__title":(t={},tc(t,r?"marginLeft":"marginRight",0),tc(t,r?"marginRight":"marginLeft",a+"px"),t)," .pe-toolbar__title--center":{marginLeft:a+"px",marginRight:a+"px"}})},dc=function(e){var t,n=e.selector,o=e.vars,r=e.isRTL,i=e.isLarge,a=i?o.title_after_icon_padding_large:o.title_after_icon_padding;return(i?uc:ae)(n,{" > :not(.pe-toolbar__title):first-child:not(.pe-toolbar__title--indent):first-child":(t={},tc(t,r?"marginRight":"marginLeft",0),tc(t,r?"marginLeft":"marginRight",a+"px"),t)})},cc=ac("@media (min-width: ".concat(he.breakpoint_for_phone_only,"px) and (orientation: landscape)")),uc=ac("@media (min-width: ".concat(he.breakpoint_for_tablet_portrait_up,"px)")),pc=ce({varFns:{general_styles:function(e){return[ae(e,[B.layout,B.layoutHorizontal,B.layoutCenter,{position:"relative",zIndex:he.z_toolbar," > a":{textDecoration:"none"},".pe-toolbar--fullbleed":{padding:0},".pe-toolbar--border":{borderWidth:"1px",borderStyle:"none none solid none"}," > *":{flexShrink:0}," > span, .pe-toolbar__title, .pe-toolbar__title--indent":{width:"100%",display:"block",wordBreak:"break-all",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",flexShrink:1}," .pe-toolbar__title--center":{textAlign:"center",justifyContent:"center"}," > .pe-action":{paddingLeft:"12px",paddingRight:"12px"}," .pe-fit":[D(),{margin:0}]}])]},height:function(e,t){return[ae(e,{height:t.height+"px"})]},height_compact:function(e,t){return[ae(e,{".pe-toolbar--compact":{height:t.height_compact+"px"}}),cc(e,{height:t.height+"px"})]},line_height:function(e,t){return[ae(e,{lineHeight:t.line_height+"em"," > span, .pe-toolbar__title, .pe-toolbar__title--indent":{lineHeight:t.line_height}})]},font_size:function(e,t){return[ae(e,{" > span, .pe-toolbar__title, .pe-toolbar__title--indent, .pe-action":{fontSize:t.font_size+"px"}})]},font_weight:function(e,t){return[ae(e,{" > span, .pe-toolbar__title, .pe-toolbar__title--indent":{fontWeight:t.font_weight}})]},padding_side:function(e,t){return[ae(e,{padding:"0 "+t.padding_side+"px"}),lc({selector:e,vars:t}),lc({selector:le(e),vars:t,isRTL:!0})]},indent:function(e,t){return[lc({selector:e,vars:t}),lc({selector:le(e),vars:t,isRTL:!0})]},indent_large:function(e,t){return[lc({selector:e,vars:t,isLarge:!0}),lc({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},title_padding:function(e,t){return[_c({selector:e,vars:t}),_c({selector:le(e),vars:t,isRTL:!0})]},title_padding_large:function(e,t){return[_c({selector:e,vars:t,isLarge:!0}),_c({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},title_after_icon_padding:function(e,t){return[dc({selector:e,vars:t}),dc({selector:le(e),vars:t,isRTL:!0})]},title_after_icon_padding_large:function(e,t){return[dc({selector:e,vars:t,isLarge:!0}),dc({selector:le(e),vars:t,isRTL:!0,isLarge:!0})]},height_large:function(e,t){return[uc(e,{height:t.height_large+"px"})]},padding_side_large:function(e,t){return[uc(e,{padding:"0 "+t.padding_side_large+"px"})]}}}),sc=2*he.grid_unit_component-12,fc=3*he.grid_unit_component-12,gc={general_styles:!0,font_size:20,font_weight:400,height:7*he.grid_unit_component,height_compact:6*he.grid_unit_component,height_large:8*he.grid_unit_component,line_height:he.line_height,padding_side:sc,padding_side_large:fc,indent:he.unit_indent-sc,indent_large:he.unit_indent_large-fc,title_after_icon_padding:4,title_after_icon_padding_large:12,title_padding:16,title_padding_large:8,color_light_text:_e(he.color_light_foreground,he.blend_light_text_primary),color_light_border:_e(he.color_light_foreground,he.blend_light_border_light),color_light_background:_e(he.color_light_background),color_dark_text:_e(he.color_dark_foreground,he.blend_dark_text_primary),color_dark_border:_e(he.color_dark_foreground,he.blend_dark_border_light),color_dark_background:_e(he.color_dark_background)},bc=[pc,ic],hc=".".concat("pe-toolbar"),mc=oe(hc,bc,gc),xc=re(hc,bc,gc);ne({selectors:[hc],fns:bc,vars:gc});var vc=Object.freeze({addStyle:mc,color:ic,getStyle:xc,layout:pc,vars:gc});function yc(){return(yc=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:{},o=n.mediaQuery,r=void 0===o?"":o,i=n.scope;return ie({selectors:[e,""],fns:Oc,vars:he,customVars:t,mediaQuery:r,scope:void 0===i?"":i})}}),lu=Fc;e.BaseSpinnerCSS=Tc,e.ButtonCSS=Fc,e.ButtonGroupCSS=Pc,e.CardCSS=Lc,e.CheckboxCSS=Wc,e.DialogCSS=Hc,e.DialogPaneCSS=Bc,e.DrawerCSS=Vc,e.FABCSS=Ec,e.IOSSpinnerCSS=Mc,e.IconButtonCSS=Ac,e.IconCSS=Ic,e.ListCSS=Qc,e.ListTileCSS=Dc,e.MaterialDesignProgressSpinnerCSS=Nc,e.MaterialDesignSpinnerCSS=$c,e.MenuCSS=Jc,e.NotificationCSS=Zc,e.RadioButtonCSS=qc,e.RaisedButtonCSS=lu,e.RippleCSS=Gc,e.SVGCSS=tu,e.SearchCSS=Xc,e.SelectionControlCSS=Yc,e.ShadowCSS=Uc,e.SliderCSS=Kc,e.SnackbarCSS=eu,e.SwitchCSS=nu,e.TabsCSS=ou,e.TextFieldCSS=ru,e.ToolbarCSS=iu,e.TypographyCSS=au,e.addLayoutStyles=function(){return te("pe-layout",ge,be)},e.addRoboto=Rc,e.addTypography=Cc,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=polythene-css-standalone.js.map diff --git a/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js.map b/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js.map index 1c84707dc..1cd26caef 100644 --- a/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js.map +++ b/packages/tests-render-mithril-standalone/js/polythene-css-standalone.js.map @@ -1 +1 @@ -{"version":3,"file":"polythene-css-standalone.js","sources":["../../polythene-core-css/node_modules/j2c/dist/j2c.commonjs.js","../../polythene-core/dist/polythene-core.mjs","../../polythene-core-css/dist/polythene-core-css.mjs","../../polythene-style/dist/polythene-style.mjs","../../polythene-css-base-spinner/dist/polythene-css-base-spinner.mjs","../../polythene-css-shadow/dist/polythene-css-shadow.mjs","../../polythene-css-button/dist/polythene-css-button.mjs","../../polythene-css-button-group/dist/polythene-css-button-group.mjs","../../polythene-css-card/dist/polythene-css-card.mjs","../../polythene-css-selection-control/dist/polythene-css-selection-control.mjs","../../polythene-css-checkbox/dist/polythene-css-checkbox.mjs","../../polythene-css-dialog-pane/dist/polythene-css-dialog-pane.mjs","../../polythene-css-dialog/dist/polythene-css-dialog.mjs","../../polythene-css-drawer/dist/polythene-css-drawer.mjs","../../polythene-css-fab/dist/polythene-css-fab.mjs","../../polythene-css-icon/dist/polythene-css-icon.mjs","../../polythene-css-icon-button/dist/polythene-css-icon-button.mjs","../../polythene-css-ios-spinner/dist/polythene-css-ios-spinner.mjs","../../polythene-css-list/dist/polythene-css-list.mjs","../../polythene-css-list-tile/dist/polythene-css-list-tile.mjs","../../polythene-css-material-design-spinner/dist/polythene-css-material-design-spinner.mjs","../../polythene-css-material-design-progress-spinner/dist/polythene-css-material-design-progress-spinner.mjs","../../polythene-css-menu/dist/polythene-css-menu.mjs","../../polythene-css-notification/dist/polythene-css-notification.mjs","../../polythene-css-radio-button/dist/polythene-css-radio-button.mjs","../../polythene-css-ripple/dist/polythene-css-ripple.mjs","../../polythene-css-search/dist/polythene-css-search.mjs","../../polythene-css-slider/dist/polythene-css-slider.mjs","../../polythene-css-snackbar/dist/polythene-css-snackbar.mjs","../../polythene-css-svg/dist/polythene-css-svg.mjs","../../polythene-css-switch/dist/polythene-css-switch.mjs","../../polythene-css-tabs/dist/polythene-css-tabs.mjs","../../polythene-css-textfield/dist/polythene-css-textfield.mjs","../../polythene-css-toolbar/dist/polythene-css-toolbar.mjs","../../polythene-utilities/dist/polythene-utilities.mjs","../../polythene-css-typography/dist/polythene-css-typography.mjs","../src/index.js"],"sourcesContent":["'use strict';\n\nvar emptyArray = [];\nvar emptyObject = {};\nvar type = emptyObject.toString;\nvar ARRAY = type.call(emptyArray);\nvar OBJECT = type.call(emptyObject);\nvar STRING = type.call('');\nvar FUNCTION = type.call(type);\nvar own = emptyObject.hasOwnProperty;\nvar freeze = Object.freeze || function(o) {return o};\n\n\nfunction defaults(target, source) {\n for (var k in source) if (own.call(source, k)) {\n if (k.indexOf('$') && !(k in target)) target[k] = source[k];\n }\n return target\n}\n\nfunction cartesian(a,b) {\n var res = [], i, j;\n for (j in b) if(own.call(b, j))\n for (i in a) if(own.call(a, i))\n res.push(a[i] + b[j]);\n return res\n}\n\n// \"Tokenizes\" the selectors into parts relevant for the next function.\n// Strings and comments are matched, but ignored afterwards.\n// This is not a full tokenizers. It only recognizes comas, parentheses,\n// strings and comments.\n// regexp generated by scripts/regexps.js then trimmed by hand\nvar selectorTokenizer = /[(),]|\"(?:\\\\.|[^\"\\n])*\"|'(?:\\\\.|[^'\\n])*'|\\/\\*[\\s\\S]*?\\*\\//g;\n\n\n/**\n * This will split a coma-separated selector list into individual selectors,\n * ignoring comas in strings, comments and in :pseudo-selectors(parameter, lists).\n *\n * @param {string} selector\n * @return {string[]}\n */\n\nfunction splitSelector(selector) {\n var indices = [], res = [], inParen = 0, o;\n /*eslint-disable no-cond-assign*/\n while (o = selectorTokenizer.exec(selector)) {\n /*eslint-enable no-cond-assign*/\n switch (o[0]) {\n case '(': inParen++; break\n case ')': inParen--; break\n case ',': if (inParen) break; indices.push(o.index);\n }\n }\n for (o = indices.length; o--;){\n res.unshift(selector.slice(indices[o] + 1));\n selector = selector.slice(0, indices[o]);\n }\n res.unshift(selector);\n return res\n}\n\n// Like the `selectorTokenizer`, but for the `&` operator\nvar ampersandTokenizer = /&|\"(?:\\\\.|[^\"\\n])*\"|'(?:\\\\.|[^'\\n])*'|\\/\\*[\\s\\S]*?\\*\\//g;\n\nfunction ampersand (selector, parents) {\n var indices = [], split = [], res, o;\n /*eslint-disable no-cond-assign*/\n while (o = ampersandTokenizer.exec(selector)) {\n /*eslint-enable no-cond-assign*/\n if (o[0] == '&') indices.push(o.index);\n }\n for (o = indices.length; o--;){\n split.unshift(selector.slice(indices[o] + 1));\n selector = selector.slice(0, indices[o]);\n }\n split.unshift(selector);\n if (split.length === 1) split.unshift('');\n res = [split[0]];\n for (o = 1; o < split.length; o++) {\n res = cartesian(res, cartesian(parents, [split[o]]));\n }\n return res.join(',')\n}\n\nfunction flatIter (f) {\n return function iter(arg) {\n if (type.call(arg) === ARRAY) for (var i= 0 ; i < arg.length; i ++) iter(arg[i]);\n else f(arg);\n }\n}\n\nfunction decamelize(match) {\n return '-' + match.toLowerCase()\n}\n\n/**\n * Handles the property:value; pairs.\n *\n * @param {object} state - holds the localizer- and walker-related methods\n * and state\n * @param {object} emit - the contextual emitters to the final buffer\n * @param {string} prefix - the current property or a prefix in case of nested\n * sub-properties.\n * @param {array|object|string} o - the declarations.\n * @param {boolean} local - are we in @local or in @global scope.\n */\n\nfunction declarations(state, emit, prefix, o, local) {\n var k, v, kk;\n if (o==null) return\n\n switch ( type.call(o = o.valueOf()) ) {\n case ARRAY:\n for (k = 0; k < o.length; k++)\n\n declarations(state, emit, prefix, o[k], local);\n\n break\n case OBJECT:\n // prefix is falsy iif it is the empty string, which means we're at the root\n // of the declarations list.\n prefix = (prefix && prefix + '-');\n for (k in o) if (own.call(o, k)){\n v = o[k];\n if (/\\$/.test(k)) {\n for (kk in (k = k.split('$'))) if (own.call(k, kk)) {\n\n declarations(state, emit, prefix + k[kk], v, local);\n\n }\n } else {\n\n declarations(state, emit, prefix + k, v, local);\n\n }\n }\n break\n default:\n // prefix is falsy when it is \"\", which means that we're\n // at the top level.\n // `o` is then treated as a `property:value` pair, or a\n // semi-colon-separated list thereof.\n // Otherwise, `prefix` is the property name, and\n // `o` is the value.\n\n // restore the dashes\n k = prefix.replace(/_/g, '-').replace(/[A-Z]/g, decamelize);\n\n if (local && (k == 'animation-name' || k == 'animation' || k == 'list-style')) {\n // no need to tokenize here a plain `.split(',')` has all bases covered.\n // We may 'localize' a comment, but it's not a big deal.\n o = o.split(',').map(function (o) {\n\n return o.replace(/^\\s*(?:(var\\([^)]+\\))|:?global\\(\\s*([_A-Za-z][-\\w]*)\\s*\\)|()(-?[_A-Za-z][-\\w]*))/, state.localizeReplacer)\n\n }).join(',');\n }\n\n emit.decl(k, o);\n\n }\n}\n\n/**\n * Handles a single at-rules\n *\n * @param {object} state - holds the localizer- and walker-related methods\n * and state\n * @param {object} emit - the contextual emitters to the final buffer\n * @param {array} k - The parsed at-rule, including the parameters,\n * if takes both parameters and a block.\n * k == [match, fullAtRule, atRuleType, params?]\n * So in `@-webkit-keyframes foo`, we have\n * - match = \"@-webkit-keyframes foo\"\n * - fullAtRule = \"@-webkit-keyframes\"\n * - atRuleType = \"keyframes\"\n * - params = \"foo\"\n * @param {string|string[]|object|object[]} v - Either parameters for\n * block-less rules or\n * their block\n * for the others.\n * @param {string} prefix - the current selector or the selector prefix\n * in case of nested rules\n * @param {boolean} local - are we in @local or in @global scope?\n * @param {string} nestingDepth - are we nested in an at-rule or a selector?\n */\n\nfunction atRules(state, emit, k, v, prefix, local, nestingDepth) {\n\n // First iterate over user-provided at-rules and return if one of them corresponds to the current one\n for (var i = 0; i < state.$atHandlers.length; i++) {\n\n if (state.$atHandlers[i](state, emit, k, v, prefix, local, nestingDepth)) return\n\n }\n\n // using `/^global$/.test(k[2])` rather that 'global' == k[2] gzips\n // slightly better thanks to the regexps tests further down.\n // It is slightly less efficient but this isn't a critical path.\n\n if (!k[3] && /^global$/.test(k[2])) {\n\n rules(state, emit, prefix, v, 0, nestingDepth);\n\n\n } else if (!k[3] && /^local$/.test(k[2])) {\n\n rules(state, emit, prefix, v, 1, nestingDepth);\n\n\n } else if (k[3] && /^adopt$/.test(k[2])) {\n\n if (!local || nestingDepth) return emit.err('@adopt global or nested: ' + k[0])\n\n if (!/^\\.?[_A-Za-z][-\\w]*$/.test(k[3])) return emit.err('bad adopter ' + JSON.stringify(k[3]) + ' in ' + k[0])\n\n i = [];\n flatIter(function(adoptee, asString) {\n\n if(adoptee == null || !/^\\.?[_A-Za-z][-\\w]*(?:\\s+\\.?[_A-Za-z][-\\w]*)*$/.test(asString = adoptee + '')) emit.err('bad adoptee '+ JSON.stringify(adoptee) + ' in ' + k[0]);\n\n else i.push(asString.replace(/\\./g, ''));\n\n })(v);\n\n // we may end up with duplicate classes but AFAIK it has no consequences on specificity.\n if (i.length) {\n state.localize(k[3] = k[3].replace(/\\./g, ''));\n state.names[k[3]] += (' ' + i.join(' '));\n }\n\n\n } else if (!k[3] && /^(?:namespace|import|charset)$/.test(k[2])) {\n flatIter(function(v) {\n\n emit.atrule(k[1], k[2], v);\n\n })(v);\n\n\n } else if (!k[3] && /^(?:font-face|viewport)$/.test(k[2])) {\n flatIter(function(v) {\n\n emit.atrule(k[1], k[2], k[3], 1);\n\n declarations(state, emit, '', v, local);\n\n emit._atrule();\n\n })(v);\n\n } else if (k[3] && /^(?:media|supports|page|keyframes)$/.test(k[2])) {\n\n if (local && 'keyframes' == k[2]) {\n k[3] = k[3].replace(\n // generated by script/regexps.js\n /(var\\([^)]+\\))|:?global\\(\\s*([_A-Za-z][-\\w]*)\\s*\\)|()(-?[_A-Za-z][-\\w]*)/,\n state.localizeReplacer\n );\n }\n\n\n emit.atrule(k[1], k[2], k[3], 1);\n\n if ('page' == k[2]) {\n\n declarations(state, emit, '', v, local);\n\n } else {\n\n rules(\n state, emit,\n 'keyframes' == k[2] ? '' : prefix,\n v, local, nestingDepth + 1\n );\n\n }\n\n emit._atrule();\n\n } else {\n\n emit.err('Unsupported at-rule: ' + k[0]);\n\n }\n}\n\n/**\n * Add rulesets and other CSS tree to the sheet.\n *\n * @param {object} state - holds the localizer- and walker-related methods\n * and state\n * @param {object} emit - the contextual emitters to the final buffer\n * @param {string} prefix - the current selector or a prefix in case of nested rules\n * @param {array|string|object} tree - a source object or sub-object.\n * @param {string} nestingDepth - are we nested in an at-rule?\n * @param {boolean} local - are we in @local or in @global scope?\n */\nfunction rules(state, emit, prefix, tree, local, nestingDepth) {\n var k, v, inDeclaration, kk;\n\n switch (type.call(tree)) {\n\n case OBJECT:\n for (k in tree) if (own.call(tree, k)) {\n v = tree[k];\n\n if (prefix.length > 0 && /^[-\\w$]+$/.test(k)) {\n if (!inDeclaration) {\n inDeclaration = 1;\n\n emit.rule(prefix);\n\n }\n if (/\\$/.test(k)) {\n for (kk in (k = k.split('$'))) if (own.call(k, kk)) {\n\n declarations(state, emit, k[kk], v, local);\n\n }\n } else {\n\n declarations(state, emit, k, v, local);\n\n }\n\n } else if (/^@/.test(k)) {\n // Handle At-rules\n inDeclaration = 0;\n\n atRules(state, emit,\n /^(.(?:-[\\w]+-)?([_A-Za-z][-\\w]*))\\b\\s*(.*?)\\s*$/.exec(k) || [k,'@','',''],\n v, prefix, local, nestingDepth\n );\n\n } else {\n // selector or nested sub-selectors\n inDeclaration = 0;\n\n rules(\n state, emit,\n // build the selector `prefix` for the next iteration.\n // ugly and full of redundant bits but so far the fastest/shortest.gz\n /*0 if*/(prefix.length > 0 && (/,/.test(prefix) || /,/.test(k))) ?\n\n /*0 then*/ (kk = splitSelector(prefix), splitSelector(\n local ?\n\n k.replace(\n /(\"(?:\\\\.|[^\"\\n])*\"|'(?:\\\\.|[^'\\n])*'|\\/\\*[\\s\\S]*?\\*\\/)|:global\\(\\s*(\\.-?[_A-Za-z][-\\w]*)\\s*\\)|(\\.)(-?[_A-Za-z][-\\w]*)/g,\n state.localizeReplacer\n ) :\n\n k\n ).map(function (k) {\n return /&/.test(k) ? ampersand(k, kk) : kk.map(function(kk) {\n return kk + k\n }).join(',')\n }).join(',')) :\n\n /*0 else*/ /*1 if*/ /&/.test(k) ?\n\n /*1 then*/ ampersand(\n local ?\n\n k.replace(\n /(\"(?:\\\\.|[^\"\\n])*\"|'(?:\\\\.|[^'\\n])*'|\\/\\*[\\s\\S]*?\\*\\/)|:global\\(\\s*(\\.-?[_A-Za-z][-\\w]*)\\s*\\)|(\\.)(-?[_A-Za-z][-\\w]*)/g,\n state.localizeReplacer\n ) :\n\n k,\n [prefix]\n ) :\n\n /*1 else*/ prefix + (\n local ?\n\n k.replace(\n /(\"(?:\\\\.|[^\"\\n])*\"|'(?:\\\\.|[^'\\n])*'|\\/\\*[\\s\\S]*?\\*\\/)|:global\\(\\s*(\\.-?[_A-Za-z][-\\w]*)\\s*\\)|(\\.)(-?[_A-Za-z][-\\w]*)/g,\n state.localizeReplacer\n ) :\n\n k\n ),\n v, local, nestingDepth + 1\n );\n\n }\n }\n\n break\n\n case ARRAY:\n for (k = 0; k < tree.length; k++){\n\n rules(state, emit, prefix, tree[k], local, nestingDepth);\n\n }\n break\n\n case STRING:\n // CSS hacks or ouptut of `j2c.inline`.\n if (!prefix.length) emit.err('No selector');\n emit.rule(prefix || ' ');\n\n declarations(state, emit, '', tree, local);\n\n }\n}\n\n// This is the first entry in the filters array, which is\n// actually the last step of the compiler. It inserts\n// closing braces to close normal (non at-) rules (those\n// that start with a selector). Doing it earlier is\n// impossible without passing state around in unrelated code\n// or ending up with duplicated selectors when the source tree\n// contains arrays.\n// There's no `_rule` handler, because the core compiler never\n// calls it.\nfunction closeSelectors(next, inline) {\n var lastSelector;\n return inline ? next : {\n init: function(){lastSelector = 0; next.init();},\n done: function (raw) {\n if (lastSelector) {next._rule(); lastSelector = 0;}\n return next.done(raw)\n },\n atrule: function (rule, kind, param, takesBlock) {\n if (lastSelector) {next._rule(); lastSelector = 0;}\n next.atrule(rule, kind, param, takesBlock);\n },\n _atrule: function (rule) {\n if (lastSelector) {next._rule(); lastSelector = 0;}\n next._atrule(rule);\n },\n rule: function (selector) {\n if (selector !== lastSelector){\n if (lastSelector) next._rule();\n next.rule(selector);\n lastSelector = selector;\n }\n }\n }\n}\n\nfunction global(x) {\n return ':global(' + x + ')'\n}\n\nfunction kv (k, v, o) {\n o = {};\n o[k] = v;\n return o\n}\n\nfunction at (rule, params, block) {\n if (\n arguments.length < 3\n ) {\n // inner curry!\n var _at = at.bind.apply(at, [null].concat([].slice.call(arguments,0)));\n // So that it can be used as a key in an ES6 object literal.\n _at.toString = function(){return '@' + rule + ' ' + params};\n return _at\n }\n else return kv('@' + rule +' ' + params, block)\n}\n\nfunction j2c() {\n\n // the buffer that accumulates the output. Initialized in `$sink.i()`\n var buf, err;\n\n // the bottom of the 'codegen' stream. Mirrors the `$filter` plugin API.\n var $sink = {\n init: function(){buf=[], err=[];},\n done: function (raw) {\n if (err.length != 0) throw new Error('j2c error(s): ' + JSON.stringify(err,null,2) + 'in context:\\n' + buf.join(''))\n return raw ? buf : buf.join('')\n },\n err: function(msg) {\n err.push(msg);\n buf.push('/* +++ ERROR +++ ' + msg + ' */\\n');\n },\n atrule: function (rule, kind, param, takesBlock) {\n buf.push(rule, param && ' ', param, takesBlock ? ' {' : ';', _instance.endline);\n },\n // close atrule\n _atrule: function () {buf.push('}', _instance.endline);},\n rule: function (selector) {buf.push(selector, ' {', _instance.endline);},\n // close rule\n _rule: function () {buf.push('}', _instance.endline);},\n decl: function (prop, value) {buf.push(prop, prop && ':', value, ';', _instance.endline);}\n };\n\n // holds the `$filter` and `$at` handlers\n var $filters = [closeSelectors];\n var $atHandlers = [];\n\n // the public API (see the main docs)\n var _instance = {\n at: at,\n global: global,\n kv: kv,\n names: {},\n endline: '\\n',\n suffix: '__j2c-' +\n // 128 bits of randomness\n Math.floor(Math.random() * 0x100000000).toString(36) + '-' +\n Math.floor(Math.random() * 0x100000000).toString(36) + '-' +\n Math.floor(Math.random() * 0x100000000).toString(36) + '-' +\n Math.floor(Math.random() * 0x100000000).toString(36),\n $plugins: [],\n sheet: function(tree) {\n var emit = _createOrRetrieveStream(0);\n emit.init();\n rules(\n _walkers[0],\n emit,\n '', // prefix\n tree,\n 1, // local, by default\n 0 // nesting depth\n );\n\n return emit.done()\n },\n inline: function (tree, options) {\n var emit = _createOrRetrieveStream(1);\n emit.init();\n declarations(\n _walkers[1],\n emit,\n '', // prefix\n tree,\n !(options && options.global) // local, by default\n );\n return emit.done()\n }\n };\n\n // The `state` (for the core functions) / `walker` (for the plugins) tables.\n var _walkers = [\n // for j2c.sheet\n {\n // helpers for locaizing class and animation names\n localizeReplacer: _localizeReplacer, // second argument to String.prototype.replace\n localize: _localize, // mangles local names\n names: _instance.names, // local => mangled mapping\n $atHandlers: $atHandlers, // extra at-rules\n // The core walker methods, to be provided to plugins\n atrule: atRules,\n decl: declarations,\n rule: rules\n },\n // likewise, for j2c.inline (idem with `$a`, `a` and `s` removed)\n {\n localizeReplacer: _localizeReplacer,\n localize: _localize,\n names: _instance.names,\n decl: declarations\n }\n ];\n\n\n // inner helpers\n\n var _use = flatIter(function(plugin) {\n // `~n` is falsy for `n === -1` and truthy otherwise.\n // Works well to turn the result of `a.indexOf(x)`\n // into a value that reflects the presence of `x` in\n // `a`.\n if (~_instance.$plugins.indexOf(plugin)) return\n\n _instance.$plugins.push(plugin);\n\n if (type.call(plugin) === FUNCTION) plugin = plugin(_instance);\n\n if (!plugin) return\n\n flatIter(function(filter) {\n $filters.push(filter);\n })(plugin.$filter || emptyArray);\n\n flatIter(function(handler) {\n $atHandlers.push(handler);\n })(plugin.$at || emptyArray);\n\n defaults(_instance.names, plugin.$names || emptyObject);\n\n _use(plugin.$plugins || emptyArray);\n\n $sink = plugin.$sink || $sink;\n\n defaults(_instance, plugin);\n });\n\n\n var _streams = [];\n /**\n * returns the codegen streams, creating them if necessary\n * @param\n */\n function _createOrRetrieveStream(inline) {\n // build the stream processors if needed\n if (!_streams.length) {\n // append the $sink as the ultimate filter\n $filters.push(function(_, inline) {return inline ? {init:$sink.init, decl:$sink.decl, done:$sink.done, err: $sink.err} : $sink});\n for(var i = 0; i < 2; i++){ // 0 for j2c.sheet, 1 for j2c.inline\n for (var j = $filters.length; j--;) {\n _streams[i] = freeze(\n defaults(\n $filters[j](_streams[i], !!i),\n _streams[i]\n )\n );\n }\n }\n }\n return _streams[inline]\n }\n\n /**\n * Returns a localized version of a given name.\n * Registers the pair in `instnace.name` if needed.\n *\n * @param {string} name - the name to localize\n * @return {string} - the localized version\n */\n function _localize(name) {\n if (!_instance.names[name]) _instance.names[name] = name + _instance.suffix;\n return _instance.names[name].match(/^\\S+/)\n }\n\n /**\n * Used as second argument for str.replace(localizeRegex, replacer)\n * `ignore`, `global` and `(dot, name)` are mutually exclusive\n *\n * @param {string} match - the whole match (ignored)\n * @param {string|null} ignore - a comment or a string literal\n * @param {string|null} global - a global name\n * @param {string|null} dot - either '.' for a local class name or the empty string otherwise\n * @param {string|null} name - the name to localize\n * @return {string}\n */\n function _localizeReplacer(match, ignore, global$$1, dot, name) {\n return ignore || global$$1 || dot + _localize(name)\n }\n\n _use(emptyArray.slice.call(arguments));\n return _instance\n}\n\nmodule.exports = j2c;\n","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\n// @ts-check\nvar modes = {\n hidden: \"hidden\",\n visible: \"visible\",\n exposing: \"exposing\",\n hiding: \"hiding\"\n};\nvar _Conditional = function _Conditional(_ref) {\n var h = _ref.h,\n useState = _ref.useState,\n useEffect = _ref.useEffect,\n props = _objectWithoutProperties(_ref, [\"h\", \"useState\", \"useEffect\"]);\n\n var initialMode = props.permanent ? modes.visible : props.permanent || props.show ? modes.visible : modes.hidden;\n\n var _useState = useState(initialMode),\n _useState2 = _slicedToArray(_useState, 2),\n mode = _useState2[0],\n setMode = _useState2[1];\n\n useEffect(function () {\n var newMode = mode;\n\n if (props.permanent) {\n if (mode === modes.visible && props.show) {\n newMode = modes.exposing;\n } else if (mode === modes.exposing && !props.show) {\n newMode = modes.hiding;\n }\n } else {\n // \"normal\" type\n if (mode === modes.hidden && props.show) {\n newMode = modes.visible;\n } else if (mode === modes.visible && !props.show) {\n newMode = modes.hiding;\n }\n }\n\n if (newMode !== mode) {\n setMode(newMode);\n }\n }, [props]);\n var placeholder = h(\"span\", {\n className: props.placeholderClassName\n }); // No didHide callback passed: use normal visibility evaluation\n\n if (!props.didHide) {\n return props.permanent || props.inactive || props.show ? h(props.instance, props) : placeholder;\n }\n\n var visible = mode !== modes.hidden;\n return visible ? h(props.instance, _objectSpread({}, props, {\n didHide:\n /**\n * @param {any} args\n */\n function didHide(args) {\n return props.didHide(args), setMode(props.permanent ? modes.visible : modes.hidden);\n }\n }, mode === modes.hiding ? {\n show: true,\n hide: true\n } : undefined)) : placeholder;\n};\n\n// @ts-check\n\n/**\n * \n * @param {string} component \n * @param {object} params\n * @param {string} [params.option]\n * @param {string} [params.newOption]\n * @param {string} [params.newOption]\n * @param {string} [params.newComponent]\n * @param {string} [params.since]\n */\nvar deprecation = function deprecation(component, _ref) {\n var option = _ref.option,\n newOption = _ref.newOption,\n newComponent = _ref.newComponent,\n since = _ref.since;\n var version = since ? \"Since version \".concat(since, \".\") : \"\";\n return option && console.warn(\"\".concat(component, \": option '\").concat(option, \"' is deprecated and will be removed in later versions. Use '\").concat(newOption, \"' instead. \").concat(version)), // eslint-disable-line no-console\n newComponent && !newOption && console.warn(\"\".concat(component, \": this component is deprecated and will be removed in later versions. Use component '\").concat(newComponent, \"' instead. \").concat(version)), // eslint-disable-line no-console\n newComponent && newOption && console.warn(\"\".concat(component, \": this component is deprecated and will be removed in later versions. Use component '\").concat(newComponent, \"' with option '\").concat(newOption, \"' instead. \").concat(version)) // eslint-disable-line no-console\n ;\n};\n\n// @ts-check\n\n/**\n * Reducer helper function.\n * @param {object} acc \n * @param {string} p \n * @returns {object}\n */\nvar r = function r(acc, p) {\n return acc[p] = 1, acc;\n};\n/**\n * List of default attributes.\n * Separately handled:\n * - class\n * - element\n * @type Array defaultAttrs\n */\n\n\nvar defaultAttrs = [// Universal\n\"key\", \"style\", \"href\", \"id\", \"data-index\", // React\n\"tabIndex\", // Mithril\n\"tabindex\", \"oninit\", \"oncreate\", \"onupdate\", \"onbeforeremove\", \"onremove\", \"onbeforeupdate\"];\n/**\n * \n * @param {{[s: string]: string}} attrs \n * @param {object} [modifications] \n * @param {Array} [modifications.add]\n * @param {Array} [modifications.remove]\n * @returns {object}\n */\n\nvar filterSupportedAttributes = function filterSupportedAttributes(attrs) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n add = _ref.add,\n remove = _ref.remove;\n\n /**\n * @type {{[s: string]: string}} removeLookup \n */\n var removeLookup = remove ? remove.reduce(r, {}) : {};\n /**\n * @type {Array} attrsList \n */\n\n var attrsList = add ? defaultAttrs.concat(add) : defaultAttrs;\n var supported = attrsList.filter(function (item) {\n return !removeLookup[item];\n }).reduce(r, {});\n return Object.keys(attrs).reduce(\n /**\n * @param {object} acc\n * @param {string} key\n */\n function (acc, key) {\n return supported[key] ? acc[key] = attrs[key] : null, acc;\n }, {});\n};\n/**\n * \n * @param {object|function} attrs \n * @returns {object}\n */\n\nvar unpackAttrs = function unpackAttrs(attrs) {\n return typeof attrs === \"function\" ? attrs() : attrs;\n};\n/**\n * \n * @param {{[s: string]: string}} classes \n * @returns {{[s: string]: string}}\n */\n\nvar sizeClasses = function sizeClasses(classes) {\n return {\n small: classes.small,\n regular: classes.regular,\n medium: classes.medium,\n large: classes.large,\n fab: classes.fab\n };\n};\n/**\n * \n * @param {{[s: string]: string}} classes \n * @param {string} [size] \n * @returns {object}\n */\n\n\nvar classForSize = function classForSize(classes) {\n var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : \"regular\";\n return sizeClasses(classes)[size];\n};\n\nvar isClient = typeof document !== \"undefined\";\nvar isServer = !isClient;\n\n// @ts-check\n/**\n * @type {{[s: string]: string}} evts\n */\n\nvar evts = {\n \"animation\": \"animationend\",\n \"OAnimation\": \"oAnimationEnd\",\n \"MozAnimation\": \"animationend\",\n \"WebkitAnimation\": \"webkitAnimationEnd\"\n};\nvar getAnimationEndEvent = function getAnimationEndEvent() {\n if (isClient) {\n var el = document.createElement(\"fakeelement\");\n /**\n * @type {string} a\n */\n\n for (var a in evts) {\n /**\n * @type {object} style\n */\n var style = el.style;\n\n if (style[a] !== undefined) {\n return evts[a];\n }\n }\n }\n};\n\n// @ts-check\n\n/**\n * @param {object} params\n * @param {object} params.element\n * @param {string} [params.selector]\n * @param {string} [params.pseudoSelector]\n * @param {string} params.prop\n * @returns {object|undefined}\n */\nvar getStyle = function getStyle(_ref) {\n var element = _ref.element,\n selector = _ref.selector,\n pseudoSelector = _ref.pseudoSelector,\n prop = _ref.prop;\n var el = selector ? element.querySelector(selector) : element;\n\n if (!el) {\n return undefined;\n }\n\n if (el.currentStyle) {\n return el.currentStyle;\n }\n\n if (window.getComputedStyle) {\n var defaultView = document.defaultView;\n\n if (defaultView) {\n var style = defaultView.getComputedStyle(el, pseudoSelector);\n\n if (style) {\n return style.getPropertyValue(prop);\n }\n }\n }\n\n return undefined;\n};\n/**\n * \n * @param {object} params\n * @param {object} params.element\n * @param {string} [params.selector]\n * @param {string} [params.pseudoSelector]\n * @param {string} params.prop\n * @param {string} [params.equals]\n * @param {string} [params.contains]\n * @returns {boolean}\n */\n\nvar stylePropCompare = function stylePropCompare(_ref2) {\n var element = _ref2.element,\n selector = _ref2.selector,\n pseudoSelector = _ref2.pseudoSelector,\n prop = _ref2.prop,\n equals = _ref2.equals,\n contains = _ref2.contains;\n var el = selector ? element.querySelector(selector) : element;\n\n if (!el) {\n return false;\n }\n\n var defaultView = document.defaultView;\n\n if (defaultView) {\n if (equals !== undefined) {\n return equals === defaultView.getComputedStyle(el, pseudoSelector).getPropertyValue(prop);\n }\n\n if (contains !== undefined) {\n return defaultView.getComputedStyle(el, pseudoSelector).getPropertyValue(prop).indexOf(contains) !== -1;\n }\n }\n\n return false;\n};\n/**\n * \n * @param {object} params\n * @param {object} params.element\n * @param {string} params.selector\n * @returns {boolean}\n */\n\nvar isRTL = function isRTL(_ref3) {\n var _ref3$element = _ref3.element,\n element = _ref3$element === void 0 ? document : _ref3$element,\n selector = _ref3.selector;\n return stylePropCompare({\n element: element,\n selector: selector,\n prop: \"direction\",\n equals: \"rtl\"\n });\n};\n/**\n * \n * @param {string} durationStr \n * @returns {number}\n */\n\nvar styleDurationToMs = function styleDurationToMs(durationStr) {\n var parsed = parseFloat(durationStr) * (durationStr.indexOf(\"ms\") === -1 ? 1000 : 1);\n return isNaN(parsed) ? 0 : parsed;\n};\n\nvar iconDropdownUp = \"\";\nvar iconDropdownDown = \"\";\n\n// @ts-check\nvar isTouch = isServer ? false : \"ontouchstart\" in document.documentElement;\nvar pointerStartEvent = isTouch ? [\"touchstart\", \"click\"] : [\"click\"];\nvar pointerEndEvent = isTouch ? [\"click\", \"mouseup\"] : [\"mouseup\"];\nvar pointerStartDownEvent = isTouch ? [\"touchstart\", \"mousedown\"] : [\"mousedown\"];\nvar pointerMoveEvent = isTouch ? [\"touchmove\", \"mousemove\"] : [\"mousemove\"];\nvar pointerEndDownEvent = isTouch ? [\"touchend\", \"mouseup\"] : [\"mouseup\"];\n\nif (isClient) {\n var htmlElement = document.querySelector(\"html\");\n\n if (htmlElement) {\n htmlElement.classList.add(isTouch ? \"pe-touch\" : \"pe-no-touch\");\n }\n}\n\n// @ts-check\n/**\n * @type {{[s: string]: Array}} listeners\n */\n\nvar listeners = {};\n/**\n * @param {function} func\n * @param {number} [s]\n * @param {object} [context]\n * @returns {function}\n * @see https://gist.github.com/Eartz/fe651f2fadcc11444549\n */\n\nvar throttle = function throttle(func) {\n var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.05;\n var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : isClient ? window : {};\n var wait = false;\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var later = function later() {\n return func.apply(context, args);\n };\n\n if (!wait) {\n later();\n wait = true;\n setTimeout(function () {\n return wait = false;\n }, s);\n }\n };\n};\n/**\n * \n * @param {string} eventName \n * @param {object} listener \n * @param {number} [delay] \n */\n\nvar subscribe = function subscribe(eventName, listener, delay) {\n listeners[eventName] = listeners[eventName] || [];\n listeners[eventName].push(delay ? throttle(listener, delay) : listener);\n};\n/**\n * \n * @param {string} eventName \n * @param {object} listener \n */\n\nvar unsubscribe = function unsubscribe(eventName, listener) {\n if (!listeners[eventName]) {\n return;\n }\n\n var index = listeners[eventName].indexOf(listener);\n\n if (index > -1) {\n listeners[eventName].splice(index, 1);\n }\n};\n/**\n * \n * @param {string} eventName \n * @param {object} event \n */\n\nvar emit = function emit(eventName, event) {\n if (!listeners[eventName]) {\n return;\n }\n\n listeners[eventName].forEach(function (listener) {\n return listener(event);\n });\n};\n\nif (isClient) {\n window.addEventListener(\"resize\", function (e) {\n return emit(\"resize\", e);\n });\n window.addEventListener(\"scroll\", function (e) {\n return emit(\"scroll\", e);\n });\n window.addEventListener(\"keydown\", function (e) {\n return emit(\"keydown\", e);\n });\n pointerEndEvent.forEach(function (eventName) {\n return window.addEventListener(eventName, function (e) {\n return emit(eventName, e);\n });\n });\n}\n\n/**\n * @typedef {object} Item \n */\n\n/**\n * \n * @param {object} params\n * @param {object} params.options\n */\n\nvar Multi = function Multi(_ref) {\n var mOptions = _ref.options;\n\n /**\n * @type {Array} items\n */\n var items = []; // This is shared between all instances of a type (Dialog, Notification, ...)\n\n /*\n @param e: { id, eventName }\n */\n\n var onChange = function onChange(e) {\n emit(mOptions.name, e);\n };\n\n var itemIndex = function itemIndex(id) {\n var item = findItem(id);\n return items.indexOf(item);\n };\n\n var removeItem = function removeItem(id) {\n var index = itemIndex(id);\n\n if (index !== -1) {\n items.splice(index, 1);\n onChange({\n id: id,\n name: \"removeItem\"\n });\n }\n };\n\n var replaceItem = function replaceItem(id, newItem) {\n var index = itemIndex(id);\n\n if (index !== -1) {\n items[index] = newItem;\n }\n };\n\n var findItem = function findItem(id) {\n // traditional for loop for IE10\n for (var i = 0; i < items.length; i++) {\n if (items[i].instanceId === id) {\n return items[i];\n }\n }\n };\n\n var next = function next() {\n if (items.length) {\n items[0].show = true;\n }\n\n onChange({\n id: items.length ? items[0].instanceId : null,\n name: \"next\"\n });\n };\n\n var remove = function remove() {\n var instanceId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : mOptions.defaultId;\n\n if (mOptions.queue) {\n items.shift();\n next();\n } else {\n removeItem(instanceId);\n }\n };\n\n var removeAll = function removeAll() {\n items.length = 0;\n onChange({\n id: null,\n name: \"removeAll\"\n });\n };\n\n var setPauseState = function setPauseState(pause, instanceId) {\n var item = findItem(instanceId);\n\n if (item) {\n item.pause = pause;\n item.unpause = !pause;\n onChange({\n id: instanceId,\n name: pause ? \"pause\" : \"unpause\"\n });\n }\n };\n\n var createItem = function createItem(itemAttrs, instanceId, spawn) {\n var resolveShow;\n var resolveHide;\n var props = unpackAttrs(itemAttrs);\n\n var didShow = function didShow() {\n if (props.didShow) {\n props.didShow(instanceId);\n }\n\n onChange({\n id: instanceId,\n name: \"didShow\"\n });\n return resolveShow(instanceId);\n };\n\n var showPromise = new Promise(function (resolve) {\n return resolveShow = resolve;\n });\n var hidePromise = new Promise(function (resolve) {\n return resolveHide = resolve;\n });\n\n var didHide = function didHide() {\n if (props.didHide) {\n props.didHide(instanceId);\n }\n\n onChange({\n id: instanceId,\n name: \"didHide\"\n });\n remove(instanceId);\n return resolveHide(instanceId);\n };\n\n return _objectSpread({}, mOptions, {\n // keyId: mOptions.queue ? new Date().getTime() : undefined, // to force rendering a new component\n instanceId: instanceId,\n spawn: spawn,\n props: itemAttrs,\n show: mOptions.queue ? false : true,\n showPromise: showPromise,\n hidePromise: hidePromise,\n didShow: didShow,\n didHide: didHide\n });\n };\n\n var count = function count() {\n return items.length;\n };\n\n var pause = function pause() {\n var instanceId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : mOptions.defaultId;\n return setPauseState(true, instanceId);\n };\n\n var unpause = function unpause() {\n var instanceId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : mOptions.defaultId;\n return setPauseState(false, instanceId);\n };\n\n var show = function show() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var spawnOpts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var instanceId = spawnOpts.id || mOptions.defaultId;\n var spawn = spawnOpts.spawn || mOptions.defaultId;\n var item = createItem(props, instanceId, spawn);\n onChange({\n id: instanceId,\n name: \"show\"\n });\n\n if (mOptions.queue) {\n items.push(item);\n\n if (items.length === 1) {\n next();\n }\n } else {\n var storedItem = findItem(instanceId);\n\n if (!storedItem) {\n items.push(item);\n } else {\n replaceItem(instanceId, item);\n }\n }\n\n return item.showPromise;\n };\n\n var hide = function hide() {\n var spawnOpts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var instanceId = spawnOpts.id || mOptions.defaultId;\n var item = mOptions.queue && items.length ? items[0] : findItem(instanceId);\n\n if (item) {\n item.hide = true;\n }\n\n onChange({\n id: instanceId,\n name: \"hide\"\n });\n return item ? item.hidePromise : Promise.resolve(instanceId);\n };\n\n var clear = removeAll;\n\n var render = function render(_ref2) {\n var h = _ref2.h,\n useState = _ref2.useState,\n useEffect = _ref2.useEffect,\n props = _objectWithoutProperties(_ref2, [\"h\", \"useState\", \"useEffect\"]);\n\n var _useState = useState(),\n _useState2 = _slicedToArray(_useState, 2),\n setCurrent = _useState2[1];\n\n useEffect(function () {\n subscribe(mOptions.name, setCurrent);\n return function () {\n unsubscribe(mOptions.name, setCurrent);\n };\n }, []);\n var spawn = props.spawn || mOptions.defaultId;\n var candidates = items.filter(function (item) {\n return item.show && item.spawn === spawn;\n });\n\n if (mOptions.htmlShowClass && isClient && document.documentElement) {\n document.documentElement.classList[candidates.length ? \"add\" : \"remove\"](mOptions.htmlShowClass);\n }\n\n return !candidates.length ? h(mOptions.placeholder) // placeholder because we cannot return null\n : h(mOptions.holderSelector, {\n className: props.position === \"container\" ? \"pe-multiple--container\" : \"pe-multiple--screen\"\n }, candidates.map(function (itemData) {\n return h(mOptions.instance, _objectSpread({}, unpackAttrs(props), {\n fromMultipleClear: clear,\n spawnId: spawn,\n // from mOptions:\n fromMultipleClassName: mOptions.className,\n holderSelector: mOptions.holderSelector,\n transitions: mOptions.transitions,\n // from itemData:\n fromMultipleDidHide: itemData.didHide,\n fromMultipleDidShow: itemData.didShow,\n hide: itemData.hide,\n instanceId: itemData.instanceId,\n key: itemData.key !== undefined ? itemData.key : itemData.keyId,\n pause: itemData.pause,\n show: itemData.show,\n unpause: itemData.unpause\n }, unpackAttrs(itemData.props)));\n }));\n };\n\n return {\n clear: clear,\n count: count,\n hide: hide,\n pause: pause,\n remove: remove,\n show: show,\n unpause: unpause,\n render: render\n };\n};\nMulti[\"displayName\"] = \"Multi\";\n\nvar TRANSITION_TYPES = {\n SHOW: \"show\",\n HIDE: \"hide\",\n DONE: \"done\"\n};\nvar initialTransitionState = {\n isVisible: false,\n isTransitioning: false,\n isHiding: false\n};\nvar transitionStateReducer = function transitionStateReducer(state, type) {\n switch (type) {\n case TRANSITION_TYPES.SHOW:\n return _objectSpread({}, state, {\n isTransitioning: true,\n isVisible: true,\n isHiding: false\n });\n\n case TRANSITION_TYPES.HIDE:\n return _objectSpread({}, state, {\n isTransitioning: true,\n isHiding: true\n });\n\n case TRANSITION_TYPES.DONE:\n return _objectSpread({}, state, {\n isTransitioning: false,\n isVisible: state.isHiding ? false : true,\n isHiding: false\n });\n\n default:\n throw new Error(\"Unhandled action type: \".concat(type));\n }\n};\n/**\n * \n * @typedef {{ el?: HTMLElement, duration?: number, hasDuration?: boolean, delay?: number, hasDelay?: boolean, timingFunction?: string, transitionClass?: string, transitionClassElement?: HTMLElement, before?: () => void, after?: () => void, transition?: () => void, showClass?: string, showClassElement?: HTMLElement }} TransitionOpts\n */\n\nvar DEFAULT_DURATION = .240;\nvar DEFAULT_DELAY = 0;\n/**\n * \n * @param {TransitionOpts} opts \n * @returns {Promise}\n */\n\nvar show = function show(opts) {\n return transition(opts, \"show\");\n};\n/**\n * \n * @param {TransitionOpts} opts\n * @returns {Promise} \n */\n\nvar hide = function hide(opts) {\n return transition(opts, \"hide\");\n};\n/**\n * \n * @param {TransitionOpts} opts \n * @param {\"show\"|\"hide\"} state \n * @returns {Promise}\n */\n\nvar transition = function transition(opts, state) {\n var el = opts.el;\n\n if (!el) {\n return Promise.resolve();\n } else {\n return new Promise(function (resolve) {\n var style = el.style;\n /**\n * @type {object} computedStyle\n */\n\n var computedStyle = isClient ? window.getComputedStyle(el) : {};\n var duration = opts.hasDuration && opts.duration !== undefined ? opts.duration * 1000.0 : styleDurationToMs(computedStyle.transitionDuration);\n var delay = opts.hasDelay && opts.delay !== undefined ? opts.delay * 1000.0 : styleDurationToMs(computedStyle.transitionDelay);\n var timingFunction = opts.timingFunction || computedStyle.transitionTimingFunction;\n\n if (opts.transitionClass) {\n var transitionClassElement = opts.transitionClassElement || el;\n transitionClassElement.classList.add(opts.transitionClass);\n }\n\n var before = function before() {\n style.transitionDuration = \"0ms\";\n style.transitionDelay = \"0ms\";\n\n if (opts.before && typeof opts.before === \"function\") {\n opts.before();\n }\n };\n\n var maybeBefore = opts.before && state === \"show\" ? before : opts.before && state === \"hide\" ? before : null;\n\n var after = function after() {\n if (opts.after && typeof opts.after === \"function\") {\n opts.after();\n }\n };\n\n var applyTransition = function applyTransition() {\n style.transitionDuration = duration + \"ms\";\n style.transitionDelay = delay + \"ms\";\n\n if (timingFunction) {\n style.transitionTimingFunction = timingFunction;\n }\n\n if (opts.showClass) {\n var showClassElement = opts.showClassElement || el;\n showClassElement.classList[state === \"show\" ? \"add\" : \"remove\"](opts.showClass);\n }\n\n if (opts.transition) {\n opts.transition();\n }\n };\n\n var doTransition = function doTransition() {\n applyTransition();\n setTimeout(function () {\n if (after) {\n after();\n }\n\n if (opts.transitionClass) {\n var _transitionClassElement = opts.transitionClassElement || el;\n\n _transitionClassElement.classList.remove(opts.transitionClass);\n\n el.offsetHeight; // force reflow\n }\n\n resolve();\n }, duration + delay);\n };\n\n var maybeDelayTransition = function maybeDelayTransition() {\n if (duration === 0) {\n doTransition();\n } else {\n setTimeout(doTransition, 0);\n }\n };\n\n if (maybeBefore) {\n maybeBefore();\n el.offsetHeight; // force reflow\n\n setTimeout(function () {\n maybeDelayTransition();\n }, 0);\n } else {\n maybeDelayTransition();\n }\n });\n }\n};\n/**\n * \n * @param {object} params\n * @param {(string) => void} [params.dispatchTransitionState]\n * @param {boolean} [params.isShow]\n * @param {boolean} [params.isTransitioning]\n * @param {string} [params.instanceId]\n * @param {(boolean) => void} [params.setIsTransitioning]\n * @param {(boolean) => void} [params.setIsVisible]\n * @param {object} [params.props]\n * @param {object} [params.domElements]\n * @param {() => void} [params.beforeTransition]\n * @param {() => void} [params.afterTransition]\n * @param {string} [params.showClass]\n * @param {string} [params.transitionClass]\n * @param {string} [params.referrer]\n * @returns {Promise}\n */\n\n\nvar transitionComponent = function transitionComponent(_ref) {\n var dispatchTransitionState = _ref.dispatchTransitionState,\n isTransitioning = _ref.isTransitioning,\n instanceId = _ref.instanceId,\n isShow = _ref.isShow,\n props = _ref.props,\n domElements = _ref.domElements,\n beforeTransition = _ref.beforeTransition,\n afterTransition = _ref.afterTransition,\n showClass = _ref.showClass,\n transitionClass = _ref.transitionClass,\n referrer = _ref.referrer;\n\n if (isTransitioning) {\n return Promise.resolve();\n }\n\n dispatchTransitionState(isShow ? TRANSITION_TYPES.SHOW : TRANSITION_TYPES.HIDE);\n\n if (beforeTransition) {\n beforeTransition();\n }\n\n var duration = isShow ? props.showDuration : props.hideDuration;\n var delay = isShow ? props.showDelay : props.hideDelay;\n var timingFunction = isShow ? props.showTimingFunction : props.hideTimingFunction;\n var transitions = props.transitions;\n var fn = isShow ? show : hide;\n\n var opts1 = _objectSpread({}, props, domElements, {\n showClass: showClass,\n transitionClass: transitionClass,\n duration: duration,\n delay: delay,\n timingFunction: timingFunction\n });\n\n var opts2 = _objectSpread({}, opts1, transitions ? (isShow ? transitions.show : transitions.hide)(opts1) : undefined);\n\n var opts3 = _objectSpread({}, opts2, {\n duration: opts2.duration !== undefined ? opts2.duration : DEFAULT_DURATION,\n hasDuration: opts2.duration !== undefined,\n delay: opts2.delay !== undefined ? opts2.delay : DEFAULT_DELAY,\n hasDelay: opts2.delay !== undefined\n });\n\n return fn(opts3).then(function () {\n var id = instanceId;\n\n if (afterTransition) {\n afterTransition();\n }\n\n dispatchTransitionState(TRANSITION_TYPES.DONE); // Component may unmount after this point\n\n if (isShow ? props.fromMultipleDidShow : props.fromMultipleDidHide) {\n (isShow ? props.fromMultipleDidShow : props.fromMultipleDidHide)(id); // when used with Multiple; this will call props.didShow / props.didHide\n } else if (isShow ? props.didShow : props.didHide) {\n (isShow ? props.didShow : props.didHide)(id); // when used directly\n }\n });\n};\n\nexport { Multi, _Conditional, classForSize, deprecation, emit, filterSupportedAttributes, getAnimationEndEvent, getStyle, hide, iconDropdownDown, iconDropdownUp, initialTransitionState, isClient, isRTL, isServer, isTouch, pointerEndDownEvent, pointerEndEvent, pointerMoveEvent, pointerStartDownEvent, pointerStartEvent, show, styleDurationToMs, stylePropCompare, subscribe, throttle, transitionComponent, transitionStateReducer, unpackAttrs, unsubscribe };\n","import J2c from 'j2c';\nimport { isServer } from 'polythene-core';\n\n// @ts-check\n\n/**\n * @typedef {{[selector:string] : object}} Style\n * @typedef {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array element.\n * @param {...Array} styles - List of style Objects\n * @returns {void}\n */\n\nvar add = function add(id) {\n for (var _len = arguments.length, styles = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n styles[_key - 1] = arguments[_key];\n }\n\n return addToDocument.apply(void 0, [{\n id: id\n }].concat(styles));\n};\n/**\n * Removes a style from head.\n * @param {string} id - Identifier, used as HTMLElement id for the attached element.\n * @returns {void}\n */\n\n\nvar remove = function remove(id) {\n if (isServer) return;\n\n if (id) {\n var old = document.getElementById(id);\n\n if (old && old.parentNode) {\n old.parentNode.removeChild(old);\n }\n }\n};\n/**\n * Adds styles to the head.\n * @param {object} params\n * @param {string} params.id - Identifier, used as HTMLElement id for the attached element.\n * @param {object} [params.document] - Document reference.\n * @param {...Array} styles - List of style Objects.\n * @returns {void}\n */\n\n\nvar addToDocument = function addToDocument(_ref) {\n var id = _ref.id,\n document = _ref.document;\n if (isServer) return;\n var safeId = id.replace(ID_REGEX, \"_\");\n remove(safeId);\n var documentRef = document || window.document;\n var styleEl = documentRef.createElement(\"style\");\n\n if (safeId) {\n styleEl.setAttribute(\"id\", safeId);\n }\n\n for (var _len2 = arguments.length, styles = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n styles[_key2 - 1] = arguments[_key2];\n }\n\n styles.forEach(function (styles) {\n // each style returns a list\n if (Object.keys(styles).length) {\n styles.forEach(function (style) {\n var scoped = {\n \"@global\": style\n };\n var sheet = j2c.sheet(scoped);\n styleEl.appendChild(documentRef.createTextNode(sheet));\n });\n }\n });\n documentRef.head.appendChild(styleEl);\n};\n/**\n * \n * @param {object} params\n * @param {StyleObject|Array} params.styles\n * @param {string} [params.scope]\n * @returns {Array}\n */\n\n\nvar wrapInScope = function wrapInScope(_ref2) {\n var styles = _ref2.styles,\n scope = _ref2.scope;\n return scope ? [_defineProperty({}, scope, styles)] : styles;\n};\n/**\n * Adds component styles to head.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars\n * @param {object} [params.customVars]\n * @param {string} [params.mediaQuery]\n * @param {string} [params.scope]\n * @returns {void}\n */\n\n\nvar addStyle = function addStyle(_ref4) {\n var selectors = _ref4.selectors,\n styleFns = _ref4.fns,\n vars = _ref4.vars,\n customVars = _ref4.customVars,\n mediaQuery = _ref4.mediaQuery,\n scope = _ref4.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n }).filter(function (list) {\n return list.length > 0;\n });\n\n if (styles.length === 0) {\n return;\n }\n\n var id = selector.trim().replace(/^[^a-z]?(.*)/, \"$1\");\n add(id, wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n }));\n};\n/**\n * Returns a list of style objects for a component.\n * @param {object} params\n * @param {Array} params.selectors\n * @param {Array} params.fns\n * @param {object} params.vars - Style configuration variables\n * @param {object} [params.customVars] - Style configuration variables\n * @param {string} [params.mediaQuery] - Mediaquery string\n * @param {string} [params.scope] - Scope selector\n * @returns {Array}\n */\n\n\nvar getStyle = function getStyle(_ref5) {\n var selectors = _ref5.selectors,\n styleFns = _ref5.fns,\n vars = _ref5.vars,\n customVars = _ref5.customVars,\n mediaQuery = _ref5.mediaQuery,\n scope = _ref5.scope;\n var prefix = scope ? \" \" : \"\";\n var selector = prefix + selectors.join(\"\");\n var styles = styleFns.map(function (fn) {\n return fn(selector, vars, customVars);\n });\n return wrapInScope({\n styles: wrapInScope({\n styles: styles,\n scope: scope\n }),\n scope: mediaQuery\n });\n};\n/**\n * Adds component styles to head.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createAddStyle = function createAddStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {void}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref6 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref6.mediaQuery,\n scope = _ref6.scope;\n\n return addStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n });\n }\n );\n};\n/**\n * Returns styles for a component.\n * @param {string} selector \n * @param {Array} fns \n * @param {object} vars - Style configuration variables\n */\n\n\nvar createGetStyle = function createGetStyle(selector, fns, vars) {\n return (\n /**\n * @param {string} [customSelector=\"\"]\n * @param {object} customVars\n * @param {object} [scoping={}]\n * @param {string} [scoping.mediaQuery]\n * @param {string} [scoping.scope]\n * @returns {Array}\n */\n function () {\n var customSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var customVars = arguments.length > 1 ? arguments[1] : undefined;\n\n var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n mediaQuery = _ref7.mediaQuery,\n scope = _ref7.scope;\n\n return [getStyle({\n selectors: [selector, customSelector],\n fns: fns,\n vars: vars,\n customVars: customVars,\n mediaQuery: mediaQuery,\n scope: scope\n })];\n }\n );\n};\n\nvar styler = {\n add: add,\n addStyle: addStyle,\n addToDocument: addToDocument,\n createAddStyle: createAddStyle,\n createGetStyle: createGetStyle,\n getStyle: getStyle,\n remove: remove\n};\n\n// @ts-check\n\n/**\n * @typedef {(selector: string, vars: object, customVars?: object) => Array} StyleFn\n * @typedef {{[s: string]: StyleFn}} StyleCollection\n */\n\n/**\n * Wraps an object with a selector.\n * @param {string} selector \n * @param {object} o \n * @returns {object}\n */\nvar sel = function sel(selector, o) {\n return _defineProperty({}, selector, o);\n};\n/**\n * Creates a right-to-left selector.\n * @param {string} selector\n * @returns {string}\n */\n\nvar selectorRTL = function selectorRTL(selector) {\n return \"*[dir=rtl] \".concat(selector, \", .pe-rtl \").concat(selector);\n};\n/**\n * Creates a rgba CSS color string.\n * @param {string} colorStr \n * @param {number} opacity \n * @returns {string}\n */\n\nvar rgba = function rgba(colorStr) {\n var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n return \"rgba(\".concat(colorStr, \", \").concat(opacity, \")\");\n};\n/**\n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superStyle]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @param {StyleCollection} [params.componentVars]\n * @param {StyleCollection} [params.customVars]\n * @returns {Array}\n */\n\nvar createStyle = function createStyle(_ref2) {\n var varFns = _ref2.varFns,\n customVarFns = _ref2.customVarFns,\n superStyle = _ref2.superStyle,\n varMixin = _ref2.varMixin,\n selector = _ref2.selector,\n scopedSelector = _ref2.scopedSelector,\n _ref2$componentVars = _ref2.componentVars,\n componentVars = _ref2$componentVars === void 0 ? {} : _ref2$componentVars,\n customVars = _ref2.customVars;\n\n var allVars = _objectSpread({}, componentVars, customVars);\n\n var currentVars = customVars ? customVars : allVars;\n\n var general_styles = componentVars.general_styles,\n otherVars = _objectWithoutProperties(componentVars, [\"general_styles\"]);\n\n var baseLayout = superStyle !== undefined ? customVars !== undefined ? superStyle(selector, componentVars, customVars) : superStyle(selector, otherVars) : [];\n\n var fns = _objectSpread({}, customVars ? customVarFns : {}, varFns);\n\n return baseLayout.concat(Object.keys(varMixin(currentVars)).map(function (v) {\n return fns && fns[v] !== undefined ? fns[v](scopedSelector, allVars) : null;\n }).filter(function (s) {\n return s;\n }));\n};\n/**\n * \n * @param {object} params\n * @param {StyleCollection} [params.varFns]\n * @param {StyleCollection} [params.customVarFns]\n * @param {StyleFn} [params.superLayout]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\n\nvar createLayout = function createLayout(_ref3) {\n var varFns = _ref3.varFns,\n customVarFns = _ref3.customVarFns,\n superLayout = _ref3.superLayout,\n _ref3$varMixin = _ref3.varMixin,\n varMixin = _ref3$varMixin === void 0 ? function (o) {\n return o;\n } : _ref3$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return createStyle({\n varFns: varFns,\n customVarFns: customVarFns,\n superStyle: superLayout,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: selector,\n componentVars: componentVars,\n customVars: customVars\n });\n }\n );\n};\n/**\n * \n * @param {object} params\n * @param {string} [params.selector]\n * @param {string} [params.scopedSelector]\n * @param {object} [params.componentVars]\n * @param {object} [params.customVars] \n * @param {StyleFn} [params.superColor]\n * @param {StyleCollection} [params.varFns]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {Array}\n */\n\nvar createColorStyle = function createColorStyle(_ref4) {\n var selector = _ref4.selector,\n scopedSelector = _ref4.scopedSelector,\n componentVars = _ref4.componentVars,\n customVars = _ref4.customVars,\n varFns = _ref4.varFns,\n superColor = _ref4.superColor,\n varMixin = _ref4.varMixin;\n return createStyle({\n varFns: varFns,\n superStyle: superColor,\n varMixin: varMixin,\n selector: selector,\n scopedSelector: scopedSelector,\n componentVars: componentVars,\n customVars: customVars\n });\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} params.isNoTouch\n* @returns {string}\n */\n\nvar appendPseudoClass = function appendPseudoClass(_ref5) {\n var scopes = _ref5.scopes,\n selector = _ref5.selector,\n isNoTouch = _ref5.isNoTouch;\n return isNoTouch ? scopes.map(function (s) {\n return s + selector + \":hover\";\n }).join(\",\") : scopes.map(function (s) {\n return s + selector;\n }).join(\",\");\n};\n/**\n * \n * @param {object} params \n * @param {Array} params.scopes\n * @param {string} params.selector\n * @param {boolean} [params.isNoTouch]\n * @returns {string}\n */\n\n\nvar createScopedSelector = function createScopedSelector(_ref6) {\n var scopes = _ref6.scopes,\n selector = _ref6.selector,\n _ref6$isNoTouch = _ref6.isNoTouch,\n isNoTouch = _ref6$isNoTouch === void 0 ? false : _ref6$isNoTouch;\n return selector.split(/\\s*,\\s*/).map(function (s) {\n return appendPseudoClass({\n scopes: scopes,\n selector: s,\n isNoTouch: isNoTouch\n });\n }).join(\"\");\n};\n/**\n * @typedef {object} ColorScopeObject\n * @property {Array} scopes\n * @property {string} varFnName\n * @property {boolean} isNoTouch\n */\n\n/**\n * @type {Array} colorScopes\n */\n\n\nvar colorScopes = [{\n // has/inside dark tone\n scopes: [\".pe-dark-tone\", \".pe-dark-tone \"],\n varFnName: \"darkTintFns\",\n isNoTouch: false\n}, {\n // normal, has/inside light tone\n scopes: [\"\", \".pe-light-tone\", \".pe-light-tone \"],\n varFnName: \"lightTintFns\",\n isNoTouch: false\n}, {\n // has/inside dark tone\n scopes: [\".pe-no-touch .pe-dark-tone \"],\n varFnName: \"darkTintHoverFns\",\n isNoTouch: true\n}, {\n // normal, has/inside light tone\n scopes: [\".pe-no-touch \", \".pe-no-touch .pe-light-tone \"],\n varFnName: \"lightTintHoverFns\",\n isNoTouch: true\n}];\n/**\n * \n * @param {object} params\n * @param {object} [params.varFns]\n * @param {StyleFn} [params.superColor]\n * @param {(_:any) => StyleCollection} [params.varMixin]\n * @returns {StyleFn}\n */\n\nvar createColor = function createColor(_ref7) {\n var _ref7$varFns = _ref7.varFns,\n varFns = _ref7$varFns === void 0 ? {} : _ref7$varFns,\n superColor = _ref7.superColor,\n _ref7$varMixin = _ref7.varMixin,\n varMixin = _ref7$varMixin === void 0 ? function (o) {\n return o;\n } : _ref7$varMixin;\n return (\n /**\n * @param {string} selector\n * @param {object} componentVars\n * @param {object} [customVars]\n * @returns {Array}\n */\n function (selector, componentVars, customVars) {\n return colorScopes.map(function (_ref8) {\n var scopes = _ref8.scopes,\n varFnName = _ref8.varFnName,\n isNoTouch = _ref8.isNoTouch;\n return createColorStyle({\n selector: selector,\n scopedSelector: createScopedSelector({\n scopes: scopes,\n selector: selector,\n isNoTouch: isNoTouch\n }),\n componentVars: componentVars,\n customVars: customVars,\n varFns: varFns[varFnName],\n superColor: superColor,\n varMixin: varMixin\n });\n });\n }\n );\n};\n/**\n * @param {object} vars \n * @param {object} behaviorVars\n * @returns {string|undefined} \n */\n\nvar createMarkerValue = function createMarkerValue(vars, behaviorVars) {\n var marker = Object.keys(behaviorVars).filter(function (bvar) {\n return vars[bvar] === true;\n }).join(\".\");\n return marker ? \"\\\"\".concat(marker, \"\\\"\") : undefined;\n};\n/**\n * Creates a CSS style from which the key can be read from the `content` property.\n * @param {object} vars \n * @param {object} behaviorVars \n * @returns {object}\n */\n\n\nvar createMarker = function createMarker(vars, behaviorVars) {\n if (!vars) {\n console.error(\"createMarker requires param `vars`\"); // eslint-disable-line no-console\n }\n\n var value = createMarkerValue(vars, behaviorVars);\n return value ? {\n \":before\": {\n content: value,\n display: \"none\"\n }\n } : undefined;\n};\n\n// @ts-check\n/**\n * @typedef {{[selector:string] : Style | any}} Style\n */\n\n/**\n * @type {Array