p-elements-core 1.2.30 → 1.2.32-rc1

package/.editorconfig

@@ -1,17 +1,17 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = crlf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.html]
-indent_style = space
-indent_size = 4
-end_of_line = crlf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.html]
+indent_style = space
+indent_size = 4
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

package/.gitlab-ci.yml

@@ -1,18 +1,18 @@
-# The Docker image that will be used to build your app
-image: node:lts
-create-pages:
-  pages:
-    # The folder that contains the files to be exposed at the Page URL
-    publish: docs/public
-  rules:
-    # This ensures that only pushes to the default branch will trigger
-    # a pages deploy
-    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
-    - if: $CI_COMMIT_REF_NAME == "pages"
-  # Functions that should be executed before the build script is run
-  before_script:
-    - cd docs
-    - npm ci
-    - npm run build
-  script:
-    - npm ci
+# The Docker image that will be used to build your app
+image: node:lts
+create-pages:
+  pages:
+    # The folder that contains the files to be exposed at the Page URL
+    publish: docs/public
+  rules:
+    # This ensures that only pushes to the default branch will trigger
+    # a pages deploy
+    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
+    - if: $CI_COMMIT_REF_NAME == "pages"
+  # Functions that should be executed before the build script is run
+  before_script:
+    - cd docs
+    - npm ci
+    - npm run build
+  script:
+    - npm ci

package/demo/sample.js

@@ -1 +1 @@
-/*! P-ELEMENTS 1.2.30 - Tue May 06 2025 09:50:57 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-rc1 - Mon Feb 09 2026 07:01:46 GMT+0100 (Central European Standard Time) */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 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 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 O(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 k(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 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):D[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=k(a,i),r.to=k(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(_,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(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,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?O(c.value,s*b):m+s*(b-m),f&&(c.isColor&&2<v||(b=Math.round(b*f)/f)),p.push(b)}if(c=l.length)for(y=l[0],s=0;s<c;s++)f=l[s+1],v=p[s],isNaN(v)||(y=f?y+(v+f):y+(v+" "));else y=p[0];B[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++)I||(I=h(document.body,"transform")?"transform":"-webkit-transform"),d.animatables[o].target.style[I]=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?(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=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,l||(l=c),u((s+c-l)*T.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,l=0,s=r(d.currentTime),U.push(d),q||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 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 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)}}}}(),D=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}(),B={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=[],q=0,X=function(){function t(){q=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(q),q=0}return t}();return T.version="2.2.0",T.speed=1,T.running=U,T.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())},T.getValue=b,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:S(r)*(o/100)}}},T.setDashoffset=function(t){var e=S(t);return t.setAttribute("stroke-dasharray",e),e},T.bezier=V,T.easings=D,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(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=T(r)).began=!0,r.completed=!0,r.duration>n&&(e.duration=r.duration),e.children.push(r)})),e.seek(0),e.reset(),e.autoplay&&e.restart(),e},e},T.random=function(t,e){return Math.floor(Math.random()*(e-t+1))+t},T},void 0===(i="function"==typeof r?r.apply(e,o):r)||(t.exports=i)}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var i=e[r]={exports:{}};return t[r].call(i.exports,i,i.exports,n),i.exports}function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function o(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,i(r.key),r)}}function i(t){var e=function(t,e){if("object"!=r(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==r(e)?e:e+""}function a(t,e,n){return e=c(e),function(t,e){if(e&&("object"==r(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,u()?Reflect.construct(e,n||[],c(t).constructor):e.apply(t,n))}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(u=function(){return!!t})()}function c(t){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},c(t)}function l(t,e){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},l(t,e)}function s(t,e,n){(function(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")})(t,e),e.set(t,n)}function f(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var p=n(554),d=n.n(p),y=function(t){return function(e){customElements.get(t.tagName)?console.warn("Custom element with tag name ".concat(t.tagName," already exists.")):customElements.define(t.tagName,e,t.options)}};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,O=new WeakMap;function k(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=function(t){if("string"==typeof t)switch(t){case"string":default:return String;case"number":return Number;case"boolean":return Boolean;case"object":return Object;case"array":return Array}return t||String}(e);return function(e,n){var o=new WeakMap,c=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)&&c&&this.hasAttribute&&this.hasAttribute(c)){var t,e=this.getAttribute(c);if(null!==e)return t=a&&a.fromAttribute?a.fromAttribute(e):u===Boolean||(u===Number?Number(e):e),o.set(this,t),"function"==typeof this.renderNow&&this.renderNow(),t}return o.has(this)?o.get(this):u!==Boolean&&void 0},set:function(t){var e,r=o.get(this);if(!o.has(this)&&c&&this.hasAttribute&&this.hasAttribute(c)){var l=this.getAttribute(c);if(null!==l)return e=a&&a.fromAttribute?a.fromAttribute(l):u===Boolean||(u===Number?Number(l):l),o.set(this,e),void(this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(O.has(this)||O.set(this,[]),O.get(this).push({propertyKey:n,oldValue:r,newValue:e})))}if(e=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,u,a),r!==e){var s=!this.shouldUpdate||this.shouldUpdate(n,r,e);if(o.set(this,s?e:r),i&&void 0!==c)if(this.isConnected){w.add(this);try{k(this,c,s?e:r,u,a)}finally{w.delete(this)}}else S.has(this)||S.set(this,new Map),S.get(this).set(c,{value:s?e:r,type:u,converter:a});this.isConnected?("function"==typeof this.renderNow&&this.renderNow(),this.updated&&this.updated(n,r,e)):this.updated&&(O.has(this)||O.set(this,[]),O.get(this).push({propertyKey:n,oldValue:r,newValue:e}))}},configurable:!0}),e.constructor._propertyInfo||(e.constructor._propertyInfo=new Map),e.constructor._propertyInfo.set(n,b(b({},t),{},{name:n,attribute:c,type:u})),c&&(e.constructor.observedAttributes||(e.constructor.observedAttributes=[]),e.constructor.observedAttributes.includes(c)||e.constructor.observedAttributes.push(c))}}var A=j({});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,l=!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){l=!0,o=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)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(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 I(t){var e="function"==typeof Map?new Map:void 0;return I=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(_())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)},I(t)}function _(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_=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 D(t,e){return t.get(U(t,e))}function B(t,e,n){return t.set(U(t,e),n),n}function U(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,Z=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 WeakSet,ut=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=T(r,_()?Reflect.construct(o,i||[],L(r).constructor):o.apply(r,i)),at),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,Z,void 0),W(n,J,!1),W(n,G,!1),W(n,K,!1),W(n,Q,!0),W(n,tt,!0),W(n,et,null),W(n,nt,void 0),W(n,rt,[]),W(n,ot,null),W(n,it,null);var a=function(t){console.warn("ElementInternals.".concat(t," called before element was connected. Call will be ignored."))};return B(nt,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")}}),U(at,n,ft).call(n),U(at,n,ct).call(n),T(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,I(HTMLElement)),e=t,n=[{key:"isConnected",get:function(){return D(z,this)}},{key:"updateComplete",get:function(){return D(ot,this)?D(ot,this):Promise.resolve()}},{key:"internals",get:function(){if(!D(z,this)&&"object"===M(D(nt,this)))return D(nt,this);var t=this.constructor;if(null===D(et,this)&&t.formAssociated){var e=D(nt,this);for(var n in B(nt,this,null),B(et,this,this.attachInternals()),e)"function"!=typeof D(et,this)[n]&&(D(et,this)[n]=e[n])}return D(et,this)},set:function(t){B(et,this,t)}},{key:"requestUpdate",value:function(){var t=this;return D(ot,this)||(B(ot,this,new Promise((function(e){B(it,t,e)}))),this.scheduleRender()),D(ot,this)}},{key:"addController",value:function(t){D(rt,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(ot,this)||B(ot,this,new Promise((function(t){B(it,e,t)}))),null===(t=D(X,this))||void 0===t||t.renderNow(),this.updated("",null,null),D(it,this))){var n=D(it,this);B(it,this,null),B(ot,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(U(at,this),Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype){if(D(Y,this)||B(Y,this,new CSSStyleSheet),D(Y,this).replaceSync(t),D(J,this))return;if(e instanceof Document){var n=U(at,this,dt).call(this,t);-1===q.indexOf(n)&&(document.adoptedStyleSheets=[].concat(x(document.adoptedStyleSheets),[D(Y,this)]),B(J,this,!0),q.push(n))}else this.shadowRoot.adoptedStyleSheets=[D(Y,this)],B(J,this,!0)}else if(B(Z,this,document.createElement("link")),D(Z,this).rel="stylesheet",D(Z,this).href=URL.createObjectURL(new Blob([t],{type:"text/css"})),e instanceof Document){var r=U(at,this,dt).call(this,t);-1===q.indexOf(r)&&(document.head.appendChild(D(Z,this)),q.push(r))}else this.shadowRoot.appendChild(D(Z,this))}},{key:"templateFromString",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=document.createElement("template");n.innerHTML=t;var r=document.createDocumentFragment();r.appendChild(n.content);var o=r.querySelector("style");return e&&(B(G,this,!0),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:D(K,this)})),o&&(U(at,this,pt).call(this,o.textContent),o.remove()),r}},{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||U(at,n,lt).call(n,t)}}))[a](t,e.bind(n)),B(X,n,i),i.renderNow(),r(i),n.dispatchEvent(new CustomEvent("firstRender",{}))}))}))}},{key:"connectedCallback",value:function(){B(z,this,!0);for(var t=0,e=D(rt,this).length;t<e;){var n=D(rt,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){k(t,n,e.value,e.type,e.converter)}))}finally{w.delete(t)}S.delete(t)}var n=O.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}O.delete(t)}}(this),this.renderNow()}},{key:"disconnectedCallback",value:function(){B(z,this,!1);for(var t=0,e=D(rt,this).length;t<e;){var n=D(rt,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 ct(){"function"==typeof this.init&&(this.init(),D(rt,this).forEach((function(t){null==t||t.init()})))}function lt(t){var e=this;this[t]&&this[t](D("renderStart"===t?Q:tt,this));var n="host".concat(t.charAt(0).toUpperCase()).concat(t.slice(1));D(rt,this).forEach((function(r){r[n]&&r[n](D("renderStart"===t?Q:tt,e))})),B("renderStart"===t?Q:tt,this,!1)}function st(){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 ft(){var t=this,e=this.constructor.projectorMode;B($,this,e||"append");var n=this.constructor.formAssociated,r=this.constructor.delegatesFocus;B(K,this,r),n&&B(et,this,this.attachInternals());var o=this.constructor.style;if(o){B(G,this,!0),B($,this,"replace"),this.shadowRoot||this.attachShadow({mode:"open",delegatesFocus:D(K,this)}),U(at,this,pt).call(this,o);var i=document.createElement("div");this.shadowRoot.appendChild(i),requestAnimationFrame((function(){t.createProjector(i,t.render).then((function(){U(at,t,st).call(t)}))}))}}function pt(t){B(H,this,t),D(G,this)&&this.shadowRoot?this.addStylesheetToRootNode(t,this.shadowRoot):D(G,this)||this.addStylesheetToRootNode(t,document)}function dt(t){for(var e=0,n=0;e<t.length;e++)n=Math.imul(31,n)+t.charCodeAt(e)|0;return n}function ht(t){return ht="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},ht(t)}function yt(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,vt(r.key),r)}}function vt(t){var e=function(t,e){if("object"!=ht(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=ht(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==ht(e)?e:e+""}function bt(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 mt(t,e){return t.get(gt(t,e))}function gt(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")}ut._propertyInfo=new Map;var wt,St,Ot,kt=new WeakMap,jt=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),bt(this,kt,void 0),r=this,o=e,(n=kt).set(gt(n,r),o),mt(kt,this).addController(this)},(e=[{key:"hostElement",get:function(){return mt(kt,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()}}])&&yt(t.prototype,e),n&&yt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,n}();function At(t){var e="function"==typeof Map?new Map:void 0;return At=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&&Wt(o,n.prototype),o}(t,arguments,Ft(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Wt(n,t)},At(t)}function Pt(){return Pt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=function(t,e){for(;!{}.hasOwnProperty.call(t,e)&&null!==(t=Ft(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}},Pt.apply(null,arguments)}function xt(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}function Ct(t,e,n){return t.set(Et(t,e),n),n}function Et(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 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,Nt(r.key),r)}}function Rt(t,e,n){return e&&Mt(t.prototype,e),n&&Mt(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function Nt(t){var e=function(t,e){if("object"!=Vt(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=Vt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==Vt(e)?e:e+""}function Tt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function It(t,e,n){return e=Ft(e),function(t,e){if(e&&("object"==Vt(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||[],Ft(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 Ft(t){return Ft=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Ft(t)}function Lt(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&&Wt(t,e)}function Wt(t,e){return Wt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Wt(t,e)}function Vt(t){return Vt="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},Vt(t)}var Dt=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":Vt(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},Bt=(wt=function(){function t(){var e;return Tt(this,t),(e=It(this,t,arguments)).render=function(){return h("button",{class:"foo"},h("slot",null))},e}return Lt(t,ut),Rt(t)}(),wt.style=".foo{background-color: red; color: white; border: 0px;}",wt.delegatesFocus=!0,wt);Bt=Dt([y({tagName:"my-button"})],Bt);var Ut,qt,Xt=(St=function(t){function e(){var t;return Tt(this,e),(t=It(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 Lt(e,t),Rt(e,[{key:"enterAnimation",value:function(t,e){d()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],rotate:"2turn",duration:3e3,loop:!1})}},{key:"exitAnimation",value:function(t,e,n){d()({targets:t,translateX:[{value:100,duration:1200},{value:0,duration:800}],duration:3e3,opacity:0,loop:!1,complete:function(){e(t)}})}},{key:"countUpdateAnimation",value:function(t,e,n){d().timeline().add([{duration:300,targets:t,translateX:200,scale:1.9,easing:"easeOutExpo"},{duration:300,targets:t,translateX:0,scale:1,easing:"easeInExpo"}])}},{key:"peterRemoved",value:function(){console.log("removed")}},{key:"peterCreate",value:function(){console.log("create")}},{key:"connectedCallback",value:function(){var t=this,e=this.templateFromString('\n      <style>\n\n        :host{\n          /* display: none; */\n        }\n\n        .root {\n          display: flex;\n          padding: 10px;\n          flex-direction: row;\n        }\n\n        #Foo {\n          @apply --mixin-sample;\n          text-decoration: underline;\n        }\n\n        #SlotContainer ::slotted(*) {\n          font-weight: bold;\n          color: green;\n          font-size: 1.5em;\n        }\n\n      </style>\n      <div class="root"></div>\n    ');this.shadowRoot.appendChild(e),this.createProjector(this.shadowRoot.querySelector(".root"),this.render),setInterval((function(){t.count++,t.renderNow()}),5e3),window.addEventListener("foo",this.onFooEvent)}},{key:"attributeChangedCallback",value:function(t,e,n){"name"===t&&(this.name=n)}}],[{key:"observedAttributes",get:function(){return["name"]}}])}((Ut=function(){function t(){return Tt(this,t),It(this,t,arguments)}return Lt(t,ut),Rt(t)}(),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 s(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&&l(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}(Ut))),St.isFormAssociated=!0,St);Dt([A],Xt.prototype,"name",void 0),Dt([A],Xt.prototype,"foo",void 0),Dt([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")],Xt.prototype,"slotContainer",void 0),Xt=Dt([y({tagName:"my-greetings"})],Xt);var $t=new WeakMap,zt=new WeakSet,Ht=function(){function t(){var e,n,r;return Tt(this,t),e=It(this,t,arguments),xt(n=e,r=zt),r.add(n),function(t,e,n){xt(t,e),e.set(t,n)}(e,$t,void 0),Ct($t,e,!1),e.disabled=!1,e}return Lt(t,jt),Rt(t,[{key:"connected",value:function(){console.log("connected"),Ct($t,this,!0),Et(zt,this,Yt).call(this)}},{key:"disconnected",value:function(){console.info("disconnected"),Ct($t,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}),Et(zt,this,Yt).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 Yt(){var t,e;(e=this,(t=$t).get(Et(t,e)))&&(!0===this.disabled?this.hostElement.setAttribute("disabled","!!"):this.hostElement.removeAttribute("disabled"))}Dt([j({type:"boolean"})],Ht.prototype,"disabled",void 0);var Zt=(Ot=function(){function t(){var e;return Tt(this,t),(e=It(this,t,arguments)).disabledController=new Ht(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 Lt(t,ut),Rt(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=Pt(Ft(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})}}])}(),Ot.style=".foo{color: red} .foo__disabled{opacity: 0.5;}",Ot.observedAttributes=["disabled"],Ot);Dt([j({type:"string",attribute:"name",reflect:!0})],Zt.prototype,"name",void 0),Dt([j({type:"number",attribute:"age",reflect:!0})],Zt.prototype,"age",void 0),Dt([j({type:"object",attribute:"data",reflect:!0})],Zt.prototype,"data",void 0),Dt([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}}})],Zt.prototype,"items",void 0),Dt([j({type:"string",attribute:"nick-name",readonly:!0})],Zt.prototype,"nickName",void 0),Zt=Dt([y({tagName:"p-foo"})],Zt);var Jt=function(){function t(){var e;return Tt(this,t),(e=It(this,t)).onclick=function(t){t.preventDefault(),alert("super")},e}return Lt(t,At(HTMLAnchorElement)),Rt(t,[{key:"connectedCallback",value:function(){this.classList.add("super"),this.style.color="red"}}])}();window.customElements.define("super-a",Jt,{extends:"a"});export{Bt as MyButton,Xt as MyGreetings};

package/demo/screen.css

@@ -1,16 +1,16 @@
-/*
-  prevent FOUC
-*/
-:not(.custom-style-defined) body{
-  opacity: 0;
-}
-
-.custom-style-defined body{
-  opacity: 1;
-  transition: opacity 0.25s;
-}
-
-html, body {
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
-  color: #666;
-}
+/*
+  prevent FOUC
+*/
+:not(.custom-style-defined) body{
+  opacity: 0;
+}
+
+.custom-style-defined body{
+  opacity: 1;
+  transition: opacity 0.25s;
+}
+
+html, body {
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  color: #666;
+}