p-elements-core 1.2.18 → 1.2.20
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 +1 -1
- package/dist/p-elements-core-modern.js +1 -1
- package/dist/p-elements-core.js +1 -1
- package/p-elements-core.d.ts +43 -139
- package/package.json +1 -1
- package/src/decorators/property.ts +6 -0
- package/dist/p-elements-core 2.js +0 -1
- package/dist/p-elements-core-modern 2.js +0 -553
package/demo/sample.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! P-ELEMENTS 1.2.18 - Sun Feb 02 2025 16:43:11 GMT+0100 (Central European Standard 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}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 o(t){return o="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},o(t)}function i(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,a(r.key),r)}}function a(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}function u(t,e,n){return e=l(e),function(t,e){if(e&&("object"==o(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,c()?Reflect.construct(e,n||[],l(t).constructor):e.apply(t,n))}function c(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(c=function(){return!!t})()}function l(t){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},l(t)}function s(t,e){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},s(t,e)}function f(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 p(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,{J:()=>Wt,P:()=>qt});var d=n(554),y=n.n(d),b=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)}},v=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){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(!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])}})}},m=v({});new Map;function g(t){return g="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},g(t)}function w(t){return function(t){if(Array.isArray(t))return O(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 O(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)?O(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 O(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 S(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 j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?S(Object(n),!0).forEach((function(e){k(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function k(t,e,n){return(e=A(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P(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,A(r.key),r)}}function A(t){var e=function(t,e){if("object"!=g(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==g(e)?e:e+""}function x(t,e){if(e&&("object"==g(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 E(t){var e="function"==typeof Map?new Map:void 0;return E=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(C())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&_(o,n.prototype),o}(t,arguments,R(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),_(n,t)},E(t)}function C(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(C=function(){return!!t})()}function _(t,e){return _=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_(t,e)}function R(t){return R=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},R(t)}function M(t,e,n){T(t,e),e.set(t,n)}function T(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function F(t,e,n){return n(L(t,e))}function N(t,e,n){return t.set(L(t,e),n),n}function I(t,e){return t.get(L(t,e))}function L(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 W=[],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,J=new WeakMap,Y=new WeakMap,G=new WeakMap,Z=new WeakMap,Q=new WeakSet,K=new WeakMap,tt=new WeakMap,et=new WeakMap,nt=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=R(o=t),function(t,e){T(t,e),e.add(t)}(n=x(r,C()?Reflect.construct(o,i||[],R(r).constructor):o.apply(r,i)),Q),M(n,D,void 0),M(n,U,void 0),M(n,q,void 0),M(n,B,void 0),M(n,V,void 0),M(n,X,void 0),M(n,$,!1),M(n,z,void 0),M(n,H,void 0),M(n,J,void 0),M(n,Y,[]),M(n,G,!1),M(n,Z,!1),M(n,K,(function(){var t=n.constructor.__properties__;N(D,n,[]),t&&N(D,n,t.map((function(t){return j(j({},n["__property_".concat(t,"__")]),{},{name:t})})))})),M(n,tt,!0),M(n,et,!0),L(Q,n,ot).call(n),L(Q,n,rt).call(n),x(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&&_(t,e)}(t,E(HTMLElement)),e=t,n=[{key:"_canReflect",get:function(){return I(Z,this)}},{key:"properties",get:function(){return I(D,this)}},{key:"addController",value:function(t){I(Y,this).push(t),I(G,this)&&t.connected&&t.connected()}},{key:"internals",get:function(){return I(J,this)},set:function(t){N(J,this,t)}},{key:"addStylesheetToRootNode",value:function(t,e){if(F(Q,this,at)){if(I(V,this)||N(V,this,new CSSStyleSheet),t=L(Q,this,ut).call(this),I(V,this).replaceSync(t),I($,this))return;if(e instanceof Document){var n=L(Q,this,lt).call(this,t);-1===W.indexOf(n)&&(document.adoptedStyleSheets=[].concat(w(document.adoptedStyleSheets),[I(V,this)]),N($,this,!0),W.push(n))}else this.shadowRoot.adoptedStyleSheets=[I(V,this)],N($,this,!0)}else if(N(X,this,document.createElement("link")),I(X,this).rel="stylesheet",t=L(Q,this,ut).call(this),I(X,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=L(Q,this,lt).call(this,t);-1===W.indexOf(r)&&(document.head.appendChild(I(X,this)),W.push(r))}else this.shadowRoot.appendChild(I(X,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&&(N(z,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:I(H,this)})),L(Q,this,ct).call(this,i.textContent),i.remove(),window.addEventListener("updatecssapply",(function(){L(Q,e,ut).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=I(q,n)?I(q,n):"append";requestAnimationFrame((function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||L(Q,n,st).call(n,t)}}))[a](t,e.bind(n)),N(U,n,i),N(Z,n,!0),L(Q,n,it).call(n),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"scheduleRender",value:function(){var t;null===(t=I(U,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t;null===(t=I(U,this))||void 0===t||t.renderNow()}},{key:"connectedCallback",value:function(){N(G,this,!0),I(Y,this).forEach((function(t){null==t||t.connected()}))}},{key:"disconnectedCallback",value:function(){N(G,this,!1),I(Y,this).forEach((function(t){null==t||t.disconnected()}))}},{key:"attributeChangedCallback",value:function(t,e,n){var r=I(D,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&&P(e.prototype,n),r&&P(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}();function rt(){"function"==typeof this.init&&(this.init(),I(Y,this).forEach((function(t){null==t||t.init()})))}function ot(){var t=this;I(K,this).call(this);var e=this.constructor.projectorMode;N(q,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;N(H,this,r),n&&N(J,this,this.attachInternals());var o=this.constructor.style;if(o){N(z,this,!0),N(q,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:I(H,this)}),L(Q,this,ct).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render)})),window.addEventListener("updatecssapply",(function(){L(Q,t,ut).call(t)}))}}function it(){var t=this;I(D,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 at(t){return Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype}function ut(){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}(I(B,this));return I(B,this)!==t&&(N(B,this,t),F(Q,this,at)&&I(V,this)?I(V,this).replaceSync(t):F(Q,this,at)||(I(X,this)&&URL.revokeObjectURL(I(X,this).href),I(X,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})))),t}function ct(t){N(B,this,t),I(z,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):I(z,this)||this.addStylesheetToRootNode(t,document)}function lt(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function st(t){var e=this;this[t]&&this[t](I("renderStart"===t?tt:et,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));I(Y,this).forEach((function(r){r[n]&&r[n](I("renderStart"===t?tt:et,e))})),N("renderStart"===t?tt:et,this,!1)}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)}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,dt(r.key),r)}}function dt(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 ht(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 yt(t,e){return t.get(bt(t,e))}function bt(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 vt,mt,gt,wt=new WeakMap,Ot=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),ht(this,wt,void 0),r=this,o=e,(n=wt).set(bt(n,r),o),yt(wt,this).addController(this)},(e=[{key:"hostElement",get:function(){return yt(wt,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()}}])&&pt(t.prototype,e),n&&pt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function St(t){var e="function"==typeof Map?new Map:void 0;return St=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(Mt())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Nt(o,n.prototype),o}(t,arguments,Tt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Nt(n,t)},St(t)}function jt(){return jt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Tt(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}},jt.apply(null,arguments)}function kt(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Pt(t,e,n){return t.set(At(t,e),n),n}function At(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 xt(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,Ct(r.key),r)}}function Et(t,e,n){return e&&xt(t.prototype,e),n&&xt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Ct(t){var e=function(t,e){if("object"!=It(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=It(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==It(e)?e:e+""}function _t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Rt(t,e,n){return e=Tt(e),function(t,e){if(e&&("object"==It(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,Mt()?Reflect.construct(e,n||[],Tt(t).constructor):e.apply(t,n))}function Mt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Mt=function(){return!!t})()}function Tt(t){return Tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Tt(t)}function Ft(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&&Nt(t,e)}function Nt(t,e){return Nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Nt(t,e)}function It(t){return It="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},It(t)}var Lt=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":It(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},Wt=(vt=function(){function t(){var e;return _t(this,t),(e=Rt(this,t,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},e}return Ft(t,nt),Et(t)}(),vt.style=".foo{background-color: red; color: white; border: 0px;}",vt.delegatesFocus=!0,vt);Wt=Lt([b({tagName:"my-button"})],Wt);var Dt,Ut,qt=(mt=function(t){function e(){var t;return _t(this,e),(t=Rt(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",{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 Ft(e,t),Et(e,[{key:"enterAnimation",value:function(t,e){y()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],rotate:"2turn",duration:3e3,loop:!1})}},{key:"exitAnimation",value:function(t,e,n){y()({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){y().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"]}}])}((Dt=function(){function t(){return _t(this,t),Rt(this,t,arguments)}return Ft(t,nt),Et(t)}(),Ut=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 f(t=u(this,e,[].concat(r)),Ut,!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&&s(t,e)}(e,t),n=e,(r=[{key:"highlight",get:function(){return e=this,(t=Ut).get(p(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=Ut).set(p(e,n),r);var o="unset";t&&(o="yellow");var i=null==this?void 0:this.shadowRoot.querySelector("div");i&&(i.style.backgroundColor=o)}}])&&i(n.prototype,r),o&&i(n,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,o}(Dt))),mt.isFormAssociated=!0,mt);Lt([m],qt.prototype,"name",void 0),Lt([m],qt.prototype,"foo",void 0),Lt([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")],qt.prototype,"slotContainer",void 0),qt=Lt([b({tagName:"my-greetings"})],qt);var Bt=new WeakMap,Vt=new WeakSet,Xt=function(){function t(){var e,n,r;return _t(this,t),e=Rt(this,t,arguments),kt(n=e,r=Vt),r.add(n),function(t,e,n){kt(t,e),e.set(t,n)}(e,Bt,void 0),Pt(Bt,e,!1),e.disabled=!1,e}return Ft(t,Ot),Et(t,[{key:"connected",value:function(){console.log("connected"),Pt(Bt,this,!0),At(Vt,this,$t).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),Pt(Bt,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}),At(Vt,this,$t).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 $t(){var t,e;(e=this,(t=Bt).get(At(t,e)))&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}Lt([v({type:"boolean"})],Xt.prototype,"disabled",void 0);var zt=(gt=function(){function t(){var e;return _t(this,t),(e=Rt(this,t,arguments)).disabledController=new Xt(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 Ft(t,nt),Et(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=jt(Tt(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})}}])}(),gt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",gt.observedAttributes=["disabled"],gt);Lt([v({type:"string",attribute:"name",reflect:!0})],zt.prototype,"name",void 0),Lt([v({type:"number",attribute:"age",reflect:!0})],zt.prototype,"age",void 0),Lt([v({type:"object",attribute:"data",reflect:!0})],zt.prototype,"data",void 0),Lt([v({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}}})],zt.prototype,"items",void 0),Lt([v({type:"string",attribute:"nick-name",readonly:!0})],zt.prototype,"nickName",void 0),zt=Lt([b({tagName:"p-foo"})],zt);var Ht=function(){function t(){var e;return _t(this,t),(e=Rt(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Ft(t,St(HTMLAnchorElement)),Et(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}();window.customElements.define("super-a",Ht,{extends:"a"});var Jt=r.J,Yt=r.P;export{Jt as MyButton,Yt as MyGreetings};
|
|
1
|
+
/*! P-ELEMENTS 1.2.20 - Fri Feb 07 2025 12:56:06 GMT+0100 (Midden-Europese standaardtijd) */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}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 o(t){return o="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},o(t)}function i(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,a(r.key),r)}}function a(t){var e=function(t,e){if("object"!=o(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==o(e)?e:e+""}function u(t,e,n){return e=l(e),function(t,e){if(e&&("object"==o(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,c()?Reflect.construct(e,n||[],l(t).constructor):e.apply(t,n))}function c(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(c=function(){return!!t})()}function l(t){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},l(t)}function s(t,e){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},s(t,e)}function f(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 p(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,{J:()=>Wt,P:()=>qt});var d=n(554),y=n.n(d),b=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)}},v=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(!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])}})}},m=v({});new Map;function g(t){return g="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},g(t)}function w(t){return function(t){if(Array.isArray(t))return O(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 O(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)?O(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 O(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 S(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 j(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?S(Object(n),!0).forEach((function(e){k(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function k(t,e,n){return(e=A(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function P(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,A(r.key),r)}}function A(t){var e=function(t,e){if("object"!=g(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==g(e)?e:e+""}function x(t,e){if(e&&("object"==g(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 E(t){var e="function"==typeof Map?new Map:void 0;return E=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(C())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&_(o,n.prototype),o}(t,arguments,R(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),_(n,t)},E(t)}function C(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(C=function(){return!!t})()}function _(t,e){return _=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_(t,e)}function R(t){return R=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},R(t)}function M(t,e,n){T(t,e),e.set(t,n)}function T(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function F(t,e,n){return n(L(t,e))}function N(t,e,n){return t.set(L(t,e),n),n}function I(t,e){return t.get(L(t,e))}function L(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 W=[],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,J=new WeakMap,Y=new WeakMap,G=new WeakMap,Z=new WeakMap,Q=new WeakSet,K=new WeakMap,tt=new WeakMap,et=new WeakMap,nt=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=R(o=t),function(t,e){T(t,e),e.add(t)}(n=x(r,C()?Reflect.construct(o,i||[],R(r).constructor):o.apply(r,i)),Q),M(n,D,void 0),M(n,U,void 0),M(n,q,void 0),M(n,B,void 0),M(n,V,void 0),M(n,X,void 0),M(n,$,!1),M(n,z,void 0),M(n,H,void 0),M(n,J,void 0),M(n,Y,[]),M(n,G,!1),M(n,Z,!1),M(n,K,(function(){var t=n.constructor.__properties__;N(D,n,[]),t&&N(D,n,t.map((function(t){return j(j({},n["__property_".concat(t,"__")]),{},{name:t})})))})),M(n,tt,!0),M(n,et,!0),L(Q,n,ot).call(n),L(Q,n,rt).call(n),x(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&&_(t,e)}(t,E(HTMLElement)),e=t,n=[{key:"_canReflect",get:function(){return I(Z,this)}},{key:"properties",get:function(){return I(D,this)}},{key:"addController",value:function(t){I(Y,this).push(t),I(G,this)&&t.connected&&t.connected()}},{key:"internals",get:function(){return I(J,this)},set:function(t){N(J,this,t)}},{key:"addStylesheetToRootNode",value:function(t,e){if(F(Q,this,at)){if(I(V,this)||N(V,this,new CSSStyleSheet),t=L(Q,this,ut).call(this),I(V,this).replaceSync(t),I($,this))return;if(e instanceof Document){var n=L(Q,this,lt).call(this,t);-1===W.indexOf(n)&&(document.adoptedStyleSheets=[].concat(w(document.adoptedStyleSheets),[I(V,this)]),N($,this,!0),W.push(n))}else this.shadowRoot.adoptedStyleSheets=[I(V,this)],N($,this,!0)}else if(N(X,this,document.createElement("link")),I(X,this).rel="stylesheet",t=L(Q,this,ut).call(this),I(X,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=L(Q,this,lt).call(this,t);-1===W.indexOf(r)&&(document.head.appendChild(I(X,this)),W.push(r))}else this.shadowRoot.appendChild(I(X,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&&(N(z,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:I(H,this)})),L(Q,this,ct).call(this,i.textContent),i.remove(),window.addEventListener("updatecssapply",(function(){L(Q,e,ut).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=I(q,n)?I(q,n):"append";requestAnimationFrame((function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||L(Q,n,st).call(n,t)}}))[a](t,e.bind(n)),N(U,n,i),N(Z,n,!0),L(Q,n,it).call(n),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"scheduleRender",value:function(){var t;null===(t=I(U,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t;null===(t=I(U,this))||void 0===t||t.renderNow()}},{key:"connectedCallback",value:function(){N(G,this,!0),I(Y,this).forEach((function(t){null==t||t.connected()}))}},{key:"disconnectedCallback",value:function(){N(G,this,!1),I(Y,this).forEach((function(t){null==t||t.disconnected()}))}},{key:"attributeChangedCallback",value:function(t,e,n){var r=I(D,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&&P(e.prototype,n),r&&P(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}();function rt(){"function"==typeof this.init&&(this.init(),I(Y,this).forEach((function(t){null==t||t.init()})))}function ot(){var t=this;I(K,this).call(this);var e=this.constructor.projectorMode;N(q,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;N(H,this,r),n&&N(J,this,this.attachInternals());var o=this.constructor.style;if(o){N(z,this,!0),N(q,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:I(H,this)}),L(Q,this,ct).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render)})),window.addEventListener("updatecssapply",(function(){L(Q,t,ut).call(t)}))}}function it(){var t=this;I(D,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 at(t){return Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype}function ut(){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}(I(B,this));return I(B,this)!==t&&(N(B,this,t),F(Q,this,at)&&I(V,this)?I(V,this).replaceSync(t):F(Q,this,at)||(I(X,this)&&URL.revokeObjectURL(I(X,this).href),I(X,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})))),t}function ct(t){N(B,this,t),I(z,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):I(z,this)||this.addStylesheetToRootNode(t,document)}function lt(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function st(t){var e=this;this[t]&&this[t](I("renderStart"===t?tt:et,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));I(Y,this).forEach((function(r){r[n]&&r[n](I("renderStart"===t?tt:et,e))})),N("renderStart"===t?tt:et,this,!1)}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)}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,dt(r.key),r)}}function dt(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 ht(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 yt(t,e){return t.get(bt(t,e))}function bt(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 vt,mt,gt,wt=new WeakMap,Ot=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),ht(this,wt,void 0),r=this,o=e,(n=wt).set(bt(n,r),o),yt(wt,this).addController(this)},(e=[{key:"hostElement",get:function(){return yt(wt,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()}}])&&pt(t.prototype,e),n&&pt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function St(t){var e="function"==typeof Map?new Map:void 0;return St=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(Mt())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Nt(o,n.prototype),o}(t,arguments,Tt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Nt(n,t)},St(t)}function jt(){return jt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Tt(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}},jt.apply(null,arguments)}function kt(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Pt(t,e,n){return t.set(At(t,e),n),n}function At(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 xt(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,Ct(r.key),r)}}function Et(t,e,n){return e&&xt(t.prototype,e),n&&xt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Ct(t){var e=function(t,e){if("object"!=It(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=It(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==It(e)?e:e+""}function _t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Rt(t,e,n){return e=Tt(e),function(t,e){if(e&&("object"==It(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,Mt()?Reflect.construct(e,n||[],Tt(t).constructor):e.apply(t,n))}function Mt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Mt=function(){return!!t})()}function Tt(t){return Tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Tt(t)}function Ft(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&&Nt(t,e)}function Nt(t,e){return Nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Nt(t,e)}function It(t){return It="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},It(t)}var Lt=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":It(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},Wt=(vt=function(){function t(){var e;return _t(this,t),(e=Rt(this,t,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},e}return Ft(t,nt),Et(t)}(),vt.style=".foo{background-color: red; color: white; border: 0px;}",vt.delegatesFocus=!0,vt);Wt=Lt([b({tagName:"my-button"})],Wt);var Dt,Ut,qt=(mt=function(t){function e(){var t;return _t(this,e),(t=Rt(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",{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 Ft(e,t),Et(e,[{key:"enterAnimation",value:function(t,e){y()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],rotate:"2turn",duration:3e3,loop:!1})}},{key:"exitAnimation",value:function(t,e,n){y()({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){y().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"]}}])}((Dt=function(){function t(){return _t(this,t),Rt(this,t,arguments)}return Ft(t,nt),Et(t)}(),Ut=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 f(t=u(this,e,[].concat(r)),Ut,!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&&s(t,e)}(e,t),n=e,(r=[{key:"highlight",get:function(){return e=this,(t=Ut).get(p(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=Ut).set(p(e,n),r);var o="unset";t&&(o="yellow");var i=null==this?void 0:this.shadowRoot.querySelector("div");i&&(i.style.backgroundColor=o)}}])&&i(n.prototype,r),o&&i(n,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,o}(Dt))),mt.isFormAssociated=!0,mt);Lt([m],qt.prototype,"name",void 0),Lt([m],qt.prototype,"foo",void 0),Lt([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")],qt.prototype,"slotContainer",void 0),qt=Lt([b({tagName:"my-greetings"})],qt);var Bt=new WeakMap,Vt=new WeakSet,Xt=function(){function t(){var e,n,r;return _t(this,t),e=Rt(this,t,arguments),kt(n=e,r=Vt),r.add(n),function(t,e,n){kt(t,e),e.set(t,n)}(e,Bt,void 0),Pt(Bt,e,!1),e.disabled=!1,e}return Ft(t,Ot),Et(t,[{key:"connected",value:function(){console.log("connected"),Pt(Bt,this,!0),At(Vt,this,$t).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),Pt(Bt,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}),At(Vt,this,$t).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 $t(){var t,e;(e=this,(t=Bt).get(At(t,e)))&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}Lt([v({type:"boolean"})],Xt.prototype,"disabled",void 0);var zt=(gt=function(){function t(){var e;return _t(this,t),(e=Rt(this,t,arguments)).disabledController=new Xt(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 Ft(t,nt),Et(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=jt(Tt(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})}}])}(),gt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",gt.observedAttributes=["disabled"],gt);Lt([v({type:"string",attribute:"name",reflect:!0})],zt.prototype,"name",void 0),Lt([v({type:"number",attribute:"age",reflect:!0})],zt.prototype,"age",void 0),Lt([v({type:"object",attribute:"data",reflect:!0})],zt.prototype,"data",void 0),Lt([v({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}}})],zt.prototype,"items",void 0),Lt([v({type:"string",attribute:"nick-name",readonly:!0})],zt.prototype,"nickName",void 0),zt=Lt([b({tagName:"p-foo"})],zt);var Ht=function(){function t(){var e;return _t(this,t),(e=Rt(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Ft(t,St(HTMLAnchorElement)),Et(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}();window.customElements.define("super-a",Ht,{extends:"a"});var Jt=r.J,Yt=r.P;export{Jt as MyButton,Yt as MyGreetings};
|