p-elements-core 1.2.26 → 1.2.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/sample.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! P-ELEMENTS 1.2.26 - Thu May 01 2025 09:13:04 GMT+0200 (Central European Summer Time) */var t={554:function(t,e,n){var r,o,i,a={scope:{}};a.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(t,e,n){if(n.get||n.set)throw new TypeError("ES3 does not support getters and setters.");t!=Array.prototype&&t!=Object.prototype&&(t[e]=n.value)},a.getGlobal=function(t){return"undefined"!=typeof window&&window===t?t:void 0!==n.g&&null!=n.g?n.g:t},a.global=a.getGlobal(this),a.SYMBOL_PREFIX="jscomp_symbol_",a.initSymbol=function(){a.initSymbol=function(){},a.global.Symbol||(a.global.Symbol=a.Symbol)},a.symbolCounter_=0,a.Symbol=function(t){return a.SYMBOL_PREFIX+(t||"")+a.symbolCounter_++},a.initSymbolIterator=function(){a.initSymbol();var t=a.global.Symbol.iterator;t||(t=a.global.Symbol.iterator=a.global.Symbol("iterator")),"function"!=typeof Array.prototype[t]&&a.defineProperty(Array.prototype,t,{configurable:!0,writable:!0,value:function(){return a.arrayIterator(this)}}),a.initSymbolIterator=function(){}},a.arrayIterator=function(t){var e=0;return a.iteratorPrototype((function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}))},a.iteratorPrototype=function(t){return a.initSymbolIterator(),(t={next:t})[a.global.Symbol.iterator]=function(){return this},t},a.array=a.array||{},a.iteratorFromArray=function(t,e){a.initSymbolIterator(),t instanceof String&&(t+="");var n=0,r={next:function(){if(n<t.length){var o=n++;return{value:e(o,t[o]),done:!1}}return r.next=function(){return{done:!0,value:void 0}},r.next()}};return r[Symbol.iterator]=function(){return r},r},a.polyfill=function(t,e,n,r){if(e){for(n=a.global,t=t.split("."),r=0;r<t.length-1;r++){var o=t[r];o in n||(n[o]={}),n=n[o]}(e=e(r=n[t=t[t.length-1]]))!=r&&null!=e&&a.defineProperty(n,t,{configurable:!0,writable:!0,value:e})}},a.polyfill("Array.prototype.keys",(function(t){return t||function(){return a.iteratorFromArray(this,(function(t){return t}))}}),"es6-impl","es3");var u=this;o=[],r=function(){function t(t){if(!W.col(t))try{return document.querySelectorAll(t)}catch(t){}}function e(t,e){for(var n=t.length,r=2<=arguments.length?arguments[1]:void 0,o=[],i=0;i<n;i++)if(i in t){var a=t[i];e.call(r,a,i,t)&&o.push(a)}return o}function n(t){return t.reduce((function(t,e){return t.concat(W.arr(e)?n(e):e)}),[])}function r(e){return W.arr(e)?e:(W.str(e)&&(e=t(e)||e),e instanceof NodeList||e instanceof HTMLCollection?[].slice.call(e):[e])}function o(t,e){return t.some((function(t){return t===e}))}function i(t){var e,n={};for(e in t)n[e]=t[e];return n}function a(t,e){var n,r=i(t);for(n in t)r[n]=e.hasOwnProperty(n)?e[n]:t[n];return r}function c(t,e){var n,r=i(t);for(n in e)r[n]=W.und(t[n])?e[n]:t[n];return r}function l(t){t=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(t,e,n,r){return e+e+n+n+r+r}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return"rgba("+(t=parseInt(e[1],16))+","+parseInt(e[2],16)+","+(e=parseInt(e[3],16))+",1)"}function s(t){function e(t,e,n){return 0>n&&(n+=1),1<n&&--n,n<1/6?t+6*(e-t)*n:.5>n?e:n<2/3?t+(e-t)*(2/3-n)*6:t}var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(t);t=parseInt(n[1])/360;var r=parseInt(n[2])/100,o=parseInt(n[3])/100;if(n=n[4]||1,0==r)o=r=t=o;else{var i=.5>o?o*(1+r):o+r-o*r,a=2*o-i;o=e(a,i,t+1/3),r=e(a,i,t),t=e(a,i,t-1/3)}return"rgba("+255*o+","+255*r+","+255*t+","+n+")"}function f(t){if(t=/([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(t))return t[2]}function p(t){return-1<t.indexOf("translate")||"perspective"===t?"px":-1<t.indexOf("rotate")||-1<t.indexOf("skew")?"deg":void 0}function d(t,e){return W.fnc(t)?t(e.target,e.id,e.total):t}function h(t,e){if(e in t.style)return getComputedStyle(t).getPropertyValue(e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())||"0"}function y(t,e){return W.dom(t)&&o(L,e)?"transform":W.dom(t)&&(t.getAttribute(e)||W.svg(t)&&t[e])?"attribute":W.dom(t)&&"transform"!==e&&h(t,e)?"css":null!=t[e]?"object":void 0}function b(t,n){var r=p(n);if(r=-1<n.indexOf("scale")?1:0+r,!(t=t.style.transform))return r;for(var o=[],i=[],a=[],u=/(\w+)\((.+?)\)/g;o=u.exec(t);)i.push(o[1]),a.push(o[2]);return t=e(a,(function(t,e){return i[e]===n})),t.length?t[0]:r}function v(t,e){switch(y(t,e)){case"transform":return b(t,e);case"css":return h(t,e);case"attribute":return t.getAttribute(e)}return t[e]||0}function m(t,e){var n=/^(\*=|\+=|-=)/.exec(t);if(!n)return t;var r=f(t)||0;switch(e=parseFloat(e),t=parseFloat(t.replace(n[0],"")),n[0][0]){case"+":return e+t+r;case"-":return e-t+r;case"*":return e*t+r}}function g(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function w(t){t=t.points;for(var e,n=0,r=0;r<t.numberOfItems;r++){var o=t.getItem(r);0<r&&(n+=g(e,o)),e=o}return n}function O(t){if(t.getTotalLength)return t.getTotalLength();switch(t.tagName.toLowerCase()){case"circle":return 2*Math.PI*t.getAttribute("r");case"rect":return 2*t.getAttribute("width")+2*t.getAttribute("height");case"line":return g({x:t.getAttribute("x1"),y:t.getAttribute("y1")},{x:t.getAttribute("x2"),y:t.getAttribute("y2")});case"polyline":return w(t);case"polygon":var e=t.points;return w(t)+g(e.getItem(e.numberOfItems-1),e.getItem(0))}}function S(t,e){function n(n){return n=void 0===n?0:n,t.el.getPointAtLength(1<=e+n?e+n:0)}var r=n(),o=n(-1),i=n(1);switch(t.property){case"x":return r.x;case"y":return r.y;case"angle":return 180*Math.atan2(i.y-o.y,i.x-o.x)/Math.PI}}function j(t,e){var n,r=/-?\d*\.?\d+/g;if(n=W.pth(t)?t.totalLength:t,W.col(n))if(W.rgb(n)){var o=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n);n=o?"rgba("+o[1]+",1)":n}else n=W.hex(n)?l(n):W.hsl(n)?s(n):void 0;else o=(o=f(n))?n.substr(0,n.length-o.length):n,n=e&&!/\s/g.test(n)?o+e:o;return{original:n+="",numbers:n.match(r)?n.match(r).map(Number):[0],strings:W.str(t)||e?n.split(r):[]}}function k(t){return e(t=t?n(W.arr(t)?t.map(r):r(t)):[],(function(t,e,n){return n.indexOf(t)===e}))}function P(t){var e=k(t);return e.map((function(t,n){return{target:t,id:n,total:e.length}}))}function A(t,e){var n=i(e);if(W.arr(t)){var o=t.length;2!==o||W.obj(t[0])?W.fnc(e.duration)||(n.duration=e.duration/o):t={value:t}}return r(t).map((function(t,n){return n=n?0:e.delay,t=W.obj(t)&&!W.pth(t)?t:{value:t},W.und(t.delay)&&(t.delay=n),t})).map((function(t){return c(t,n)}))}function x(t,e){var n,r={};for(n in t){var o=d(t[n],e);W.arr(o)&&(o=o.map((function(t){return d(t,e)})),1===o.length&&(o=o[0])),r[n]=o}return r.duration=parseFloat(r.duration),r.delay=parseFloat(r.delay),r}function E(t){return W.arr(t)?D.apply(this,t):U[t]}function C(t,e){var n;return t.tweens.map((function(r){var o=(r=x(r,e)).value,i=v(e.target,t.name),a=n?n.to.original:i,u=(a=W.arr(o)?o[0]:a,m(W.arr(o)?o[1]:o,a));return i=f(u)||f(a)||f(i),r.from=j(a,i),r.to=j(u,i),r.start=n?n.end:t.offset,r.end=r.start+r.delay+r.duration,r.easing=E(r.easing),r.elasticity=(1e3-Math.min(Math.max(r.elasticity,1),999))/1e3,r.isPath=W.pth(o),r.isColor=W.col(r.from.original),r.isColor&&(r.round=1),n=r}))}function _(t,r){return e(n(t.map((function(t){return r.map((function(e){var n=y(t.target,e.name);if(n){var r=C(e,t);e={type:n,property:e.name,animatable:t,tweens:r,duration:r[r.length-1].end,delay:r[0].delay}}else e=void 0;return e}))}))),(function(t){return!W.und(t)}))}function R(t,e,n,r){var o="delay"===t;return e.length?(o?Math.min:Math.max).apply(Math,e.map((function(e){return e[t]}))):o?r.delay:n.offset+r.delay+r.duration}function M(t){var e,n=a(N,t),r=a(I,t),o=P(t.targets),i=[],u=c(n,r);for(e in t)u.hasOwnProperty(e)||"targets"===e||i.push({name:e,offset:u.offset,tweens:A(t[e],r)});return c(n,{children:[],animatables:o,animations:t=_(o,i),duration:R("duration",t,n,r),delay:R("delay",t,n,r)})}function T(t){function n(){return window.Promise&&new Promise((function(t){return f=t}))}function r(t){return d.reversed?d.duration-t:t}function o(t){for(var n=0,r={},o=d.animations,i=o.length;n<i;){var a=o[n],u=a.animatable,c=(l=a.tweens)[p=l.length-1];p&&(c=e(l,(function(e){return t<e.end}))[0]||c);for(var l=Math.min(Math.max(t-c.start-c.delay,0),c.duration)/c.duration,s=isNaN(l)?1:c.easing(l,c.elasticity),f=(l=c.to.strings,c.round),p=[],y=void 0,b=(y=c.to.numbers.length,0);b<y;b++){var v=void 0,m=(v=c.to.numbers[b],c.from.numbers[b]);v=c.isPath?S(c.value,s*v):m+s*(v-m),f&&(c.isColor&&2<b||(v=Math.round(v*f)/f)),p.push(v)}if(c=l.length)for(y=l[0],s=0;s<c;s++)f=l[s+1],b=p[s],isNaN(b)||(y=f?y+(b+f):y+(b+" "));else y=p[0];q[a.type](u.target,a.property,y,r,u.id),a.currentValue=y,n++}if(n=Object.keys(r).length)for(o=0;o<n;o++)F||(F=h(document.body,"transform")?"transform":"-webkit-transform"),d.animatables[o].target.style[F]=r[o].join(" ");d.currentTime=t,d.progress=t/d.duration*100}function i(t){d[t]&&d[t](d)}function a(){d.remaining&&!0!==d.remaining&&d.remaining--}function u(t){var e=d.duration,u=d.offset,h=u+d.delay,y=d.currentTime,b=d.reversed,v=r(t);if(d.children.length){var m=d.children,g=m.length;if(v>=d.currentTime)for(var w=0;w<g;w++)m[w].seek(v);else for(;g--;)m[g].seek(v)}(v>=h||!e)&&(d.began||(d.began=!0,i("begin")),i("run")),v>u&&v<e?o(v):(v<=u&&0!==y&&(o(0),b&&a()),(v>=e&&y!==e||!e)&&(o(e),b||a())),i("update"),t>=e&&(d.remaining?(l=c,"alternate"===d.direction&&(d.reversed=!d.reversed)):(d.pause(),d.completed||(d.completed=!0,i("complete"),"Promise"in window&&(f(),p=n()))),s=0)}t=void 0===t?{}:t;var c,l,s=0,f=null,p=n(),d=M(t);return d.reset=function(){var t=d.direction,e=d.loop;for(d.currentTime=0,d.progress=0,d.paused=!0,d.began=!1,d.completed=!1,d.reversed="reverse"===t,d.remaining="alternate"===t&&1===e?2:e,o(0),t=d.children.length;t--;)d.children[t].reset()},d.tick=function(t){c=t,l||(l=c),u((s+c-l)*T.speed)},d.seek=function(t){u(r(t))},d.pause=function(){var t=B.indexOf(d);-1<t&&B.splice(t,1),d.paused=!0},d.play=function(){d.paused&&(d.paused=!1,l=0,s=r(d.currentTime),B.push(d),V||X())},d.reverse=function(){d.reversed=!d.reversed,l=0,s=r(d.currentTime)},d.restart=function(){d.pause(),d.reset(),d.play()},d.finished=p,d.reset(),d.autoplay&&d.play(),d}var F,N={update:void 0,begin:void 0,run:void 0,complete:void 0,loop:1,direction:"normal",autoplay:!0,offset:0},I={duration:1e3,delay:0,easing:"easeOutElastic",elasticity:500,round:0},L="translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),W={arr:function(t){return Array.isArray(t)},obj:function(t){return-1<Object.prototype.toString.call(t).indexOf("Object")},pth:function(t){return W.obj(t)&&t.hasOwnProperty("totalLength")},svg:function(t){return t instanceof SVGElement},dom:function(t){return t.nodeType||W.svg(t)},str:function(t){return"string"==typeof t},fnc:function(t){return"function"==typeof t},und:function(t){return void 0===t},hex:function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)},rgb:function(t){return/^rgb/.test(t)},hsl:function(t){return/^hsl/.test(t)},col:function(t){return W.hex(t)||W.rgb(t)||W.hsl(t)}},D=function(){function t(t,e,n){return(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t}return function(e,n,r,o){if(0<=e&&1>=e&&0<=r&&1>=r){var i=new Float32Array(11);if(e!==n||r!==o)for(var a=0;11>a;++a)i[a]=t(.1*a,e,r);return function(a){if(e===n&&r===o)return a;if(0===a)return 0;if(1===a)return 1;for(var u=0,c=1;10!==c&&i[c]<=a;++c)u+=.1;--c,c=u+(a-i[c])/(i[c+1]-i[c])*.1;var l=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e;if(.001<=l){for(u=0;4>u&&0!=(l=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e);++u){var s=t(c,e,r)-a;c-=s/l}a=c}else if(0===l)a=c;else{c=u,u+=.1;var f=0;do{0<(l=t(s=c+(u-c)/2,e,r)-a)?u=s:c=s}while(1e-7<Math.abs(l)&&10>++f);a=s}return t(a,n,o)}}}}(),U=function(){function t(t,e){return 0===t||1===t?t:-Math.pow(2,10*(t-1))*Math.sin(2*(t-1-e/(2*Math.PI)*Math.asin(1))*Math.PI/e)}var e,n="Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),r={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],t],Out:[[.25,.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(e,n){return 1-t(1-e,n)}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(e,n){return.5>e?t(2*e,n)/2:1-t(-2*e+2,n)/2}]},o={linear:D(.25,.25,.75,.75)},i={};for(e in r)i.type=e,r[i.type].forEach(function(t){return function(e,r){o["ease"+t.type+n[r]]=W.fnc(e)?e:D.apply(u,e)}}(i)),i={type:i.type};return o}(),q={css:function(t,e,n){return t.style[e]=n},attribute:function(t,e,n){return t.setAttribute(e,n)},object:function(t,e,n){return t[e]=n},transform:function(t,e,n,r,o){r[o]||(r[o]=[]),r[o].push(e+"("+n+")")}},B=[],V=0,X=function(){function t(){V=requestAnimationFrame(e)}function e(e){var n=B.length;if(n){for(var r=0;r<n;)B[r]&&B[r].tick(e),r++;t()}else cancelAnimationFrame(V),V=0}return t}();return T.version="2.2.0",T.speed=1,T.running=B,T.remove=function(t){t=k(t);for(var e=B.length;e--;)for(var n=B[e],r=n.animations,i=r.length;i--;)o(t,r[i].animatable.target)&&(r.splice(i,1),r.length||n.pause())},T.getValue=v,T.path=function(e,n){var r=W.str(e)?t(e)[0]:e,o=n||100;return function(t){return{el:r,property:t,totalLength:O(r)*(o/100)}}},T.setDashoffset=function(t){var e=O(t);return t.setAttribute("stroke-dasharray",e),e},T.bezier=D,T.easings=U,T.timeline=function(t){var e=T(t);return e.pause(),e.duration=0,e.add=function(n){return e.children.forEach((function(t){t.began=!0,t.completed=!0})),r(n).forEach((function(n){var r=c(n,a(I,t||{}));r.targets=r.targets||t.targets,n=e.duration;var o=r.offset;r.autoplay=!1,r.direction=e.direction,r.offset=W.und(o)?n:m(o,n),e.began=!0,e.completed=!0,e.seek(r.offset),(r=T(r)).began=!0,r.completed=!0,r.duration>n&&(e.duration=r.duration),e.children.push(r)})),e.seek(0),e.reset(),e.autoplay&&e.restart(),e},e},T.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+t},T},void 0===(i="function"==typeof r?r.apply(e,o):r)||(t.exports=i)}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,i(r.key),r)}}function i(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function a(t,e,n){return e=c(e),function(t,e){if(e&&("object"==r(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,u()?Reflect.construct(e,n||[],c(t).constructor):e.apply(t,n))}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(u=function(){return!!t})()}function c(t){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},c(t)}function l(t,e){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},l(t,e)}function s(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function f(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var p=n(554),d=n.n(p),y=function(t){return function(e){customElements.get(t.tagName)?console.warn("Custom element with tag name ".concat(t.tagName," already exists.")):customElements.define(t.tagName,e,t.options)}},b=function(t){return function(e,n){var r=e.constructor,o=Symbol(n+"_PropertyDecorator");r&&!r.observedAttributes&&(r.observedAttributes=[]),r&&!r.__properties__&&(r.__properties__=[]),r.__properties__.push(n),t.attribute&&!t.readonly&&-1===r.observedAttributes.indexOf(t.attribute)&&r.observedAttributes.push(t.attribute),Object.defineProperty(e,"__property_".concat(n,"__"),{configurable:!0,enumerable:!0,get:function(){return t}}),!0!==t.readonly?Object.defineProperty(e,n,{configurable:!0,enumerable:!0,get:function(){return this[o]},set:function(e){var r=this,i=this[o],a=(null==this?void 0:this.shouldUpdate)&&!this.shouldUpdate(n,i,e),u=this.isCustomElementController?this.hostElement:this,c=t.converter?t.converter.toAttribute(e):function(t,e){if(void 0!==e){if(null===e)return null;switch(t){case"string":case"number":return e.toString();case"object":return JSON.stringify(e)}}}(t.type,e);a?(this[o]=i,requestAnimationFrame((function(){u.setAttribute(t.attribute,i)}))):this[o]=e;var l=function(){r[o]!==i&&((null==r?void 0:r.scheduleRender)&&r.scheduleRender(),(null==r?void 0:r.updated)&&r.updated(n,i,r[o]))};if(t.reflect&&t.attribute&&u._canReflect){if("boolean"===t.type)return e&&!u.hasAttribute(t.attribute)?u.setAttribute(t.attribute,""):!e&&u.hasAttribute(t.attribute)&&u.removeAttribute(t.attribute),void l();if(null==e)return u.removeAttribute(t.attribute),void l();if(u.getAttribute(t.attribute)===c+"")return void l();null!==c?u.setAttribute(t.attribute,c+""):u.removeAttribute(t.attribute)}l(),(null==this?void 0:this.scheduleRender)&&this.scheduleRender()}}):Object.defineProperty(e,n,{get:function(){return this[o]},set:function(t){this[o]=t,null==this||this.scheduleRender(),delete this[n],Object.defineProperty(this,n,{configurable:!0,enumerable:!0,get:function(){return this[o]},set:function(){throw new Error("Cannot set read-only property")}}),Object.seal(this[o])}})}},v=b({});new Map;function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function g(t){return function(t){if(Array.isArray(t))return w(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return w(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?O(Object(n),!0).forEach((function(e){j(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function j(t,e,n){return(e=P(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,P(r.key),r)}}function P(t){var e=function(t,e){if("object"!=m(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==m(e)?e:e+""}function A(t,e){if(e&&("object"==m(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function x(t){var e="function"==typeof Map?new Map:void 0;return x=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(E())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&C(o,n.prototype),o}(t,arguments,_(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),C(n,t)},x(t)}function E(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(E=function(){return!!t})()}function C(t,e){return C=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},C(t,e)}function _(t){return _=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_(t)}function R(t,e,n){M(t,e),e.set(t,n)}function M(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function T(t,e,n){return n(I(t,e))}function F(t,e,n){return t.set(I(t,e),n),n}function N(t,e){return t.get(I(t,e))}function I(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}var L=[],W=new WeakMap,D=new WeakMap,U=new WeakMap,q=new WeakMap,B=new WeakMap,V=new WeakMap,X=new WeakMap,$=new WeakMap,z=new WeakMap,H=new WeakMap,Y=new WeakMap,J=new WeakMap,Z=new WeakMap,G=new WeakSet,Q=new WeakMap,K=new WeakMap,tt=new WeakMap,et=function(){function t(e){var n,r,o,i;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,o=_(o=t),function(t,e){M(t,e),e.add(t)}(n=A(r,E()?Reflect.construct(o,i||[],_(r).constructor):o.apply(r,i)),G),R(n,W,void 0),R(n,D,void 0),R(n,U,void 0),R(n,q,void 0),R(n,B,void 0),R(n,V,void 0),R(n,X,!1),R(n,$,void 0),R(n,z,void 0),R(n,H,void 0),R(n,Y,[]),R(n,J,!1),R(n,Z,!1),R(n,Q,(function(){var t=n.constructor.__properties__;F(W,n,[]),t&&F(W,n,t.map((function(t){return S(S({},n["__property_".concat(t,"__")]),{},{name:t})})))})),R(n,K,!0),R(n,tt,!0),I(G,n,rt).call(n),I(G,n,nt).call(n),A(n,e)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&C(t,e)}(t,x(HTMLElement)),e=t,n=[{key:"_canReflect",get:function(){return N(Z,this)}},{key:"properties",get:function(){return N(W,this)}},{key:"addController",value:function(t){N(Y,this).push(t),N(J,this)&&t.connected&&t.connected()}},{key:"internals",get:function(){return N(H,this)},set:function(t){F(H,this,t)}},{key:"addStylesheetToRootNode",value:function(t,e){if(T(G,this,it)){if(N(B,this)||F(B,this,new CSSStyleSheet),t=I(G,this,at).call(this),N(B,this).replaceSync(t),N(X,this))return;if(e instanceof Document){var n=I(G,this,ct).call(this,t);-1===L.indexOf(n)&&(document.adoptedStyleSheets=[].concat(g(document.adoptedStyleSheets),[N(B,this)]),F(X,this,!0),L.push(n))}else this.shadowRoot.adoptedStyleSheets=[N(B,this)],F(X,this,!0)}else if(F(V,this,document.createElement("link")),N(V,this).rel="stylesheet",t=I(G,this,at).call(this),N(V,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=I(G,this,ct).call(this,t);-1===L.indexOf(r)&&(document.head.appendChild(N(V,this)),L.push(r))}else this.shadowRoot.appendChild(N(V,this))}},{key:"templateFromString",value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=document.createElement("template");r.innerHTML=t;var o=document.createDocumentFragment();o.appendChild(r.content);var i=o.querySelector("style");return n&&(F($,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:N(z,this)})),I(G,this,ut).call(this,i.textContent),i.remove(),window.addEventListener("updatecssapply",(function(){I(G,e,at).call(e)})),o}},{key:"adoptStyle",value:function(t,e){this.addStylesheetToRootNode(e,t)}},{key:"createProjector",value:function(t,e){var n=this;return new Promise((function(r,o){var i,a=N(U,n)?N(U,n):"append";requestAnimationFrame((function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||I(G,n,lt).call(n,t)}}))[a](t,e.bind(n)),F(D,n,i),F(Z,n,!0),I(G,n,ot).call(n),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"scheduleRender",value:function(){var t;null===(t=N(D,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t;null===(t=N(D,this))||void 0===t||t.renderNow()}},{key:"connectedCallback",value:function(){F(J,this,!0),N(Y,this).forEach((function(t){null==t||t.connected()}))}},{key:"disconnectedCallback",value:function(){F(J,this,!1),N(Y,this).forEach((function(t){null==t||t.disconnected()}))}},{key:"attributeChangedCallback",value:function(t,e,n){var r=N(W,this).find((function(e){return e.attribute===t}));if(r)if(r.converter)this[r.name]=r.converter.fromAttribute(n);else{var o=r.type;"string"===o?this[r.name]=n:"number"===o?this[r.name]=parseFloat(n):"boolean"===o?this[r.name]=null!==n:"object"===o&&(this[r.name]=JSON.parse(n))}}}],n&&k(e.prototype,n),r&&k(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}();function nt(){"function"==typeof this.init&&(this.init(),N(Y,this).forEach((function(t){null==t||t.init()})))}function rt(){var t=this;N(Q,this).call(this);var e=this.constructor.projectorMode;F(U,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;F(z,this,r),n&&F(H,this,this.attachInternals());var o=this.constructor.style;if(o){F($,this,!0),F(U,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:N(z,this)}),I(G,this,ut).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render)})),window.addEventListener("updatecssapply",(function(){I(G,t,at).call(t)}))}}function ot(){var t=this;N(W,this).filter((function(t){return t.reflect})).forEach((function(e){"string"===e.type&&void 0!==t[e.name]&&null!==t[e.name]?t.setAttribute(e.attribute,t[e.name]):"number"===e.type&&void 0!==t[e.name]&&null!==t[e.name]?t.setAttribute(e.attribute,t[e.name].toString()):"boolean"===e.type&&!0===t[e.name]?!0!==t[e.name]||t.hasAttribute(e.attribute)||t.setAttribute(e.attribute,""):"boolean"===e.type&&!1===t[e.name]?t.hasAttribute(e.attribute)&&t.removeAttribute(e.attribute):"object"===e.type&&void 0!==t[e.name]&&null!==t[e.name]&&(e.converter?t.setAttribute(e.attribute,e.converter.toAttribute(t[e.name])):t.setAttribute(e.attribute,JSON.stringify(t[e.name])))}))}function it(t){return Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype}function at(){var t=function(t){for(var e,n=customElements.get("custom-style").cssApplyVars,r=t,o=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,i=function(){var t=e[0],o=e[1];if(n.has(o)){var i="@apply"+t.split("@apply",2)[1],a=n.get(o).map((function(t){return";".concat(t,": var(").concat(o,"_-_").concat(t,");")})).join("");r=r.replace(i,a)}};e=o.exec(r);)i();return r}(N(q,this));return N(q,this)!==t&&(F(q,this,t),T(G,this,it)&&N(B,this)?N(B,this).replaceSync(t):T(G,this,it)||(N(V,this)&&URL.revokeObjectURL(N(V,this).href),N(V,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})))),t}function ut(t){F(q,this,t),N($,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):N($,this)||this.addStylesheetToRootNode(t,document)}function ct(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function lt(t){var e=this;this[t]&&this[t](N("renderStart"===t?K:tt,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));N(Y,this).forEach((function(r){r[n]&&r[n](N("renderStart"===t?K:tt,e))})),F("renderStart"===t?K:tt,this,!1)}function st(t){return st="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},st(t)}function ft(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,pt(r.key),r)}}function pt(t){var e=function(t,e){if("object"!=st(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=st(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==st(e)?e:e+""}function dt(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function ht(t,e){return t.get(yt(t,e))}function yt(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}var bt,vt,mt,gt=new WeakMap,wt=function(){return t=function t(e){var n,r,o;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),dt(this,gt,void 0),r=this,o=e,(n=gt).set(yt(n,r),o),ht(gt,this).addController(this)},(e=[{key:"hostElement",get:function(){return ht(gt,this)}},{key:"renderNow",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.renderNow()}},{key:"scheduleRender",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.scheduleRender()}}])&&ft(t.prototype,e),n&&ft(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function Ot(t){var e="function"==typeof Map?new Map:void 0;return Ot=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(Rt())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Ft(o,n.prototype),o}(t,arguments,Mt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Ft(n,t)},Ot(t)}function St(){return St="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Mt(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},St.apply(null,arguments)}function jt(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function kt(t,e,n){return t.set(Pt(t,e),n),n}function Pt(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}function At(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,Et(r.key),r)}}function xt(t,e,n){return e&&At(t.prototype,e),n&&At(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Et(t){var e=function(t,e){if("object"!=Nt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=Nt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==Nt(e)?e:e+""}function Ct(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _t(t,e,n){return e=Mt(e),function(t,e){if(e&&("object"==Nt(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,Rt()?Reflect.construct(e,n||[],Mt(t).constructor):e.apply(t,n))}function Rt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Rt=function(){return!!t})()}function Mt(t){return Mt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Mt(t)}function Tt(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Ft(t,e)}function Ft(t,e){return Ft=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Ft(t,e)}function Nt(t){return Nt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Nt(t)}var It=function(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"===("undefined"==typeof Reflect?"undefined":Nt(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},Lt=(bt=function(){function t(){var e;return Ct(this,t),(e=_t(this,t,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},e}return Tt(t,et),xt(t)}(),bt.style=".foo{background-color: red; color: white; border: 0px;}",bt.delegatesFocus=!0,bt);Lt=It([y({tagName:"my-button"})],Lt);var Wt,Dt,Ut=(vt=function(t){function e(){var t;return Ct(this,e),(t=_t(this,e,arguments)).count=1,t.name="",t.foo="foo",t.onInput=function(e){t.name=e.target.value},t.onPeterClick=function(e){console.log({e,p:t})},t.render=function(){return h("div",null,h("input",{type:"checkbox",checked:"Peter"===t.name}),h("h1",{on:{click:function(e){return console.log(e,t.slotContainer)}},id:"Foo"},"Hallo:"),h("h1",{"data-force-event-handler":"true",onclick:function(){return console.log("click "+t.name)},"data-title":t.name&&t.name.toLocaleUpperCase(),class:"title"},t.foo," ",t.name),h("p",{"data-count":t.count,updateAnimation:t.countUpdateAnimation},t.count),h("div",{id:"SlotContainer"},h("slot",null)),h("p",{eventListeners:[["mouseenter",function(){return console.log("enter")},{once:!0}],["mouseleave",function(){return console.log("leave")},{once:!0}]]},"Please enter your name (hint type"," ",h("em",null,h("strong",null,"Peter")),")",h("br",null),h("input",{type:"text",value:t.name,oninput:t.onInput})),h("p",null,h("a",{is:"super-a"},"Super a")),t.name&&t.name.toLowerCase&&t.name.toLowerCase().indexOf("peter")>-1?h("div",{key:"peter",afterRemoved:t.peterRemoved,afterCreate:t.peterCreate,class:"is-peter",eventListeners:[["click",t.onPeterClick]],enterAnimation:t.enterAnimation,exitAnimation:t.exitAnimation},h("p",null,"Hello Peter"),h("img",{class:"is-peter--image",src:"https://s-media-cache-ak0.pinimg.com/474x/ce/1d/07/ce1d07011c0afb8e0614a0ae42a8c861.jpg",height:"140"})):"")},t.onFooEvent=function(e){t.foo=e.detail.foo},t}return Tt(e,t),xt(e,[{key:"enterAnimation",value:function(t,e){d()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],rotate:"2turn",duration:3e3,loop:!1})}},{key:"exitAnimation",value:function(t,e,n){d()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],duration:3e3,opacity:0,loop:!1,complete:function(){e(t)}})}},{key:"countUpdateAnimation",value:function(t,e,n){d().timeline().add([{duration:300,targets:t,translateX:200,scale:1.9,easing:"easeOutExpo"},{duration:300,targets:t,translateX:0,scale:1,easing:"easeInExpo"}])}},{key:"peterRemoved",value:function(){console.log("removed")}},{key:"peterCreate",value:function(){console.log("create")}},{key:"connectedCallback",value:function(){var t=this,e=this.templateFromString('\n <style>\n\n :host{\n /* display: none; */\n }\n\n .root {\n display: flex;\n padding: 10px;\n flex-direction: row;\n }\n\n #Foo {\n @apply --mixin-sample;\n text-decoration: underline;\n }\n\n #SlotContainer ::slotted(*) {\n font-weight: bold;\n color: green;\n font-size: 1.5em;\n }\n\n </style>\n <div class="root"></div>\n ');this.shadowRoot.appendChild(e),this.createProjector(this.shadowRoot.querySelector(".root"),this.render),setInterval((function(){t.count++,t.renderNow()}),5e3),window.addEventListener("foo",this.onFooEvent)}},{key:"attributeChangedCallback",value:function(t,e,n){"name"===t&&(this.name=n)}}],[{key:"observedAttributes",get:function(){return["name"]}}])}((Wt=function(){function t(){return Ct(this,t),_t(this,t,arguments)}return Tt(t,et),xt(t)}(),Dt=new WeakMap,function(t){function e(){var t;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return s(t=a(this,e,[].concat(r)),Dt,!1),t}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}(e,t),n=e,(r=[{key:"highlight",get:function(){return e=this,(t=Dt).get(f(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=Dt).set(f(e,n),r);var o="unset";t&&(o="yellow");var i=null==this?void 0:this.shadowRoot.querySelector("div");i&&(i.style.backgroundColor=o)}}])&&o(n.prototype,r),i&&o(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}(Wt))),vt.isFormAssociated=!0,vt);It([v],Ut.prototype,"name",void 0),It([v],Ut.prototype,"foo",void 0),It([function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(n,r){Object.defineProperty(n,r,{get:function(){return e?this.shadowRoot.querySelector(t):this.querySelector(t)}})}}("#SlotContainer")],Ut.prototype,"slotContainer",void 0),Ut=It([y({tagName:"my-greetings"})],Ut);var qt=new WeakMap,Bt=new WeakSet,Vt=function(){function t(){var e,n,r;return Ct(this,t),e=_t(this,t,arguments),jt(n=e,r=Bt),r.add(n),function(t,e,n){jt(t,e),e.set(t,n)}(e,qt,void 0),kt(qt,e,!1),e.disabled=!1,e}return Tt(t,wt),xt(t,[{key:"connected",value:function(){console.log("connected"),kt(qt,this,!0),Pt(Bt,this,Xt).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),kt(qt,this,!1)}},{key:"shouldUpdate",value:function(t,e,n){return console.info("shouldUpdate",{property:t,oldValue:e,newValue:n}),!0}},{key:"updated",value:function(t,e,n){console.info("updated",{property:t,oldValue:e,newValue:n}),Pt(Bt,this,Xt).call(this)}},{key:"hostRenderStart",value:function(t){console.info("hostRenderStart",{isFirstRender:t,controller:this})}},{key:"hostRenderDone",value:function(t){console.info("hostRenderDone",{isFirstRender:t,controller:this})}}])}();function Xt(){var t,e;(e=this,(t=qt).get(Pt(t,e)))&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}It([b({type:"boolean"})],Vt.prototype,"disabled",void 0);var $t=(mt=function(){function t(){var e;return Ct(this,t),(e=_t(this,t,arguments)).disabledController=new Vt(e),e.items=["foo","bar"],e.nickName="de prutser",e.render=function(){var t;return h("div",{classes:{foo:!0,foo__disabled:e.disabledController.disabled}},h("div",null,"Hello ",e.name," ",e.nickName?h("span",null," (",e.nickName,")"):null),h("div",null,"age ",e.age),e.data?h("pre",null,JSON.stringify(e.data,null,2)):null,null===(t=e.items)||void 0===t?void 0:t.map((function(t,e){return h("div",{key:"item".concat(e)},t)})))},e}return Tt(t,et),xt(t,[{key:"init",value:function(){console.info("init")}},{key:"shouldUpdate",value:function(t,e,n){return"name"!==t||"string"!=typeof n||"adolf"!==n.toLocaleLowerCase()}},{key:"updated",value:function(t,e,n){console.info("PFoo",{name:t,old:e,newValue:n})}},{key:"attributeChangedCallback",value:function(e,n,r){var o,i,a,u,c;(o=t,i="attributeChangedCallback",a=this,c=St(Mt(1&(u=3)?o.prototype:o),i,a),2&u&&"function"==typeof c?function(t){return c.apply(a,t)}:c)([e,n,r]),"disabled"===e&&(this.disabledController.disabled=null!==r)}},{key:"renderStart",value:function(t){console.info("renderStart",{isFirstRender:t,tag:this.tagName})}},{key:"renderDone",value:function(t){console.info("renderDone",{isFirstRender:t,tag:this.tagName})}}])}(),mt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",mt.observedAttributes=["disabled"],mt);It([b({type:"string",attribute:"name",reflect:!0})],$t.prototype,"name",void 0),It([b({type:"number",attribute:"age",reflect:!0})],$t.prototype,"age",void 0),It([b({type:"object",attribute:"data",reflect:!0})],$t.prototype,"data",void 0),It([b({attribute:"items",type:"object",reflect:!0,converter:{fromAttribute:function(t){return t?t.split(",").map((function(t){return t.trim()})):null},toAttribute:function(t){return t.join?t.join(","):null}}})],$t.prototype,"items",void 0),It([b({type:"string",attribute:"nick-name",readonly:!0})],$t.prototype,"nickName",void 0),$t=It([y({tagName:"p-foo"})],$t);var zt=function(){function t(){var e;return Ct(this,t),(e=_t(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Tt(t,Ot(HTMLAnchorElement)),xt(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}();window.customElements.define("super-a",zt,{extends:"a"});export{Lt as MyButton,Ut as MyGreetings};
|
|
1
|
+
/*! P-ELEMENTS 1.2.27 - Thu May 01 2025 09:44:11 GMT+0200 (Central European Summer Time) */var t={277:function(t,e,n){var r,o,i,a={scope:{}};a.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(t,e,n){if(n.get||n.set)throw new TypeError("ES3 does not support getters and setters.");t!=Array.prototype&&t!=Object.prototype&&(t[e]=n.value)},a.getGlobal=function(t){return"undefined"!=typeof window&&window===t?t:void 0!==n.g&&null!=n.g?n.g:t},a.global=a.getGlobal(this),a.SYMBOL_PREFIX="jscomp_symbol_",a.initSymbol=function(){a.initSymbol=function(){},a.global.Symbol||(a.global.Symbol=a.Symbol)},a.symbolCounter_=0,a.Symbol=function(t){return a.SYMBOL_PREFIX+(t||"")+a.symbolCounter_++},a.initSymbolIterator=function(){a.initSymbol();var t=a.global.Symbol.iterator;t||(t=a.global.Symbol.iterator=a.global.Symbol("iterator")),"function"!=typeof Array.prototype[t]&&a.defineProperty(Array.prototype,t,{configurable:!0,writable:!0,value:function(){return a.arrayIterator(this)}}),a.initSymbolIterator=function(){}},a.arrayIterator=function(t){var e=0;return a.iteratorPrototype((function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}))},a.iteratorPrototype=function(t){return a.initSymbolIterator(),(t={next:t})[a.global.Symbol.iterator]=function(){return this},t},a.array=a.array||{},a.iteratorFromArray=function(t,e){a.initSymbolIterator(),t instanceof String&&(t+="");var n=0,r={next:function(){if(n<t.length){var o=n++;return{value:e(o,t[o]),done:!1}}return r.next=function(){return{done:!0,value:void 0}},r.next()}};return r[Symbol.iterator]=function(){return r},r},a.polyfill=function(t,e,n,r){if(e){for(n=a.global,t=t.split("."),r=0;r<t.length-1;r++){var o=t[r];o in n||(n[o]={}),n=n[o]}(e=e(r=n[t=t[t.length-1]]))!=r&&null!=e&&a.defineProperty(n,t,{configurable:!0,writable:!0,value:e})}},a.polyfill("Array.prototype.keys",(function(t){return t||function(){return a.iteratorFromArray(this,(function(t){return t}))}}),"es6-impl","es3");var u=this;o=[],r=function(){function t(t){if(!W.col(t))try{return document.querySelectorAll(t)}catch(t){}}function e(t,e){for(var n=t.length,r=2<=arguments.length?arguments[1]:void 0,o=[],i=0;i<n;i++)if(i in t){var a=t[i];e.call(r,a,i,t)&&o.push(a)}return o}function n(t){return t.reduce((function(t,e){return t.concat(W.arr(e)?n(e):e)}),[])}function r(e){return W.arr(e)?e:(W.str(e)&&(e=t(e)||e),e instanceof NodeList||e instanceof HTMLCollection?[].slice.call(e):[e])}function o(t,e){return t.some((function(t){return t===e}))}function i(t){var e,n={};for(e in t)n[e]=t[e];return n}function a(t,e){var n,r=i(t);for(n in t)r[n]=e.hasOwnProperty(n)?e[n]:t[n];return r}function c(t,e){var n,r=i(t);for(n in e)r[n]=W.und(t[n])?e[n]:t[n];return r}function l(t){t=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(t,e,n,r){return e+e+n+n+r+r}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return"rgba("+(t=parseInt(e[1],16))+","+parseInt(e[2],16)+","+(e=parseInt(e[3],16))+",1)"}function s(t){function e(t,e,n){return 0>n&&(n+=1),1<n&&--n,n<1/6?t+6*(e-t)*n:.5>n?e:n<2/3?t+(e-t)*(2/3-n)*6:t}var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(t)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(t);t=parseInt(n[1])/360;var r=parseInt(n[2])/100,o=parseInt(n[3])/100;if(n=n[4]||1,0==r)o=r=t=o;else{var i=.5>o?o*(1+r):o+r-o*r,a=2*o-i;o=e(a,i,t+1/3),r=e(a,i,t),t=e(a,i,t-1/3)}return"rgba("+255*o+","+255*r+","+255*t+","+n+")"}function f(t){if(t=/([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(t))return t[2]}function p(t){return-1<t.indexOf("translate")||"perspective"===t?"px":-1<t.indexOf("rotate")||-1<t.indexOf("skew")?"deg":void 0}function d(t,e){return W.fnc(t)?t(e.target,e.id,e.total):t}function h(t,e){if(e in t.style)return getComputedStyle(t).getPropertyValue(e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())||"0"}function y(t,e){return W.dom(t)&&o(L,e)?"transform":W.dom(t)&&(t.getAttribute(e)||W.svg(t)&&t[e])?"attribute":W.dom(t)&&"transform"!==e&&h(t,e)?"css":null!=t[e]?"object":void 0}function b(t,n){var r=p(n);if(r=-1<n.indexOf("scale")?1:0+r,!(t=t.style.transform))return r;for(var o=[],i=[],a=[],u=/(\w+)\((.+?)\)/g;o=u.exec(t);)i.push(o[1]),a.push(o[2]);return t=e(a,(function(t,e){return i[e]===n})),t.length?t[0]:r}function v(t,e){switch(y(t,e)){case"transform":return b(t,e);case"css":return h(t,e);case"attribute":return t.getAttribute(e)}return t[e]||0}function m(t,e){var n=/^(\*=|\+=|-=)/.exec(t);if(!n)return t;var r=f(t)||0;switch(e=parseFloat(e),t=parseFloat(t.replace(n[0],"")),n[0][0]){case"+":return e+t+r;case"-":return e-t+r;case"*":return e*t+r}}function g(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function w(t){t=t.points;for(var e,n=0,r=0;r<t.numberOfItems;r++){var o=t.getItem(r);0<r&&(n+=g(e,o)),e=o}return n}function O(t){if(t.getTotalLength)return t.getTotalLength();switch(t.tagName.toLowerCase()){case"circle":return 2*Math.PI*t.getAttribute("r");case"rect":return 2*t.getAttribute("width")+2*t.getAttribute("height");case"line":return g({x:t.getAttribute("x1"),y:t.getAttribute("y1")},{x:t.getAttribute("x2"),y:t.getAttribute("y2")});case"polyline":return w(t);case"polygon":var e=t.points;return w(t)+g(e.getItem(e.numberOfItems-1),e.getItem(0))}}function S(t,e){function n(n){return n=void 0===n?0:n,t.el.getPointAtLength(1<=e+n?e+n:0)}var r=n(),o=n(-1),i=n(1);switch(t.property){case"x":return r.x;case"y":return r.y;case"angle":return 180*Math.atan2(i.y-o.y,i.x-o.x)/Math.PI}}function j(t,e){var n,r=/-?\d*\.?\d+/g;if(n=W.pth(t)?t.totalLength:t,W.col(n))if(W.rgb(n)){var o=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n);n=o?"rgba("+o[1]+",1)":n}else n=W.hex(n)?l(n):W.hsl(n)?s(n):void 0;else o=(o=f(n))?n.substr(0,n.length-o.length):n,n=e&&!/\s/g.test(n)?o+e:o;return{original:n+="",numbers:n.match(r)?n.match(r).map(Number):[0],strings:W.str(t)||e?n.split(r):[]}}function k(t){return e(t=t?n(W.arr(t)?t.map(r):r(t)):[],(function(t,e,n){return n.indexOf(t)===e}))}function P(t){var e=k(t);return e.map((function(t,n){return{target:t,id:n,total:e.length}}))}function A(t,e){var n=i(e);if(W.arr(t)){var o=t.length;2!==o||W.obj(t[0])?W.fnc(e.duration)||(n.duration=e.duration/o):t={value:t}}return r(t).map((function(t,n){return n=n?0:e.delay,t=W.obj(t)&&!W.pth(t)?t:{value:t},W.und(t.delay)&&(t.delay=n),t})).map((function(t){return c(t,n)}))}function x(t,e){var n,r={};for(n in t){var o=d(t[n],e);W.arr(o)&&(o=o.map((function(t){return d(t,e)})),1===o.length&&(o=o[0])),r[n]=o}return r.duration=parseFloat(r.duration),r.delay=parseFloat(r.delay),r}function E(t){return W.arr(t)?D.apply(this,t):U[t]}function C(t,e){var n;return t.tweens.map((function(r){var o=(r=x(r,e)).value,i=v(e.target,t.name),a=n?n.to.original:i,u=(a=W.arr(o)?o[0]:a,m(W.arr(o)?o[1]:o,a));return i=f(u)||f(a)||f(i),r.from=j(a,i),r.to=j(u,i),r.start=n?n.end:t.offset,r.end=r.start+r.delay+r.duration,r.easing=E(r.easing),r.elasticity=(1e3-Math.min(Math.max(r.elasticity,1),999))/1e3,r.isPath=W.pth(o),r.isColor=W.col(r.from.original),r.isColor&&(r.round=1),n=r}))}function _(t,r){return e(n(t.map((function(t){return r.map((function(e){var n=y(t.target,e.name);if(n){var r=C(e,t);e={type:n,property:e.name,animatable:t,tweens:r,duration:r[r.length-1].end,delay:r[0].delay}}else e=void 0;return e}))}))),(function(t){return!W.und(t)}))}function R(t,e,n,r){var o="delay"===t;return e.length?(o?Math.min:Math.max).apply(Math,e.map((function(e){return e[t]}))):o?r.delay:n.offset+r.delay+r.duration}function M(t){var e,n=a(N,t),r=a(I,t),o=P(t.targets),i=[],u=c(n,r);for(e in t)u.hasOwnProperty(e)||"targets"===e||i.push({name:e,offset:u.offset,tweens:A(t[e],r)});return c(n,{children:[],animatables:o,animations:t=_(o,i),duration:R("duration",t,n,r),delay:R("delay",t,n,r)})}function T(t){function n(){return window.Promise&&new Promise((function(t){return f=t}))}function r(t){return d.reversed?d.duration-t:t}function o(t){for(var n=0,r={},o=d.animations,i=o.length;n<i;){var a=o[n],u=a.animatable,c=(l=a.tweens)[p=l.length-1];p&&(c=e(l,(function(e){return t<e.end}))[0]||c);for(var l=Math.min(Math.max(t-c.start-c.delay,0),c.duration)/c.duration,s=isNaN(l)?1:c.easing(l,c.elasticity),f=(l=c.to.strings,c.round),p=[],y=void 0,b=(y=c.to.numbers.length,0);b<y;b++){var v=void 0,m=(v=c.to.numbers[b],c.from.numbers[b]);v=c.isPath?S(c.value,s*v):m+s*(v-m),f&&(c.isColor&&2<b||(v=Math.round(v*f)/f)),p.push(v)}if(c=l.length)for(y=l[0],s=0;s<c;s++)f=l[s+1],b=p[s],isNaN(b)||(y=f?y+(b+f):y+(b+" "));else y=p[0];q[a.type](u.target,a.property,y,r,u.id),a.currentValue=y,n++}if(n=Object.keys(r).length)for(o=0;o<n;o++)F||(F=h(document.body,"transform")?"transform":"-webkit-transform"),d.animatables[o].target.style[F]=r[o].join(" ");d.currentTime=t,d.progress=t/d.duration*100}function i(t){d[t]&&d[t](d)}function a(){d.remaining&&!0!==d.remaining&&d.remaining--}function u(t){var e=d.duration,u=d.offset,h=u+d.delay,y=d.currentTime,b=d.reversed,v=r(t);if(d.children.length){var m=d.children,g=m.length;if(v>=d.currentTime)for(var w=0;w<g;w++)m[w].seek(v);else for(;g--;)m[g].seek(v)}(v>=h||!e)&&(d.began||(d.began=!0,i("begin")),i("run")),v>u&&v<e?o(v):(v<=u&&0!==y&&(o(0),b&&a()),(v>=e&&y!==e||!e)&&(o(e),b||a())),i("update"),t>=e&&(d.remaining?(l=c,"alternate"===d.direction&&(d.reversed=!d.reversed)):(d.pause(),d.completed||(d.completed=!0,i("complete"),"Promise"in window&&(f(),p=n()))),s=0)}t=void 0===t?{}:t;var c,l,s=0,f=null,p=n(),d=M(t);return d.reset=function(){var t=d.direction,e=d.loop;for(d.currentTime=0,d.progress=0,d.paused=!0,d.began=!1,d.completed=!1,d.reversed="reverse"===t,d.remaining="alternate"===t&&1===e?2:e,o(0),t=d.children.length;t--;)d.children[t].reset()},d.tick=function(t){c=t,l||(l=c),u((s+c-l)*T.speed)},d.seek=function(t){u(r(t))},d.pause=function(){var t=B.indexOf(d);-1<t&&B.splice(t,1),d.paused=!0},d.play=function(){d.paused&&(d.paused=!1,l=0,s=r(d.currentTime),B.push(d),V||X())},d.reverse=function(){d.reversed=!d.reversed,l=0,s=r(d.currentTime)},d.restart=function(){d.pause(),d.reset(),d.play()},d.finished=p,d.reset(),d.autoplay&&d.play(),d}var F,N={update:void 0,begin:void 0,run:void 0,complete:void 0,loop:1,direction:"normal",autoplay:!0,offset:0},I={duration:1e3,delay:0,easing:"easeOutElastic",elasticity:500,round:0},L="translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),W={arr:function(t){return Array.isArray(t)},obj:function(t){return-1<Object.prototype.toString.call(t).indexOf("Object")},pth:function(t){return W.obj(t)&&t.hasOwnProperty("totalLength")},svg:function(t){return t instanceof SVGElement},dom:function(t){return t.nodeType||W.svg(t)},str:function(t){return"string"==typeof t},fnc:function(t){return"function"==typeof t},und:function(t){return void 0===t},hex:function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)},rgb:function(t){return/^rgb/.test(t)},hsl:function(t){return/^hsl/.test(t)},col:function(t){return W.hex(t)||W.rgb(t)||W.hsl(t)}},D=function(){function t(t,e,n){return(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t}return function(e,n,r,o){if(0<=e&&1>=e&&0<=r&&1>=r){var i=new Float32Array(11);if(e!==n||r!==o)for(var a=0;11>a;++a)i[a]=t(.1*a,e,r);return function(a){if(e===n&&r===o)return a;if(0===a)return 0;if(1===a)return 1;for(var u=0,c=1;10!==c&&i[c]<=a;++c)u+=.1;--c,c=u+(a-i[c])/(i[c+1]-i[c])*.1;var l=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e;if(.001<=l){for(u=0;4>u&&0!=(l=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e);++u){var s=t(c,e,r)-a;c-=s/l}a=c}else if(0===l)a=c;else{c=u,u+=.1;var f=0;do{0<(l=t(s=c+(u-c)/2,e,r)-a)?u=s:c=s}while(1e-7<Math.abs(l)&&10>++f);a=s}return t(a,n,o)}}}}(),U=function(){function t(t,e){return 0===t||1===t?t:-Math.pow(2,10*(t-1))*Math.sin(2*(t-1-e/(2*Math.PI)*Math.asin(1))*Math.PI/e)}var e,n="Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),r={In:[[.55,.085,.68,.53],[.55,.055,.675,.19],[.895,.03,.685,.22],[.755,.05,.855,.06],[.47,0,.745,.715],[.95,.05,.795,.035],[.6,.04,.98,.335],[.6,-.28,.735,.045],t],Out:[[.25,.46,.45,.94],[.215,.61,.355,1],[.165,.84,.44,1],[.23,1,.32,1],[.39,.575,.565,1],[.19,1,.22,1],[.075,.82,.165,1],[.175,.885,.32,1.275],function(e,n){return 1-t(1-e,n)}],InOut:[[.455,.03,.515,.955],[.645,.045,.355,1],[.77,0,.175,1],[.86,0,.07,1],[.445,.05,.55,.95],[1,0,0,1],[.785,.135,.15,.86],[.68,-.55,.265,1.55],function(e,n){return.5>e?t(2*e,n)/2:1-t(-2*e+2,n)/2}]},o={linear:D(.25,.25,.75,.75)},i={};for(e in r)i.type=e,r[i.type].forEach(function(t){return function(e,r){o["ease"+t.type+n[r]]=W.fnc(e)?e:D.apply(u,e)}}(i)),i={type:i.type};return o}(),q={css:function(t,e,n){return t.style[e]=n},attribute:function(t,e,n){return t.setAttribute(e,n)},object:function(t,e,n){return t[e]=n},transform:function(t,e,n,r,o){r[o]||(r[o]=[]),r[o].push(e+"("+n+")")}},B=[],V=0,X=function(){function t(){V=requestAnimationFrame(e)}function e(e){var n=B.length;if(n){for(var r=0;r<n;)B[r]&&B[r].tick(e),r++;t()}else cancelAnimationFrame(V),V=0}return t}();return T.version="2.2.0",T.speed=1,T.running=B,T.remove=function(t){t=k(t);for(var e=B.length;e--;)for(var n=B[e],r=n.animations,i=r.length;i--;)o(t,r[i].animatable.target)&&(r.splice(i,1),r.length||n.pause())},T.getValue=v,T.path=function(e,n){var r=W.str(e)?t(e)[0]:e,o=n||100;return function(t){return{el:r,property:t,totalLength:O(r)*(o/100)}}},T.setDashoffset=function(t){var e=O(t);return t.setAttribute("stroke-dasharray",e),e},T.bezier=D,T.easings=U,T.timeline=function(t){var e=T(t);return e.pause(),e.duration=0,e.add=function(n){return e.children.forEach((function(t){t.began=!0,t.completed=!0})),r(n).forEach((function(n){var r=c(n,a(I,t||{}));r.targets=r.targets||t.targets,n=e.duration;var o=r.offset;r.autoplay=!1,r.direction=e.direction,r.offset=W.und(o)?n:m(o,n),e.began=!0,e.completed=!0,e.seek(r.offset),(r=T(r)).began=!0,r.completed=!0,r.duration>n&&(e.duration=r.duration),e.children.push(r)})),e.seek(0),e.reset(),e.autoplay&&e.restart(),e},e},T.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+t},T},void 0===(i="function"==typeof r?r.apply(e,o):r)||(t.exports=i)}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};(()=>{function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,o(r.key),r)}}function o(e){var n=function(e,n){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,n||"default");if("object"!=t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==t(n)?n:n+""}function i(e,n,r){return n=u(n),function(e,n){if(n&&("object"==t(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(e)}(e,a()?Reflect.construct(n,r||[],u(e).constructor):n.apply(e,r))}function a(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(a=function(){return!!t})()}function u(t){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},u(t)}function c(t,e){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},c(t,e)}function l(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function s(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}n.d(r,{O:()=>It,l:()=>Dt});var f=n(277),p=n.n(f),d=function(t){return function(e){customElements.get(t.tagName)?console.warn("Custom element with tag name ".concat(t.tagName," already exists.")):customElements.define(t.tagName,e,t.options)}},y=function(t){return function(e,n){var r=e.constructor,o=Symbol(n+"_PropertyDecorator");r&&!r.observedAttributes&&(r.observedAttributes=[]),r&&!r.__properties__&&(r.__properties__=[]),r.__properties__.push(n),t.attribute&&!t.readonly&&-1===r.observedAttributes.indexOf(t.attribute)&&r.observedAttributes.push(t.attribute),Object.defineProperty(e,"__property_".concat(n,"__"),{configurable:!0,enumerable:!0,get:function(){return t}}),!0!==t.readonly?Object.defineProperty(e,n,{configurable:!0,enumerable:!0,get:function(){return this[o]},set:function(e){var r=this,i=this[o],a=(null==this?void 0:this.shouldUpdate)&&!this.shouldUpdate(n,i,e),u=this.isCustomElementController?this.hostElement:this,c=t.converter?t.converter.toAttribute(e):function(t,e){if(void 0!==e){if(null===e)return null;switch(t){case"string":case"number":return e.toString();case"object":return JSON.stringify(e)}}}(t.type,e);a?(this[o]=i,requestAnimationFrame((function(){u.setAttribute(t.attribute,i)}))):this[o]=e;var l=function(){r[o]!==i&&((null==r?void 0:r.scheduleRender)&&r.scheduleRender(),(null==r?void 0:r.updated)&&r.updated(n,i,r[o]))};if(t.reflect&&t.attribute&&u._canReflect){if("boolean"===t.type)return e&&!u.hasAttribute(t.attribute)?u.setAttribute(t.attribute,""):!e&&u.hasAttribute(t.attribute)&&u.removeAttribute(t.attribute),void l();if(null==e)return u.removeAttribute(t.attribute),void l();if(u.getAttribute(t.attribute)===c+"")return void l();null!==c?u.setAttribute(t.attribute,c+""):u.removeAttribute(t.attribute)}l(),(null==this?void 0:this.scheduleRender)&&this.scheduleRender()}}):Object.defineProperty(e,n,{get:function(){return this[o]},set:function(t){this[o]=t,null==this||this.scheduleRender(),delete this[n],Object.defineProperty(this,n,{configurable:!0,enumerable:!0,get:function(){return this[o]},set:function(){throw new Error("Cannot set read-only property")}}),Object.seal(this[o])}})}},b=y({});new Map;function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function m(t){return function(t){if(Array.isArray(t))return g(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return g(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function w(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?w(Object(n),!0).forEach((function(e){S(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function S(t,e,n){return(e=k(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function j(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,k(r.key),r)}}function k(t){var e=function(t,e){if("object"!=v(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==v(e)?e:e+""}function P(t,e){if(e&&("object"==v(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function A(t){var e="function"==typeof Map?new Map:void 0;return A=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(x())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&E(o,n.prototype),o}(t,arguments,C(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),E(n,t)},A(t)}function x(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(x=function(){return!!t})()}function E(t,e){return E=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},E(t,e)}function C(t){return C=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},C(t)}function _(t,e,n){R(t,e),e.set(t,n)}function R(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function M(t,e,n){return n(N(t,e))}function T(t,e,n){return t.set(N(t,e),n),n}function F(t,e){return t.get(N(t,e))}function N(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}var I=[],L=new WeakMap,W=new WeakMap,D=new WeakMap,U=new WeakMap,q=new WeakMap,B=new WeakMap,V=new WeakMap,X=new WeakMap,$=new WeakMap,z=new WeakMap,H=new WeakMap,Y=new WeakMap,G=new WeakMap,J=new WeakSet,Z=new WeakMap,Q=new WeakMap,K=new WeakMap,tt=function(t){function e(t){var n,r,o,i;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),r=this,o=C(o=e),function(t,e){R(t,e),e.add(t)}(n=P(r,x()?Reflect.construct(o,i||[],C(r).constructor):o.apply(r,i)),J),_(n,L,void 0),_(n,W,void 0),_(n,D,void 0),_(n,U,void 0),_(n,q,void 0),_(n,B,void 0),_(n,V,!1),_(n,X,void 0),_(n,$,void 0),_(n,z,void 0),_(n,H,[]),_(n,Y,!1),_(n,G,!1),_(n,Z,(function(){var t=n.constructor.__properties__;T(L,n,[]),t&&T(L,n,t.map((function(t){return O(O({},n["__property_".concat(t,"__")]),{},{name:t})})))})),_(n,Q,!0),_(n,K,!0),N(J,n,nt).call(n),N(J,n,et).call(n),P(n,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&E(t,e)}(e,t),n=e,r=[{key:"_canReflect",get:function(){return F(G,this)}},{key:"properties",get:function(){return F(L,this)}},{key:"addController",value:function(t){F(H,this).push(t),F(Y,this)&&t.connected&&t.connected()}},{key:"internals",get:function(){return F(z,this)},set:function(t){T(z,this,t)}},{key:"addStylesheetToRootNode",value:function(t,e){if(M(J,this,ot)){if(F(q,this)||T(q,this,new CSSStyleSheet),t=N(J,this,it).call(this),F(q,this).replaceSync(t),F(V,this))return;if(e instanceof Document){var n=N(J,this,ut).call(this,t);-1===I.indexOf(n)&&(document.adoptedStyleSheets=[].concat(m(document.adoptedStyleSheets),[F(q,this)]),T(V,this,!0),I.push(n))}else this.shadowRoot.adoptedStyleSheets=[F(q,this)],T(V,this,!0)}else if(T(B,this,document.createElement("link")),F(B,this).rel="stylesheet",t=N(J,this,it).call(this),F(B,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=N(J,this,ut).call(this,t);-1===I.indexOf(r)&&(document.head.appendChild(F(B,this)),I.push(r))}else this.shadowRoot.appendChild(F(B,this))}},{key:"templateFromString",value:function(t){var e=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=document.createElement("template");r.innerHTML=t;var o=document.createDocumentFragment();o.appendChild(r.content);var i=o.querySelector("style");return n&&(T(X,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:F($,this)})),N(J,this,at).call(this,i.textContent),i.remove(),window.addEventListener("updatecssapply",(function(){N(J,e,it).call(e)})),o}},{key:"adoptStyle",value:function(t,e){this.addStylesheetToRootNode(e,t)}},{key:"createProjector",value:function(t,e){var n=this;return new Promise((function(r,o){var i,a=F(D,n)?F(D,n):"append";requestAnimationFrame((function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||N(J,n,ct).call(n,t)}}))[a](t,e.bind(n)),T(W,n,i),T(G,n,!0),N(J,n,rt).call(n),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"scheduleRender",value:function(){var t;null===(t=F(W,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t;null===(t=F(W,this))||void 0===t||t.renderNow()}},{key:"connectedCallback",value:function(){T(Y,this,!0),F(H,this).forEach((function(t){null==t||t.connected()}))}},{key:"disconnectedCallback",value:function(){T(Y,this,!1),F(H,this).forEach((function(t){null==t||t.disconnected()}))}},{key:"attributeChangedCallback",value:function(t,e,n){var r=F(L,this).find((function(e){return e.attribute===t}));if(r)if(r.converter)this[r.name]=r.converter.fromAttribute(n);else{var o=r.type;"string"===o?this[r.name]=n:"number"===o?this[r.name]=parseFloat(n):"boolean"===o?this[r.name]=null!==n:"object"===o&&(this[r.name]=JSON.parse(n))}}}],r&&j(n.prototype,r),o&&j(n,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,o}(A(HTMLElement));function et(){"function"==typeof this.init&&(this.init(),F(H,this).forEach((function(t){null==t||t.init()})))}function nt(){var t=this;F(Z,this).call(this);var e=this.constructor.projectorMode;T(D,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;T($,this,r),n&&T(z,this,this.attachInternals());var o=this.constructor.style;if(o){T(X,this,!0),T(D,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:F($,this)}),N(J,this,at).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render)})),window.addEventListener("updatecssapply",(function(){N(J,t,it).call(t)}))}}function rt(){var t=this;F(L,this).filter((function(t){return t.reflect})).forEach((function(e){"string"===e.type&&void 0!==t[e.name]&&null!==t[e.name]?t.setAttribute(e.attribute,t[e.name]):"number"===e.type&&void 0!==t[e.name]&&null!==t[e.name]?t.setAttribute(e.attribute,t[e.name].toString()):"boolean"===e.type&&!0===t[e.name]?!0!==t[e.name]||t.hasAttribute(e.attribute)||t.setAttribute(e.attribute,""):"boolean"===e.type&&!1===t[e.name]?t.hasAttribute(e.attribute)&&t.removeAttribute(e.attribute):"object"===e.type&&void 0!==t[e.name]&&null!==t[e.name]&&(e.converter?t.setAttribute(e.attribute,e.converter.toAttribute(t[e.name])):t.setAttribute(e.attribute,JSON.stringify(t[e.name])))}))}function ot(t){return Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype}function it(){var t=function(t){for(var e,n=customElements.get("custom-style").cssApplyVars,r=t,o=/(?:^|\W+)@apply\s*\(?([^);\n]*)\)?/gi,i=function(){var t=e[0],o=e[1];if(n.has(o)){var i="@apply"+t.split("@apply",2)[1],a=n.get(o).map((function(t){return";".concat(t,": var(").concat(o,"_-_").concat(t,");")})).join("");r=r.replace(i,a)}};e=o.exec(r);)i();return r}(F(U,this));return F(U,this)!==t&&(T(U,this,t),M(J,this,ot)&&F(q,this)?F(q,this).replaceSync(t):M(J,this,ot)||(F(B,this)&&URL.revokeObjectURL(F(B,this).href),F(B,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})))),t}function at(t){T(U,this,t),F(X,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):F(X,this)||this.addStylesheetToRootNode(t,document)}function ut(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function ct(t){var e=this;this[t]&&this[t](F("renderStart"===t?Q:K,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));F(H,this).forEach((function(r){r[n]&&r[n](F("renderStart"===t?Q:K,e))})),T("renderStart"===t?Q:K,this,!1)}function lt(t){return lt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},lt(t)}function st(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,ft(r.key),r)}}function ft(t){var e=function(t,e){if("object"!=lt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=lt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==lt(e)?e:e+""}function pt(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function dt(t,e){return t.get(ht(t,e))}function ht(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}var yt,bt,vt,mt=new WeakMap,gt=function(){return t=function t(e){var n,r,o;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),pt(this,mt,void 0),r=this,o=e,(n=mt).set(ht(n,r),o),dt(mt,this).addController(this)},(e=[{key:"hostElement",get:function(){return dt(mt,this)}},{key:"renderNow",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.renderNow()}},{key:"scheduleRender",value:function(){var t;null===(t=this.hostElement)||void 0===t||t.scheduleRender()}}])&&st(t.prototype,e),n&&st(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function wt(t){var e="function"==typeof Map?new Map:void 0;return wt=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return function(t,e,n){if(_t())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Tt(o,n.prototype),o}(t,arguments,Rt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Tt(n,t)},wt(t)}function Ot(){return Ot="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Rt(t)););return t}(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(arguments.length<3?t:n):o.value}},Ot.apply(null,arguments)}function St(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function jt(t,e,n){return t.set(kt(t,e),n),n}function kt(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}function Pt(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,xt(r.key),r)}}function At(t,e,n){return e&&Pt(t.prototype,e),n&&Pt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function xt(t){var e=function(t,e){if("object"!=Ft(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=Ft(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==Ft(e)?e:e+""}function Et(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ct(t,e,n){return e=Rt(e),function(t,e){if(e&&("object"==Ft(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,_t()?Reflect.construct(e,n||[],Rt(t).constructor):e.apply(t,n))}function _t(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_t=function(){return!!t})()}function Rt(t){return Rt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Rt(t)}function Mt(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Tt(t,e)}function Tt(t,e){return Tt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Tt(t,e)}function Ft(t){return Ft="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ft(t)}var Nt=function(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"===("undefined"==typeof Reflect?"undefined":Ft(Reflect))&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a},It=(yt=function(t){function e(){var t;return Et(this,e),(t=Ct(this,e,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},t}return Mt(e,t),At(e)}(tt),yt.style=".foo{background-color: red; color: white; border: 0px;}",yt.delegatesFocus=!0,yt);It=Nt([d({tagName:"my-button"})],It);var Lt,Wt,Dt=(bt=function(t){function e(){var t;return Et(this,e),(t=Ct(this,e,arguments)).count=1,t.name="",t.foo="foo",t.onInput=function(e){t.name=e.target.value},t.onPeterClick=function(e){console.log({e,p:t})},t.render=function(){return h("div",null,h("input",{type:"checkbox",checked:"Peter"===t.name}),h("h1",{on:{click:function(e){return console.log(e,t.slotContainer)}},id:"Foo"},"Hallo:"),h("h1",{"data-force-event-handler":"true",onclick:function(){return console.log("click "+t.name)},"data-title":t.name&&t.name.toLocaleUpperCase(),class:"title"},t.foo," ",t.name),h("p",{"data-count":t.count,updateAnimation:t.countUpdateAnimation},t.count),h("div",{id:"SlotContainer"},h("slot",null)),h("p",{eventListeners:[["mouseenter",function(){return console.log("enter")},{once:!0}],["mouseleave",function(){return console.log("leave")},{once:!0}]]},"Please enter your name (hint type"," ",h("em",null,h("strong",null,"Peter")),")",h("br",null),h("input",{type:"text",value:t.name,oninput:t.onInput})),h("p",null,h("a",{is:"super-a"},"Super a")),t.name&&t.name.toLowerCase&&t.name.toLowerCase().indexOf("peter")>-1?h("div",{key:"peter",afterRemoved:t.peterRemoved,afterCreate:t.peterCreate,class:"is-peter",eventListeners:[["click",t.onPeterClick]],enterAnimation:t.enterAnimation,exitAnimation:t.exitAnimation},h("p",null,"Hello Peter"),h("img",{class:"is-peter--image",src:"https://s-media-cache-ak0.pinimg.com/474x/ce/1d/07/ce1d07011c0afb8e0614a0ae42a8c861.jpg",height:"140"})):"")},t.onFooEvent=function(e){t.foo=e.detail.foo},t}return Mt(e,t),At(e,[{key:"enterAnimation",value:function(t,e){p()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],rotate:"2turn",duration:3e3,loop:!1})}},{key:"exitAnimation",value:function(t,e,n){p()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],duration:3e3,opacity:0,loop:!1,complete:function(){e(t)}})}},{key:"countUpdateAnimation",value:function(t,e,n){p().timeline().add([{duration:300,targets:t,translateX:200,scale:1.9,easing:"easeOutExpo"},{duration:300,targets:t,translateX:0,scale:1,easing:"easeInExpo"}])}},{key:"peterRemoved",value:function(){console.log("removed")}},{key:"peterCreate",value:function(){console.log("create")}},{key:"connectedCallback",value:function(){var t=this,e=this.templateFromString('\n <style>\n\n :host{\n /* display: none; */\n }\n\n .root {\n display: flex;\n padding: 10px;\n flex-direction: row;\n }\n\n #Foo {\n @apply --mixin-sample;\n text-decoration: underline;\n }\n\n #SlotContainer ::slotted(*) {\n font-weight: bold;\n color: green;\n font-size: 1.5em;\n }\n\n </style>\n <div class="root"></div>\n ');this.shadowRoot.appendChild(e),this.createProjector(this.shadowRoot.querySelector(".root"),this.render),setInterval((function(){t.count++,t.renderNow()}),5e3),window.addEventListener("foo",this.onFooEvent)}},{key:"attributeChangedCallback",value:function(t,e,n){"name"===t&&(this.name=n)}}],[{key:"observedAttributes",get:function(){return["name"]}}])}((Lt=function(t){function e(){return Et(this,e),Ct(this,e,arguments)}return Mt(e,t),At(e)}(tt),Wt=new WeakMap,function(t){function n(){var t;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n);for(var e=arguments.length,r=new Array(e),o=0;o<e;o++)r[o]=arguments[o];return l(t=i(this,n,[].concat(r)),Wt,!1),t}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&c(t,e)}(n,t),r=n,(o=[{key:"highlight",get:function(){return e=this,(t=Wt).get(s(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=Wt).set(s(e,n),r);var o="unset";t&&(o="yellow");var i=null==this?void 0:this.shadowRoot.querySelector("div");i&&(i.style.backgroundColor=o)}}])&&e(r.prototype,o),a&&e(r,a),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,o,a}(Lt))),bt.isFormAssociated=!0,bt);Nt([b],Dt.prototype,"name",void 0),Nt([b],Dt.prototype,"foo",void 0),Nt([function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return function(n,r){Object.defineProperty(n,r,{get:function(){return e?this.shadowRoot.querySelector(t):this.querySelector(t)}})}}("#SlotContainer")],Dt.prototype,"slotContainer",void 0),Dt=Nt([d({tagName:"my-greetings"})],Dt);var Ut=new WeakMap,qt=new WeakSet,Bt=function(t){function e(){var t,n,r;return Et(this,e),t=Ct(this,e,arguments),St(n=t,r=qt),r.add(n),function(t,e,n){St(t,e),e.set(t,n)}(t,Ut,void 0),jt(Ut,t,!1),t.disabled=!1,t}return Mt(e,t),At(e,[{key:"connected",value:function(){console.log("connected"),jt(Ut,this,!0),kt(qt,this,Vt).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),jt(Ut,this,!1)}},{key:"shouldUpdate",value:function(t,e,n){return console.info("shouldUpdate",{property:t,oldValue:e,newValue:n}),!0}},{key:"updated",value:function(t,e,n){console.info("updated",{property:t,oldValue:e,newValue:n}),kt(qt,this,Vt).call(this)}},{key:"hostRenderStart",value:function(t){console.info("hostRenderStart",{isFirstRender:t,controller:this})}},{key:"hostRenderDone",value:function(t){console.info("hostRenderDone",{isFirstRender:t,controller:this})}}])}(gt);function Vt(){var t,e;(e=this,(t=Ut).get(kt(t,e)))&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}Nt([y({type:"boolean"})],Bt.prototype,"disabled",void 0);var Xt=(vt=function(t){function e(){var t;return Et(this,e),(t=Ct(this,e,arguments)).disabledController=new Bt(t),t.items=["foo","bar"],t.nickName="de prutser",t.render=function(){var e;return h("div",{classes:{foo:!0,foo__disabled:t.disabledController.disabled}},h("div",null,"Hello ",t.name," ",t.nickName?h("span",null," (",t.nickName,")"):null),h("div",null,"age ",t.age),t.data?h("pre",null,JSON.stringify(t.data,null,2)):null,null===(e=t.items)||void 0===e?void 0:e.map((function(t,e){return h("div",{key:"item".concat(e)},t)})))},t}return Mt(e,t),At(e,[{key:"init",value:function(){console.info("init")}},{key:"shouldUpdate",value:function(t,e,n){return"name"!==t||"string"!=typeof n||"adolf"!==n.toLocaleLowerCase()}},{key:"updated",value:function(t,e,n){console.info("PFoo",{name:t,old:e,newValue:n})}},{key:"attributeChangedCallback",value:function(t,n,r){var o,i,a,u,c;(o=e,i="attributeChangedCallback",a=this,c=Ot(Rt(1&(u=3)?o.prototype:o),i,a),2&u&&"function"==typeof c?function(t){return c.apply(a,t)}:c)([t,n,r]),"disabled"===t&&(this.disabledController.disabled=null!==r)}},{key:"renderStart",value:function(t){console.info("renderStart",{isFirstRender:t,tag:this.tagName})}},{key:"renderDone",value:function(t){console.info("renderDone",{isFirstRender:t,tag:this.tagName})}}])}(tt),vt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",vt.observedAttributes=["disabled"],vt);Nt([y({type:"string",attribute:"name",reflect:!0})],Xt.prototype,"name",void 0),Nt([y({type:"number",attribute:"age",reflect:!0})],Xt.prototype,"age",void 0),Nt([y({type:"object",attribute:"data",reflect:!0})],Xt.prototype,"data",void 0),Nt([y({attribute:"items",type:"object",reflect:!0,converter:{fromAttribute:function(t){return t?t.split(",").map((function(t){return t.trim()})):null},toAttribute:function(t){return t.join?t.join(","):null}}})],Xt.prototype,"items",void 0),Nt([y({type:"string",attribute:"nick-name",readonly:!0})],Xt.prototype,"nickName",void 0),Xt=Nt([d({tagName:"p-foo"})],Xt);var $t=function(t){function e(){var t;return Et(this,e),(t=Ct(this,e)).onclick=function(t){t.preventDefault(),alert("super")},t}return Mt(e,t),At(e,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}(wt(HTMLAnchorElement));window.customElements.define("super-a",$t,{extends:"a"})})();var o=r.O,i=r.l;export{o as MyButton,i as MyGreetings};
|