@fluid-topics/ft-skeleton 2.0.30 → 2.0.32

package/build/ft-skeleton.light.js

@@ -1,29 +1,29 @@
-"use strict";(()=>{var x=Object.create;var g=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var m=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var D=(e,r,i,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of C(r))!S.call(e,n)&&n!==i&&g(e,n,{get:()=>r[n],enumerable:!(c=w(r,n))||c.enumerable});return e};var l=(e,r,i)=>(i=e!=null?x(W(e)):{},D(r||!e||!e.__esModule?g(i,"default",{value:e,enumerable:!0}):i,e));var s=m((O,f)=>{f.exports=ftGlobals.wcUtils});var d=m((R,h)=>{h.exports=ftGlobals.lit});var y=l(s());var k=l(d()),u=l(s());var p=l(d()),o=l(s()),t={display:o.FtCssVariableFactory.create("--ft-skeleton--display","","DISPLAY","block"),width:o.FtCssVariableFactory.create("--ft-skeleton--width","","SIZE","100%"),height:o.FtCssVariableFactory.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:o.FtCssVariableFactory.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:o.FtCssVariableFactory.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:o.FtCssVariableFactory.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:o.FtCssVariableFactory.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusM,"Design system")},b=p.css`
+"use strict";(()=>{var x=Object.create;var g=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var m=(r,t)=>()=>{try{return t||r((t={exports:{}}).exports,t),t.exports}catch(a){throw t=0,a}};var D=(r,t,a,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of C(t))!S.call(r,n)&&n!==a&&g(r,n,{get:()=>t[n],enumerable:!(c=w(t,n))||c.enumerable});return r};var l=(r,t,a)=>(a=r!=null?x(W(r)):{},D(t||!r||!r.__esModule?g(a,"default",{value:r,enumerable:!0}):a,r));var s=m((O,f)=>{f.exports=ftGlobals.wcUtils});var d=m((R,h)=>{h.exports=ftGlobals.lit});var y=l(s());var k=l(d()),u=l(s());var p=l(d()),o=l(s()),e={display:o.FtCssVariableFactory.create("--ft-skeleton--display","","DISPLAY","block"),width:o.FtCssVariableFactory.create("--ft-skeleton--width","","SIZE","100%"),height:o.FtCssVariableFactory.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:o.FtCssVariableFactory.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:o.FtCssVariableFactory.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:o.FtCssVariableFactory.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:o.FtCssVariableFactory.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusM,"Design system")},b=p.css`
     :host {
-        width: ${t.width};
-        height: ${t.height};
-        display: ${t.display};
+        width: ${e.width};
+        height: ${e.height};
+        display: ${e.display};
         overflow: hidden;
-        border-radius: ${t.borderRadiusM};
+        border-radius: ${e.borderRadiusM};
         background: linear-gradient(
                 90deg,
                 transparent,
-                ${t.glareColor} calc(0.45 * ${t.glareWidth}),
-                ${t.glareColor} calc(0.55 * ${t.glareWidth}),
-                transparent ${t.glareWidth}
-        ), ${t.backgroundColor};
+                ${e.glareColor} calc(0.45 * ${e.glareWidth}),
+                ${e.glareColor} calc(0.55 * ${e.glareWidth}),
+                transparent ${e.glareWidth}
+        ), ${e.backgroundColor};
         background-repeat: repeat-y;
         background-size: 100vw 100vh;
         background-attachment: fixed;
-        background-position: calc(${t.glareWidth} * -1) 0;
-        animation: shine ${t.animationDuration} infinite;
+        background-position: calc(${e.glareWidth} * -1) 0;
+        animation: shine ${e.animationDuration} infinite;
         animation-timing-function: linear;
     }
 
     @keyframes shine {
         to {
-            background-position: calc(100vw + ${t.glareWidth}) 0, calc(${t.glareWidth} * -1) 0;
+            background-position: calc(100vw + ${e.glareWidth}) 0, calc(${e.glareWidth} * -1) 0;
         }
     }
-`;var a=class extends u.FtLitElement{render(){return k.html`
-        `}};a.elementDefinitions={};a.styles=b;var $={"ft-skeleton":a};(0,y.customElements)($);})();
+`;var i=class extends u.FtLitElement{render(){return k.html`
+        `}};i.elementDefinitions={};i.styles=b;var $={"ft-skeleton":i};(0,y.customElements)($);})();