number-flow
Version:
A component to transition and format numbers.
2 lines (1 loc) • 1.4 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./lite.js"),n=require("./ssr-B-DD5oSO.js"),d=require("./csp.js"),m=require("./plugins.js"),h=d.buildStyles(),s="number-flow-connect",i="number-flow-update",b=(r,{locales:t,format:a,numberPrefix:u,numberSuffix:c,nonce:l}={})=>{const f=e.formatToData(r,new Intl.NumberFormat(t,a),u,c);return n.renderInnerHTML(f,{nonce:l})};class o extends e.default{constructor(){super(...arguments),this.connected=!1}connectedCallback(){this.connected=!0,this.dispatchEvent(new Event(s,{bubbles:!0}))}disconnectedCallback(){this.connected=!1}get value(){return this._value}update(t){(!this._formatter||this._prevFormat!==this.format||this._prevLocales!==this.locales)&&(this._formatter=new Intl.NumberFormat(this.locales,this.format),this._prevFormat=this.format,this._prevLocales=this.locales),t!=null&&(this._value=t),this.dispatchEvent(new Event(i,{bubbles:!0})),this.data=e.formatToData(this._value,this._formatter,this.numberPrefix,this.numberSuffix)}}e.define("number-flow",o);exports.Digit=e.Digit;exports.canAnimate=e.canAnimate;exports.define=e.define;exports.formatToData=e.formatToData;exports.prefersReducedMotion=n.prefersReducedMotion;exports.continuous=m.continuous;exports.CONNECT_EVENT=s;exports.UPDATE_EVENT=i;exports.default=o;exports.renderInnerHTML=b;exports.styles=h;