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