p-elements-core 1.2.31 → 1.2.32-rc2

package/demo/sample.js

@@ -1 +1 @@
-/*! P-ELEMENTS 1.2.31 - Tue May 06 2025 10:14:37 GMT+0200 (Midden-Europese zomertijd) */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};
+/*! P-ELEMENTS 1.2.32-rc2 - Mon Feb 09 2026 10:47:09 GMT+0100 (Midden-Europese standaardtijd) */var t={554(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 s(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 l(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 v(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 b(t,e){switch(y(t,e)){case"transform":return v(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 S(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 k(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 O(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)?s(n):W.hsl(n)?l(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 j(t){return e(t=t?n(W.arr(t)?t.map(r):r(t)):[],(function(t,e,n){return n.indexOf(t)===e}))}function A(t){var e=j(t);return e.map((function(t,n){return{target:t,id:n,total:e.length}}))}function P(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 C(t){return W.arr(t)?V.apply(this,t):B[t]}function E(t,e){var n;return t.tweens.map((function(r){var o=(r=x(r,e)).value,i=b(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=O(a,i),r.to=O(u,i),r.start=n?n.end:t.offset,r.end=r.start+r.delay+r.duration,r.easing=C(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 M(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=E(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 N(t){var e,n=a(I,t),r=a(F,t),o=A(t.targets),i=[],u=c(n,r);for(e in t)u.hasOwnProperty(e)||"targets"===e||i.push({name:e,offset:u.offset,tweens:P(t[e],r)});return c(n,{children:[],animatables:o,animations:t=M(o,i),duration:R("duration",t,n,r),delay:R("delay",t,n,r)})}function _(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=(s=a.tweens)[p=s.length-1];p&&(c=e(s,(function(e){return t<e.end}))[0]||c);for(var s=Math.min(Math.max(t-c.start-c.delay,0),c.duration)/c.duration,l=isNaN(s)?1:c.easing(s,c.elasticity),f=(s=c.to.strings,c.round),p=[],y=void 0,v=(y=c.to.numbers.length,0);v<y;v++){var b=void 0,m=(b=c.to.numbers[v],c.from.numbers[v]);b=c.isPath?k(c.value,l*b):m+l*(b-m),f&&(c.isColor&&2<v||(b=Math.round(b*f)/f)),p.push(b)}if(c=s.length)for(y=s[0],l=0;l<c;l++)f=s[l+1],v=p[l],isNaN(v)||(y=f?y+(v+f):y+(v+" "));else y=p[0];D[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++)T||(T=h(document.body,"transform")?"transform":"-webkit-transform"),d.animatables[o].target.style[T]=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,v=d.reversed,b=r(t);if(d.children.length){var m=d.children,g=m.length;if(b>=d.currentTime)for(var w=0;w<g;w++)m[w].seek(b);else for(;g--;)m[g].seek(b)}(b>=h||!e)&&(d.began||(d.began=!0,i("begin")),i("run")),b>u&&b<e?o(b):(b<=u&&0!==y&&(o(0),v&&a()),(b>=e&&y!==e||!e)&&(o(e),v||a())),i("update"),t>=e&&(d.remaining?(s=c,"alternate"===d.direction&&(d.reversed=!d.reversed)):(d.pause(),d.completed||(d.completed=!0,i("complete"),"Promise"in window&&(f(),p=n()))),l=0)}t=void 0===t?{}:t;var c,s,l=0,f=null,p=n(),d=N(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,s||(s=c),u((l+c-s)*_.speed)},d.seek=function(t){u(r(t))},d.pause=function(){var t=U.indexOf(d);-1<t&&U.splice(t,1),d.paused=!0},d.play=function(){d.paused&&(d.paused=!1,s=0,l=r(d.currentTime),U.push(d),z||q())},d.reverse=function(){d.reversed=!d.reversed,s=0,l=r(d.currentTime)},d.restart=function(){d.pause(),d.reset(),d.play()},d.finished=p,d.reset(),d.autoplay&&d.play(),d}var T,I={update:void 0,begin:void 0,run:void 0,complete:void 0,loop:1,direction:"normal",autoplay:!0,offset:0},F={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)}},V=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 s=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e;if(.001<=s){for(u=0;4>u&&0!=(s=3*(1-3*r+3*e)*c*c+2*(3*r-6*e)*c+3*e);++u){var l=t(c,e,r)-a;c-=l/s}a=c}else if(0===s)a=c;else{c=u,u+=.1;var f=0;do{0<(s=t(l=c+(u-c)/2,e,r)-a)?u=l:c=l}while(1e-7<Math.abs(s)&&10>++f);a=l}return t(a,n,o)}}}}(),B=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:V(.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:V.apply(u,e)}}(i)),i={type:i.type};return o}(),D={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+")")}},U=[],z=0,q=function(){function t(){z=requestAnimationFrame(e)}function e(e){var n=U.length;if(n){for(var r=0;r<n;)U[r]&&U[r].tick(e),r++;t()}else cancelAnimationFrame(z),z=0}return t}();return _.version="2.2.0",_.speed=1,_.running=U,_.remove=function(t){t=j(t);for(var e=U.length;e--;)for(var n=U[e],r=n.animations,i=r.length;i--;)o(t,r[i].animatable.target)&&(r.splice(i,1),r.length||n.pause())},_.getValue=b,_.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:S(r)*(o/100)}}},_.setDashoffset=function(t){var e=S(t);return t.setAttribute("stroke-dasharray",e),e},_.bezier=V,_.easings=B,_.timeline=function(t){var e=_(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(F,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=_(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},_.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+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 s(t,e){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},s(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 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)}};function v(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 b(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v(Object(n),!0).forEach((function(e){m(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function m(t,e,n){return(e=function(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+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}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)}var w=new WeakSet,S=new WeakMap,k=new WeakMap;function O(t,e,n,r,o){r===Boolean?n?t.setAttribute(e,""):t.removeAttribute(e):r===Object||r===Array?o&&o.toAttribute?t.setAttribute(e,o.toAttribute(n)):t.setAttribute(e,JSON.stringify(n)):null==n?t.removeAttribute(e):t.setAttribute(e,String(n))}function j(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.type,n=t.attribute,r=void 0===n||n,o=t.reflect,i=void 0!==o&&o,a=t.converter,u=t.readonly,c=void 0!==u&&u,s=function(t){if("string"==typeof t)switch(t){case"string":return String;case"number":return Number;case"boolean":return Boolean;case"object":return Object;case"array":return Array;default:return null}return t}(e);return function(e,n){var o=new WeakMap,u=function(t,e){if(!1!==e)return!0===e?t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase():"string"==typeof e?e:void 0}(n,r);Object.defineProperty(e,n,{get:function(){if(!o.has(this)&&u&&this.hasAttribute&&this.hasAttribute(u)){var t,e=this.getAttribute(u);if(null!==e)return t=a&&a.fromAttribute?a.fromAttribute(e):s===Boolean||(s===Number?Number(e):e),o.set(this,t),"function"==typeof this.renderNow&&this.renderNow(),t}return o.has(this)?o.get(this):s!==Boolean&&void 0},set:function(t){if(!c||!o.has(this)){var e,r=o.get(this),l=!1;if(null==s&&t!==r&&(l=!0),!o.has(this)&&u&&this.hasAttribute&&this.hasAttribute(u)){var f=this.getAttribute(u);if(null!==f)return e=a&&a.fromAttribute?a.fromAttribute(f):s===Boolean||(s===Number?Number(f):f),o.set(this,e),void(this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(k.has(this)||k.set(this,[]),k.get(this).push({propertyKey:n,oldValue:r,newValue:e})))}if(e=l?t:function(t,e,n){if(n&&n.fromAttribute&&"string"==typeof t)return n.fromAttribute(t);if(null==t)return t;switch(e){case String:return String(t);case Number:return Number(t);case Boolean:return Boolean(t);case Object:return"object"===g(t)?t:JSON.parse(String(t));case Array:return Array.isArray(t)?t:JSON.parse(String(t));default:return t}}(t,s,a),r!==e){var p=!this.shouldUpdate||this.shouldUpdate(n,r,e);if(o.set(this,p?e:r),i&&void 0!==u)if(this.isConnected){w.add(this);try{O(this,u,p?e:r,s,a)}finally{w.delete(this)}}else S.has(this)||S.set(this,new Map),S.get(this).set(u,{value:p?e:r,type:s,converter:a});this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(k.has(this)||k.set(this,[]),k.get(this).push({propertyKey:n,oldValue:r,newValue:e})),l&&"function"==typeof this.renderNow&&this.renderNow()}}},configurable:!0}),e.constructor._propertyInfo||(e.constructor._propertyInfo=new Map),e.constructor._propertyInfo.set(n,b(b({},t),{},{name:n,attribute:u,type:s})),u&&(e.constructor.observedAttributes||(e.constructor.observedAttributes=[]),e.constructor.observedAttributes.includes(u)||e.constructor.observedAttributes.push(u))}}var A=j({});new Map;function P(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,a,u=[],c=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);c=!0);}catch(t){s=!0,o=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return u}}(t,e)||C(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(t){return function(t){if(Array.isArray(t))return E(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||C(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 C(t,e){if(t){if("string"==typeof t)return E(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)?E(t,e):void 0}}function E(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 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 R(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,N(r.key),r)}}function N(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 _(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 T(t){var e="function"==typeof Map?new Map:void 0;return T=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(I())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&F(o,n.prototype),o}(t,arguments,L(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),F(n,t)},T(t)}function I(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(I=function(){return!!t})()}function F(t,e){return F=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},F(t,e)}function L(t){return L=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},L(t)}function W(t,e,n){V(t,e),e.set(t,n)}function V(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function B(t,e,n){return n(z(t,e))}function D(t,e){return t.get(z(t,e))}function U(t,e,n){return t.set(z(t,e),n),n}function z(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 q=[],X=new WeakMap,$=new WeakMap,Z=new WeakMap,H=new WeakMap,Y=new WeakMap,J=new WeakMap,G=new WeakMap,K=new WeakMap,Q=new WeakMap,tt=new WeakMap,et=new WeakMap,nt=new WeakMap,rt=new WeakMap,ot=new WeakMap,it=new WeakMap,at=new WeakMap,ut=new WeakSet,ct=function(){function t(e){var n,r,o,i;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),r=this,o=L(o=t),function(t,e){V(t,e),e.add(t)}(n=_(r,I()?Reflect.construct(o,i||[],L(r).constructor):o.apply(r,i)),ut),W(n,X,void 0),W(n,$,void 0),W(n,Z,!1),W(n,H,void 0),W(n,Y,void 0),W(n,J,void 0),W(n,G,!1),W(n,K,!1),W(n,Q,!1),W(n,tt,!0),W(n,et,!0),W(n,nt,null),W(n,rt,void 0),W(n,ot,[]),W(n,it,null),W(n,at,null);var a=function(t){console.warn("ElementInternals.".concat(t," called before element was connected. Call will be ignored."))};return U(rt,n,{setValidity:function(t,e,n){a("setValidity")},reportValidity:function(){return a("reportValidity"),!1},checkValidity:function(){return a("checkValidity"),!0},setFormValue:function(t,e){a("setFormValue")}}),z(ut,n,pt).call(n),z(ut,n,st).call(n),_(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&&F(t,e)}(t,T(HTMLElement)),e=t,n=[{key:"isConnected",get:function(){return D(Z,this)}},{key:"updateComplete",get:function(){return D(it,this)?D(it,this):Promise.resolve()}},{key:"internals",get:function(){if(!D(Z,this)&&"object"===M(D(rt,this)))return D(rt,this);var t=this.constructor;if(null===D(nt,this)&&t.formAssociated){var e=D(rt,this);for(var n in U(rt,this,null),U(nt,this,this.attachInternals()),e)"function"!=typeof D(nt,this)[n]&&(D(nt,this)[n]=e[n])}return D(nt,this)},set:function(t){U(nt,this,t)}},{key:"requestUpdate",value:function(){var t=this;return D(it,this)||(U(it,this,new Promise((function(e){U(at,t,e)}))),this.scheduleRender()),D(it,this)}},{key:"addController",value:function(t){D(ot,this).push(t),D(Z,this)&&t.connected&&t.connected()}},{key:"scheduleRender",value:function(){var t;null===(t=D(X,this))||void 0===t||t.scheduleRender()}},{key:"renderNow",value:function(){var t,e=this;if(this.shadowRoot&&(D(it,this)||U(it,this,new Promise((function(t){U(at,e,t)}))),null===(t=D(X,this))||void 0===t||t.renderNow(),this.updated("",null,null),D(at,this))){var n=D(at,this);U(at,this,null),U(it,this,null),n()}}},{key:"updated",value:function(t,e,n){}},{key:"shouldUpdate",value:function(t,e,n){return!0}},{key:"addStylesheetToRootNode",value:function(t,e){if(B(ut,this,vt)){if(D(Y,this)||U(Y,this,new CSSStyleSheet),t=z(ut,this,dt).call(this),D(Y,this).replaceSync(t),D(G,this))return;if(e instanceof Document){var n=z(ut,this,yt).call(this,t);-1===q.indexOf(n)&&(document.adoptedStyleSheets=[].concat(x(document.adoptedStyleSheets),[D(Y,this)]),U(G,this,!0),q.push(n))}else this.shadowRoot.adoptedStyleSheets=[D(Y,this)],U(G,this,!0)}else if(U(J,this,document.createElement("link")),D(J,this).rel="stylesheet",t=z(ut,this,dt).call(this),D(J,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=z(ut,this,yt).call(this,t);-1===q.indexOf(r)&&(document.head.appendChild(D(J,this)),q.push(r))}else this.shadowRoot.appendChild(D(J,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&&(U(K,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:D(Q,this)})),i&&(z(ut,this,ht).call(this,i.textContent),i.remove()),window.addEventListener("updatecssapply",(function(){z(ut,e,dt).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=D($,n)?D($,n):"append";requestAnimationFrame((function(){(i=window.Maquette.createProjector({performanceLogger:function(t){"renderStart"!==t&&"renderDone"!==t||z(ut,n,lt).call(n,t)}}))[a](t,e.bind(n)),U(X,n,i),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"connectedCallback",value:function(){U(Z,this,!0);for(var t=0,e=D(ot,this).length;t<e;){var n=D(ot,this)[t];null!=n&&n.connected&&n.connected(),t+=1}!function(t){var e=S.get(t);if(e){w.add(t);try{e.forEach((function(e,n){O(t,n,e.value,e.type,e.converter)}))}finally{w.delete(t)}S.delete(t)}var n=k.get(t);if(n&&t.updated){for(var r=n.length,o=0;o<r;){var i=n[o];t.updated(i.propertyKey,i.oldValue,i.newValue),o+=1}k.delete(t)}}(this),this.renderNow()}},{key:"disconnectedCallback",value:function(){U(Z,this,!1);for(var t=0,e=D(ot,this).length;t<e;){var n=D(ot,this)[t];null!=n&&n.disconnected&&n.disconnected(),t+=1}}},{key:"attributeChangedCallback",value:function(t,e,n){if(r=this,!w.has(r)){var r,o=this.constructor;if(null!=o&&o._propertyInfo){var i=Array.from(o._propertyInfo.values()).find((function(e){return e.attribute===t&&"string"==typeof e.attribute}));if(i){var a=i.converter,u=n;null!=a&&a.fromAttribute?u=a.fromAttribute(n):i.type===Boolean?u=null!==n:i.type===Number&&(u=null===n?null:Number(n)),this[i.name]=u,this.scheduleRender()}}}}}],n&&R(e.prototype,n),r&&R(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n,r}();function st(){"function"==typeof this.init&&(this.init(),D(ot,this).forEach((function(t){null==t||t.init()})))}function lt(t){var e=this;this[t]&&this[t](D("renderStart"===t?tt:et,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));D(ot,this).forEach((function(r){r[n]&&r[n](D("renderStart"===t?tt:et,e))})),U("renderStart"===t?tt:et,this,!1)}function ft(){var t=this.constructor;if(t._propertyInfo)for(var e=Array.from(t._propertyInfo.entries()),n=0,r=e.length;n<r;){var o=P(e[n],1)[0];if(Object.hasOwn(this,o)){var i=this[o];delete this[o],this[o]=i}n+=1}}function pt(){var t=this,e=this.constructor.projectorMode;U($,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;U(Q,this,r),n&&U(nt,this,this.attachInternals());var o=this.constructor.style;if(o){U(K,this,!0),U($,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:D(Q,this)}),z(ut,this,ht).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render).then((function(){z(ut,t,ft).call(t)}))})),window.addEventListener("updatecssapply",(function(){z(ut,t,dt).call(t)}))}}function dt(){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}(D(H,this));return D(H,this)!==t&&(U(H,this,t),B(ut,this,vt)&&D(Y,this)?D(Y,this).replaceSync(t):B(ut,this,vt)||(D(J,this)&&URL.revokeObjectURL(D(J,this).href),D(J,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})))),t}function ht(t){U(H,this,t),D(K,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):D(K,this)||this.addStylesheetToRootNode(t,document)}function yt(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function vt(t){return Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype}function bt(t){return bt="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},bt(t)}function mt(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,gt(r.key),r)}}function gt(t){var e=function(t,e){if("object"!=bt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=bt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==bt(e)?e:e+""}function wt(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 St(t,e){return t.get(kt(t,e))}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")}ct._propertyInfo=new Map;var Ot,jt,At,Pt,xt,Ct=new WeakMap,Et=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),wt(this,Ct,void 0),r=this,o=e,(n=Ct).set(kt(n,r),o),St(Ct,this).addController(this)},(e=[{key:"hostElement",get:function(){return St(Ct,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()}}])&&mt(t.prototype,e),n&&mt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function Mt(t){var e="function"==typeof Map?new Map:void 0;return Mt=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(Wt())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,e);var o=new(t.bind.apply(t,r));return n&&Dt(o,n.prototype),o}(t,arguments,Vt(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Dt(n,t)},Mt(t)}function Rt(t,e,n,r){var o=Nt(Vt(1&r?t.prototype:t),e,n);return 2&r&&"function"==typeof o?function(t){return o.apply(n,t)}:o}function Nt(){return Nt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Vt(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}},Nt.apply(null,arguments)}function _t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Tt(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 It(t,e,n){return e&&Tt(t.prototype,e),n&&Tt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Ft(t){var e=function(t,e){if("object"!=Zt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=Zt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==Zt(e)?e:e+""}function Lt(t,e,n){return e=Vt(e),function(t,e){if(e&&("object"==Zt(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,Wt()?Reflect.construct(e,n||[],Vt(t).constructor):e.apply(t,n))}function Wt(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(Wt=function(){return!!t})()}function Vt(t){return Vt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Vt(t)}function Bt(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&&Dt(t,e)}function Dt(t,e){return Dt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Dt(t,e)}function Ut(t,e,n){zt(t,e),e.set(t,n)}function zt(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function qt(t,e){return t.get($t(t,e))}function Xt(t,e,n){return t.set($t(t,e),n),n}function $t(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 Zt(t){return Zt="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},Zt(t)}var Ht=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":Zt(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},Yt=(Ot=new WeakMap,function(){function t(){var e;return _t(this,t),Ut(e=Lt(this,t,arguments),Ot,void 0),e.name="foo",Xt(Ot,e,!1),e}return Bt(t,ct),It(t,[{key:"render",value:function(){return h("div",null,"Render on set: ",this.name)}},{key:"connectedCallback",value:function(){if(!qt(Ot,this)){Xt(Ot,this,!0);var t=this.templateFromString("<style>div{color: lime}</style><div />");this.shadowRoot.appendChild(t),this.createProjector(this.shadowRoot.querySelector("div"),this.render)}}}])}());Ht([A],Yt.prototype,"name",void 0),Yt=Ht([y({tagName:"render-on-set"})],Yt);var Jt=(jt=function(){function t(){var e;return _t(this,t),(e=Lt(this,t,arguments))._zero=0,e._renderCount=0,e}return Bt(t,ct),It(t,[{key:"alwaysZero",value:function(){return 0}},{key:"zero",get:function(){return this._zero=this.alwaysZero(),this._zero}},{key:"render",value:function(){return this._renderCount++,h("div",null,"Value of Zero: ",this.zero," - Renders: ",this._renderCount)}}])}(),jt.style="/* */",jt);Ht([A],Jt.prototype,"_zero",void 0),Jt=Ht([y({tagName:"p-bugs-03"})],Jt);var Gt=(At=function(){function t(){return _t(this,t),Lt(this,t,arguments)}return Bt(t,ct),It(t,[{key:"render",value:function(){return h("button",{class:"foo"},h("slot",null))}}])}(),At.style=".foo{background-color: red; color: white; border: 0px;}",At.delegatesFocus=!0,At);Gt=Ht([y({tagName:"my-button"})],Gt);var Kt,Qt,te=(Pt=function(t){function e(){var t;return _t(this,e),(t=Lt(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.onFooEvent=function(e){t.foo=e.detail.foo},t}return Bt(e,t),It(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:"render",value:function(){var t=this;return h("div",null,h("input",{type:"checkbox",checked:"Peter"===this.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":this.name&&this.name.toLocaleUpperCase(),class:"title"},this.foo," ",this.name),h("p",{"data-count":this.count,updateAnimation:this.countUpdateAnimation},this.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:this.name,oninput:this.onInput})),h("p",null,h("a",{is:"super-a"},"Super a")),this.name&&this.name.toLowerCase&&this.name.toLowerCase().indexOf("peter")>-1?h("div",{key:"peter",afterRemoved:this.peterRemoved,afterCreate:this.peterCreate,class:"is-peter",eventListeners:[["click",this.onPeterClick]],enterAnimation:function(e,n){return t.enterAnimation(e,n)},exitAnimation:function(e,n,r){return t.exitAnimation(e,n,r)}},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"})):"")}},{key:"peterRemoved",value:function(){console.log("removed")}},{key:"peterCreate",value:function(){console.log("create")}},{key:"connectedCallback",value:function(){var t=this;Rt(e,"connectedCallback",this,3)([]);var n=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(n),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"]}}])}((Kt=function(){function t(){return _t(this,t),Lt(this,t,arguments)}return Bt(t,ct),It(t,[{key:"render",value:function(){return h("div",null)}}])}(),Qt=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 l(t=a(this,e,[].concat(r)),Qt,!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=Qt).get(f(t,e));var t,e},set:function(t){var e,n,r;n=this,r=t,(e=Qt).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}(Kt))),Pt.isFormAssociated=!0,Pt);Ht([A],te.prototype,"name",void 0),Ht([A],te.prototype,"foo",void 0),Ht([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")],te.prototype,"slotContainer",void 0),te=Ht([y({tagName:"my-greetings"})],te);var ee=new WeakMap,ne=new WeakSet,re=function(){function t(){var e,n,r;return _t(this,t),e=Lt(this,t,arguments),zt(n=e,r=ne),r.add(n),Ut(e,ee,void 0),Xt(ee,e,!1),e.disabled=!1,e}return Bt(t,Et),It(t,[{key:"connected",value:function(){console.log("connected"),Xt(ee,this,!0),$t(ne,this,oe).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),Xt(ee,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}),$t(ne,this,oe).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 oe(){qt(ee,this)&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}Ht([j({type:"boolean"})],re.prototype,"disabled",void 0);var ie=(xt=function(){function t(){var e;return _t(this,t),(e=Lt(this,t,arguments)).disabledController=new re(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 Bt(t,ct),It(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){Rt(t,"attributeChangedCallback",this,3)([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})}}])}(),xt.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",xt.observedAttributes=["disabled"],xt);Ht([j({type:"string",attribute:"name",reflect:!0})],ie.prototype,"name",void 0),Ht([j({type:"number",attribute:"age",reflect:!0})],ie.prototype,"age",void 0),Ht([j({type:"object",attribute:"data",reflect:!0})],ie.prototype,"data",void 0),Ht([j({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}}})],ie.prototype,"items",void 0),Ht([j({type:"string",attribute:"nick-name"})],ie.prototype,"nickName",void 0),ie=Ht([y({tagName:"p-foo"})],ie);var ae=function(){function t(){var e;return _t(this,t),(e=Lt(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Bt(t,Mt(HTMLAnchorElement)),It(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}();window.customElements.define("super-a",ae,{extends:"a"});export{Gt as MyButton,te as MyGreetings,Jt as PBugs03,Yt as RenderOnSet};

package/demo/theme.css

@@ -5,6 +5,7 @@
   --mixin-sample: {
     border: 2px solid black;
     background-color: green;
+    color: white;
     margin: 5px;
     padding: 5px;
   }