@fluid-topics/ft-size-watcher 1.4.5 → 2.0.0

package/build/define.d.ts

@@ -0,0 +1 @@
+export {};

package/build/define.js

@@ -0,0 +1,3 @@
+import { customElement } from "@fluid-topics/ft-wc-utils";
+import { FtSizeWatcher } from "./ft-size-watcher";
+customElement("ft-size-watcher")(FtSizeWatcher);

package/build/ft-size-watcher.light.js

@@ -1,4 +1,4 @@
-"use strict";(()=>{var D=Object.create;var b=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var m=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var G=(e,t,i,h)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _(t))!E.call(e,s)&&s!==i&&b(e,s,{get:()=>t[s],enumerable:!(h=R(t,s))||h.enumerable});return e};var a=(e,t,i)=>(i=e!=null?D(j(e)):{},G(t||!e||!e.__esModule?b(i,"default",{value:e,enumerable:!0}):i,e));var w=m((T,v)=>{v.exports=ftGlobals.wcUtils});var d=m((W,y)=>{y.exports=ftGlobals.lit});var L=m((A,x)=>{x.exports=ftGlobals.litDecorators});var S=a(w());var O=a(d()),l=a(L()),n=a(w());var o;(function(e){e.S="S",e.M="M",e.L="L",e.XL="XL",e.XXL="XXL"})(o||(o={}));var g=a(d()),P={},X=g.css`
+"use strict";(()=>{var D=Object.create;var b=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var w=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var G=(e,t,i,h)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of _(t))!E.call(e,s)&&s!==i&&b(e,s,{get:()=>t[s],enumerable:!(h=R(t,s))||h.enumerable});return e};var a=(e,t,i)=>(i=e!=null?D(j(e)):{},G(t||!e||!e.__esModule?b(i,"default",{value:e,enumerable:!0}):i,e));var d=w((T,v)=>{v.exports=ftGlobals.wcUtils});var m=w((W,y)=>{y.exports=ftGlobals.lit});var L=w((A,x)=>{x.exports=ftGlobals.litDecorators});var S=a(d());var O=a(m()),l=a(L()),f=a(d());var o;(function(e){e.S="S",e.M="M",e.L="L",e.XL="XL",e.XXL="XXL"})(o||(o={}));var g=a(m());var X=g.css`
     .ft-size-watcher--pixel {
         width: 0;
         height: 0;
@@ -17,7 +17,7 @@
     .ft-size-watcher--local .ft-size-watcher--watcher {
         width: 100%;
     }
-`;var p=function(e,t,i,h){var s=arguments.length,c=s<3?t:h===null?h=Object.getOwnPropertyDescriptor(t,i):h,f;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,t,i,h);else for(var u=e.length-1;u>=0;u--)(f=e[u])&&(c=(s<3?f(c):s>3?f(t,i,c):f(t,i))||c);return s>3&&c&&Object.defineProperty(t,i,c),c},z=class extends CustomEvent{constructor(t,i){super("change",{detail:{size:t,category:i}})}},r=class extends n.FtLitElement{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=o.S,this.resizeObserver=new ResizeObserver(()=>this.updateSize()),this.debouncer=new n.Debouncer}render(){return O.html`
+`;var p=function(e,t,i,h){var s=arguments.length,c=s<3?t:h===null?h=Object.getOwnPropertyDescriptor(t,i):h,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,t,i,h);else for(var u=e.length-1;u>=0;u--)(n=e[u])&&(c=(s<3?n(c):s>3?n(t,i,c):n(t,i))||c);return s>3&&c&&Object.defineProperty(t,i,c),c},z=class extends CustomEvent{constructor(t,i){super("change",{detail:{size:t,category:i}})}},r=class extends f.FtLitElement{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=o.S,this.resizeObserver=new ResizeObserver(()=>this.updateSize()),this.debouncer=new f.Debouncer}render(){return O.html`
             <div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
                 <div class="ft-size-watcher--watcher"></div>
             </div>

package/build/ft-size-watcher.min.js

@@ -82,7 +82,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ftds-con
                         <li>${this.helperText}</li>
                     `)}
                 </ul>
-            `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?Ye.error:this.warningMessages.length?Ye.warning:Ye.default}processRules(n){return n.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return G([k()],e.prototype,"warningRules",void 0),G([k()],e.prototype,"errorRules",void 0),G([k()],e.prototype,"validateOn",void 0),G([k({type:Boolean})],e.prototype,"validateAtRender",void 0),G([k()],e.prototype,"label",void 0),G([k({type:Boolean})],e.prototype,"hideLabel",void 0),G([k()],e.prototype,"name",void 0),G([k({type:Boolean})],e.prototype,"disabled",void 0),G([k()],e.prototype,"helperText",void 0),G([k()],e.prototype,"forceStatus",void 0),G([k({reflect:!0})],e.prototype,"value",void 0),G([ce()],e.prototype,"errorMessages",void 0),G([ce()],e.prototype,"warningMessages",void 0),G([ce()],e.prototype,"status",void 0),G([ce()],e.prototype,"focused",void 0),G([ce()],e.prototype,"additionalWarningRules",void 0),G([ce()],e.prototype,"additionalErrorRules",void 0),e});var jt=(t,e)=>{let o=t._$AN;if(o===void 0)return!1;for(let n of o)n._$AO?.(e,!1),jt(n,e);return!0},Er=t=>{let e,o;do{if((e=t._$AM)===void 0)break;o=e._$AN,o.delete(t),t=e}while(o?.size===0)},Ts=t=>{for(let e;e=t._$AM;t=e){let o=e._$AN;if(o===void 0)e._$AN=o=new Set;else if(o.has(t))break;o.add(t),Hd(e)}};function zd(t){this._$AN!==void 0?(Er(this),this._$AM=t,Ts(this)):this._$AM=t}function $d(t,e=!1,o=0){let n=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(n))for(let i=o;i<n.length;i++)jt(n[i],!1),Er(n[i]);else n!=null&&(jt(n,!1),Er(n));else jt(this,t)}var Hd=t=>{t.type==le.CHILD&&(t._$AP??=$d,t._$AQ??=zd)},wr=class extends J{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,o,n){super._$AT(e,o,n),Ts(this),this.isConnected=e._$AU}_$AO(e,o=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),o&&(jt(this,e),Er(this))}setValue(e){if(Xn(this._$Ct))this._$Ct._$AI(e,this);else{let o=[...this._$Ct._$AH];o[this._$Ci]=e,this._$Ct._$AI(o,this,0)}}disconnected(){}reconnected(){}};var Ps;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(Ps||(Ps={}));var Wd={sm:640,md:768,lg:1024,xl:1280},In=class extends wr{constructor(e){super(e),this.size=0,this.onResize=()=>{let o=window.innerWidth;this.size!==o&&(this.size=o,this.lastArgs&&this.setValue(this.render(...this.lastArgs)))},this.size=window.innerWidth,window.addEventListener("resize",this.onResize)}disconnected(){window.removeEventListener("resize",this.onResize)}reconnected(){window.addEventListener("resize",this.onResize)}update(e,[o,n,a]){return this.lastArgs=[o,n,a],this.render(o,n,a)}render(e,o,n){let a=this.resolveThreshold(e),i=n??(()=>B);return this.size>a?o():i()}resolveThreshold(e){return typeof e=="number"?e:Wd[e]}},bb=oe(In);var Tn,Pn,Nn,Ln,Gd=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Nn=(Pn=(Tn=window.safari)===null||Tn===void 0?void 0:Tn.pushNotification)===null||Pn===void 0?void 0:Pn.toString())!==null&&Nn!==void 0?Nn:"")==="[object SafariRemoteNotification]",jd="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Ln=window.ftGlobals)!==null&&Ln!==void 0?Ln:{lit:Mr,litDecorators:Br,litRepeat:zr,litClassMap:$r,litStyleMap:Hr,litUnsafeHTML:Wr,wcUtils:{...Qr,...jr,...no,...On,...ao,...co,...po,...Xr,...Ro,...An,...Rs,...gn,..._o,...fo,...ko,...vn,...No,...Rn,...di,...Zr,...Fo,...ho,...Mo,..._s,...fi,...Bo,...pn,...wn,...Io,...Po,...bn,...to,isSafari:Gd,isTouchScreen:jd,setVariable:rt}};var be;(function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"})(be||(be={}));var lx={},Ns=$`
+            `}resolveStatus(){return this.forceStatus?this.forceStatus:this.errorMessages.length?Ye.error:this.warningMessages.length?Ye.warning:Ye.default}processRules(n){return n.map(a=>a(this.value)).filter(a=>a!==!0).map(a=>a)}}return G([k()],e.prototype,"warningRules",void 0),G([k()],e.prototype,"errorRules",void 0),G([k()],e.prototype,"validateOn",void 0),G([k({type:Boolean})],e.prototype,"validateAtRender",void 0),G([k()],e.prototype,"label",void 0),G([k({type:Boolean})],e.prototype,"hideLabel",void 0),G([k()],e.prototype,"name",void 0),G([k({type:Boolean})],e.prototype,"disabled",void 0),G([k()],e.prototype,"helperText",void 0),G([k()],e.prototype,"forceStatus",void 0),G([k({reflect:!0})],e.prototype,"value",void 0),G([ce()],e.prototype,"errorMessages",void 0),G([ce()],e.prototype,"warningMessages",void 0),G([ce()],e.prototype,"status",void 0),G([ce()],e.prototype,"focused",void 0),G([ce()],e.prototype,"additionalWarningRules",void 0),G([ce()],e.prototype,"additionalErrorRules",void 0),e});var jt=(t,e)=>{let o=t._$AN;if(o===void 0)return!1;for(let n of o)n._$AO?.(e,!1),jt(n,e);return!0},Er=t=>{let e,o;do{if((e=t._$AM)===void 0)break;o=e._$AN,o.delete(t),t=e}while(o?.size===0)},Ts=t=>{for(let e;e=t._$AM;t=e){let o=e._$AN;if(o===void 0)e._$AN=o=new Set;else if(o.has(t))break;o.add(t),Hd(e)}};function zd(t){this._$AN!==void 0?(Er(this),this._$AM=t,Ts(this)):this._$AM=t}function $d(t,e=!1,o=0){let n=this._$AH,a=this._$AN;if(a!==void 0&&a.size!==0)if(e)if(Array.isArray(n))for(let i=o;i<n.length;i++)jt(n[i],!1),Er(n[i]);else n!=null&&(jt(n,!1),Er(n));else jt(this,t)}var Hd=t=>{t.type==le.CHILD&&(t._$AP??=$d,t._$AQ??=zd)},wr=class extends J{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,o,n){super._$AT(e,o,n),Ts(this),this.isConnected=e._$AU}_$AO(e,o=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),o&&(jt(this,e),Er(this))}setValue(e){if(Xn(this._$Ct))this._$Ct._$AI(e,this);else{let o=[...this._$Ct._$AH];o[this._$Ci]=e,this._$Ct._$AI(o,this,0)}}disconnected(){}reconnected(){}};var Ps;(function(t){t.sm="sm",t.md="md",t.lg="lg",t.xl="xl"})(Ps||(Ps={}));var Wd={sm:640,md:768,lg:1024,xl:1280},In=class extends wr{constructor(e){super(e),this.size=0,this.onResize=()=>{let o=window.innerWidth;this.size!==o&&(this.size=o,this.lastArgs&&this.setValue(this.render(...this.lastArgs)))},this.size=window.innerWidth,window.addEventListener("resize",this.onResize)}disconnected(){window.removeEventListener("resize",this.onResize)}reconnected(){window.addEventListener("resize",this.onResize)}update(e,[o,n,a]){return this.lastArgs=[o,n,a],this.render(o,n,a)}render(e,o,n){let a=this.resolveThreshold(e),i=n??(()=>B);return this.size>a?o():i()}resolveThreshold(e){return typeof e=="number"?e:Wd[e]}},bb=oe(In);var Tn,Pn,Nn,Ln,Gd=navigator.vendor&&!!navigator.vendor.match(/apple/i)||((Nn=(Pn=(Tn=window.safari)===null||Tn===void 0?void 0:Tn.pushNotification)===null||Pn===void 0?void 0:Pn.toString())!==null&&Nn!==void 0?Nn:"")==="[object SafariRemoteNotification]",jd="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0;window.ftGlobals=(Ln=window.ftGlobals)!==null&&Ln!==void 0?Ln:{lit:Mr,litDecorators:Br,litRepeat:zr,litClassMap:$r,litStyleMap:Hr,litUnsafeHTML:Wr,wcUtils:{...Qr,...jr,...no,...On,...ao,...co,...po,...Xr,...Ro,...An,...Rs,...gn,..._o,...fo,...ko,...vn,...No,...Rn,...di,...Zr,...Fo,...ho,...Mo,..._s,...fi,...Bo,...pn,...wn,...Io,...Po,...bn,...to,isSafari:Gd,isTouchScreen:jd,setVariable:rt}};var be;(function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"})(be||(be={}));var Ns=$`
     .ft-size-watcher--pixel {
         width: 0;
         height: 0;

package/build/index.js

@@ -1,6 +1,3 @@
-import { customElement } from "@fluid-topics/ft-wc-utils";
-import { FtSizeWatcher } from "./ft-size-watcher";
 export * from "./ft-size-watcher";
 export * from "./ft-size-watcher.styles";
 export * from "./ft-size-watcher.properties";
-customElement("ft-size-watcher")(FtSizeWatcher);

package/package.json

@@ -1,26 +1,26 @@
 {
-  "name": "@fluid-topics/ft-size-watcher",
-  "version": "1.4.5",
-  "description": "Pixel component used to get viewport size",
-  "keywords": [
-    "Lit"
-  ],
-  "author": "Fluid Topics <devtopics@antidot.net>",
-  "license": "ISC",
-  "main": "build/index.js",
-  "web": "build/ft-size-watcher.min.js",
-  "typings": "build/index",
-  "files": [
-    "build/**/*.ts",
-    "build/**/*.js"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
-  },
-  "dependencies": {
-    "@fluid-topics/ft-wc-utils": "1.4.5",
-    "lit": "3.1.0"
-  },
-  "gitHead": "efdc859657751cd9e7af2736f3783341ffd6aae4"
+    "name": "@fluid-topics/ft-size-watcher",
+    "version": "2.0.0",
+    "description": "Pixel component used to get viewport size",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ft-size-watcher.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.ts",
+        "build/**/*.js"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/ft-wc-utils": "2.0.0",
+        "lit": "3.1.0"
+    },
+    "gitHead": "139801842483cdd25e6c0d850431dfb2b930f394"
 }