@fluid-topics/ft-skeleton 2.0.27 → 2.0.29

package/build/define.js

@@ -1,3 +1,3 @@
-import { customElement } from "@fluid-topics/ft-wc-utils";
-import { FtSkeleton } from "./ft-skeleton";
-customElement("ft-skeleton")(FtSkeleton);
+import { customElements } from "@fluid-topics/ft-wc-utils";
+import definitions from "./definitions";
+customElements(definitions);

package/build/definitions.d.ts

@@ -0,0 +1,5 @@
+import { FtSkeleton } from "./ft-skeleton";
+declare const _default: {
+    "ft-skeleton": typeof FtSkeleton;
+};
+export default _default;

package/build/definitions.js

@@ -0,0 +1,4 @@
+import { FtSkeleton } from "./ft-skeleton";
+export default {
+    "ft-skeleton": FtSkeleton,
+};

package/build/ft-skeleton.light.js

@@ -1,29 +1,29 @@
-"use strict";(()=>{var y=Object.create;var g=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var m=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var S=(t,r,i,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of w(r))!W.call(t,n)&&n!==i&&g(t,n,{get:()=>r[n],enumerable:!(c=x(r,n))||c.enumerable});return t};var l=(t,r,i)=>(i=t!=null?y(C(t)):{},S(r||!t||!t.__esModule?g(i,"default",{value:t,enumerable:!0}):i,t));var s=m((E,h)=>{h.exports=ftGlobals.wcUtils});var d=m((O,f)=>{f.exports=ftGlobals.lit});var $=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`
+"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`
     :host {
-        width: ${e.width};
-        height: ${e.height};
-        display: ${e.display};
+        width: ${t.width};
+        height: ${t.height};
+        display: ${t.display};
         overflow: hidden;
-        border-radius: ${e.borderRadiusM};
+        border-radius: ${t.borderRadiusM};
         background: linear-gradient(
                 90deg,
                 transparent,
-                ${e.glareColor} calc(0.45 * ${e.glareWidth}),
-                ${e.glareColor} calc(0.55 * ${e.glareWidth}),
-                transparent ${e.glareWidth}
-        ), ${e.backgroundColor};
+                ${t.glareColor} calc(0.45 * ${t.glareWidth}),
+                ${t.glareColor} calc(0.55 * ${t.glareWidth}),
+                transparent ${t.glareWidth}
+        ), ${t.backgroundColor};
         background-repeat: repeat-y;
         background-size: 100vw 100vh;
         background-attachment: fixed;
-        background-position: calc(${e.glareWidth} * -1) 0;
-        animation: shine ${e.animationDuration} infinite;
+        background-position: calc(${t.glareWidth} * -1) 0;
+        animation: shine ${t.animationDuration} infinite;
         animation-timing-function: linear;
     }
 
     @keyframes shine {
         to {
-            background-position: calc(100vw + ${e.glareWidth}) 0, calc(${e.glareWidth} * -1) 0;
+            background-position: calc(100vw + ${t.glareWidth}) 0, calc(${t.glareWidth} * -1) 0;
         }
     }
 `;var a=class extends u.FtLitElement{render(){return k.html`
-        `}};a.elementDefinitions={};a.styles=b;(0,$.customElement)("ft-skeleton")(a);})();
+        `}};a.elementDefinitions={};a.styles=b;var $={"ft-skeleton":a};(0,y.customElements)($);})();