godown 3.5.2 → 3.5.3
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/build/godown+lit.iife.js +3 -3
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +3 -3
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +3 -3
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +3 -3
- package/build/godown.js +3 -3
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +3 -3
- package/build/godown.umd.js.map +1 -1
- package/components/breath.js +1 -1
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +1 -1
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/carousel.d.ts +1 -0
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -1
- package/components/range.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +3 -3
- package/src/components/breath.ts +1 -1
- package/src/components/button.ts +8 -9
- package/src/components/carousel.ts +15 -6
- package/src/components/range.ts +1 -0
- package/web-types.json +1 -1
package/components/breath.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlStyle as n}from"@godown/element";import{css as i,html as a}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=s(d);let m=class Breath extends p{render(){const t=this.getTexts();return a`<div part="root" ${e(this.observedRecord)}>${[t.map(this._renderText),n(this._computeStyle(t.length))]}</div>`}_renderText(t){return a`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const o=50/t,r=this.duration||1e3*(2*t+2);let e="";for(let o=1;o<=t;o++){e+=`.rel:nth-child(${o}) .colorful{animation-delay:${-r/t*(t-o+1)}
|
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlStyle as n}from"@godown/element";import{css as i,html as a}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=s(d);let m=class Breath extends p{render(){const t=this.getTexts();return a`<div part="root" ${e(this.observedRecord)}>${[t.map(this._renderText),n(this._computeStyle(t.length))]}</div>`}_renderText(t){return a`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const o=50/t,r=this.duration||1e3*(2*t+2);let e="";for(let o=1;o<=t;o++){e+=`.rel:nth-child(${o}) .colorful{animation-delay:${-r/t*(t-o+1)}ms;background:var(${$}--${o},var(${$}--${(o-1)%3+1}));}`}return`.colorful{animation-duration:${r}ms;}@keyframes colorfulN{0%,${3*o}%{opacity:0;}${o}%,${2*o}%{opacity:1;}}${e}`}};t([l()],m.prototype,"content",void 0),t([l({type:Number})],m.prototype,"duration",void 0),m=t([o(d),r(i`:host{${$}--deg:60deg;${$}--1-1:var(${c._colors.red[5]});${$}--1-2:var(${c._colors.yellow[5]});${$}--2-1:var(${c._colors.green[5]});${$}--2-2:var(${c._colors.purple[5]});${$}--3-1:var(${c._colors.blue[5]});${$}--3-2:var(${c._colors.pink[5]});${$}--1:linear-gradient(var(${$}--deg),var(${$}--1-1),var(${$}--1-2));${$}--2:linear-gradient(var(${$}--deg),var(${$}--2-1),var(${$}--2-2));${$}--3:linear-gradient(var(${$}--deg),var(${$}--3-1),var(${$}--3-2))}`,i`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:none}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,i`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${c.clipBackground});position:absolute;top:0}`)],m);var u=m;export{m as Breath,u as default};
|
|
2
2
|
//# sourceMappingURL=breath.js.map
|
package/components/breath.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","style1","number","__decorate","property","prototype","undefined","type","Number","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,aAAcC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK/D,WAAAH,CAAYI,GACpB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKa,SACtBb,KAAKa,SACJb,KAAKa,SAAWb,KAAKc,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAG1D,aAAAT,CAAcU,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWpB,KAAKoB,UAA4B,KAAT,EAANF,EAAU,GAC7C,IAAIG,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUJ,EAAKI,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZF,EAAWF,GAAQA,EAAMI,EAAS,
|
|
1
|
+
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","style1","number","__decorate","property","prototype","undefined","type","Number","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,aAAcC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK/D,WAAAH,CAAYI,GACpB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKa,SACtBb,KAAKa,SACJb,KAAKa,SAAWb,KAAKc,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAG1D,aAAAT,CAAcU,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWpB,KAAKoB,UAA4B,KAAT,EAANF,EAAU,GAC7C,IAAIG,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUJ,EAAKI,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZF,EAAWF,GAAQA,EAAMI,EAAS,uBAEyC5B,MAAa4B,SAAc5B,OAD9F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCF,gCAA6C,EAAND,iBAAuBA,MAC7F,EAANA,kBACeE,MA9CnBE,EAAA,CADCC,KACyB5B,EAAA6B,UAAA,eAAAC,GAM1BH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACFhC,EAAA6B,UAAA,gBAAAC,GAbZ9B,EAAM2B,EAAA,CANXM,EAAOpC,GACPqC,EACCC,CAAG,SAASrC,gBAAuBA,cAAqBsC,EAAcC,QAAQC,IAAI,OAAOxC,cAAqBsC,EAAcC,QAAQE,OAAO,OAAOzC,cAAqBsC,EAAcC,QAAQG,MAAM,OAAO1C,cAAqBsC,EAAcC,QAAQI,OAAO,OAAO3C,cAAqBsC,EAAcC,QAAQK,KAAK,OAAO5C,cAAqBsC,EAAcC,QAAQM,KAAK,OAAO7C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBqC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R5C,GAyDN,IAAA6C,EAAe7C"}
|
package/components/button.d.ts
CHANGED
|
@@ -50,7 +50,7 @@ declare class Button extends GlobalStyle {
|
|
|
50
50
|
protected render(): TemplateResult<1>;
|
|
51
51
|
focus(): void;
|
|
52
52
|
blur(): void;
|
|
53
|
-
|
|
53
|
+
connectedCallback(): void;
|
|
54
54
|
protected _handelClick(e: MouseEvent): void;
|
|
55
55
|
protected _handleModal(e: MouseEvent): void;
|
|
56
56
|
nextColor(): Colors | "none";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as
|
|
1
|
+
import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as a,styles as i,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",y=h(v),b=g.white,m=g.black,f=t(["color","background","gradients"].map((o=>`${y}--${o}`)),{black:[b,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[b,g._colors.darkgray[1],g._colors.lightgray[8]],white:[m,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[b,g._colors.blue[6],g._colors.blue[4]],green:[b,g._colors.green[6],g._colors.green[4]],red:[b,g._colors.red[6],g._colors.red[4]],orange:[b,g._colors.orange[6],g._colors.orange[4]],pink:[b,g._colors.pink[6],g._colors.pink[4]],purple:[b,g._colors.purple[6],g._colors.purple[4]],yellow:[m,g._colors.yellow[6],g._colors.yellow[4]],teal:[b,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this.plain||this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),{width:r,height:e}=this.getBoundingClientRect(),{x:a,y:i}=this._root.getBoundingClientRect(),n=2*Math.sqrt(e**2+r**2)+"px";t.style.height=n,t.style.width=n,t.style.left=o.x-a+"px",t.style.top=o.y-i+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"plain",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([a(v),i(d`:host(:not([disabled]):active){transform:scale(var(${y}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${y}--modal-background:var(${y}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${y}--ghost-width) var(${y}--ghost-color);color:var(${y}--ghost-color)}:host([plain]){${y}--gradients:unset;${y}--focus-scale:unset}`,d`:host{${y}--padding-x:.8em;${y}--padding-y:calc(var(${y}--padding-x)/4);${y}--padding:var(${y}--padding-y) var(${y}--padding-x);${y}--modal-animation-duration:1s;${y}--ghost-width:.08em;${y}--focus-scale:.97;${y}--deg:45deg;${y}--ghost-color:var(${y}--background);background:linear-gradient(var(${y}--deg),var(${y}--background),var(${y}--gradients,var(${y}--background)));border-radius:.2em;color:var(${y}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${y}--padding);text-align:center;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}[part=root],i{height:100%;width:100%}i{animation-duration:var(${y}--modal-animation-duration);background:var(${y}--modal-background,currentColor);border-radius:50%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible}@keyframes kf{0%{opacity:var(${y}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
package/components/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","plain","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","plain","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","connectedCallback","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","width","height","getBoundingClientRect","x","y","_root","size","Math","sqrt","style","left","top","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}
|
package/components/carousel.d.ts
CHANGED
|
@@ -32,6 +32,7 @@ declare class Carousel extends GlobalStyle {
|
|
|
32
32
|
next(): void;
|
|
33
33
|
prev(): void;
|
|
34
34
|
protected _doTranslateX(xValue: string, noTransition?: boolean): void;
|
|
35
|
+
protected _computeOffset(): number;
|
|
35
36
|
normalizeIndex(i: number): number;
|
|
36
37
|
}
|
|
37
38
|
export default Carousel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,iBAAiB,IAAI,IAAI;cAgBT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,SAAS,CAAC,cAAc,IAAI,MAAM;IASlC,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/carousel.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as
|
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as s,attr as o,htmlSlot as n}from"@godown/element";import r from"@godown/f7-icon/icons/chevron-left.js";import h from"@godown/f7-icon/icons/chevron-right.js";import{css as l,html as a}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as c}from"../core/global-style.js";function p(t){return t.getBoundingClientRect().width}let m=class Carousel extends c{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return a`<div part="root" ${o(this.observedRecord)}><i part="prev" @click="${this.prev}">${r()}</i><div part="move-root">${n()}</div><i part="next" @click="${this.next}">${h()}</i></div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,(()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)}))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,e),this.dispatchCustomEvent("change",t),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}_computeOffset(){let t=0;for(let e=0;e<=this.index;e++)t-=p(this.children[e]);return t+=(p(this)-p(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};t([d({type:Number})],m.prototype,"index",void 0),t([d({type:Number})],m.prototype,"autoChange",void 0),t([e("move-root")],m.prototype,"_moveRoot",void 0),m=t([i("carousel"),s(l`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],m);var f=m;export{m as Carousel,f as default};
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","connectedCallback","super","children","length","__cloneFirst","remove","__cloneLast","firstElementChild","cloneNode","lastElementChild","appendChild","insertBefore","
|
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","connectedCallback","super","children","length","__cloneFirst","remove","__cloneLast","firstElementChild","cloneNode","lastElementChild","appendChild","insertBefore","observers","add","ResizeObserver","_offset","_computeOffset","_doTranslateX","firstUpdated","updateComplete","show","attributeChangedCallback","name","_old","value","isConnected","i","n","normalizeIndex","dispatchCustomEvent","timeouts","intervalID","setInterval","childElementCount","xValue","noTransition","_moveRoot","style","transform","transition","offset","childIndex","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"4WAUA,SAASA,EAASC,GAChB,OAAOA,EAAEC,wBAAwBC,KACnC,CAcA,IAAMC,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAaH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,gCAEoBC,mCAGZT,KAAKU,SAEbC,gBAMV,iBAAAC,GACEC,MAAMD,oBACFZ,KAAKc,SAASC,SAChBf,KAAKgB,cAAcC,SACnBjB,KAAKkB,aAAaD,SAClBjB,KAAKkB,YAAclB,KAAKmB,kBAAkBC,WAAU,GACpDpB,KAAKgB,aAAehB,KAAKqB,iBAAiBD,WAAU,GACpDpB,KAAKsB,YAAYtB,KAAKkB,aACtBlB,KAAKuB,aAAavB,KAAKgB,aAAchB,KAAKmB,oBAE5CnB,KAAKwB,UAAUC,IAAIzB,KAAM0B,gBAAgB,KACvC1B,KAAK2B,QAAU3B,KAAK4B,iBACpB5B,KAAK6B,cAAc,GAAG7B,KAAK2B,aAAa,EAAK,IAIvC,kBAAMG,SACR9B,KAAK+B,eACX/B,KAAKgC,KAAKhC,KAAKC,OAAO,GAGxB,wBAAAgC,CAAyBC,EAAcC,EAAqBC,GAC1DvB,MAAMoB,yBAAyBC,EAAMC,EAAMC,GAC9B,UAATF,GAAoBlC,KAAKqC,aAC3BrC,KAAKgC,KAAKhC,KAAKC,OAInB,IAAA+B,CAAKM,EAAWC,GACdD,EAAItC,KAAKwC,eAAeF,GACxBtC,KAAKC,MAAQqC,EACbtC,KAAK2B,QAAU3B,KAAK4B,iBACpB5B,KAAK6B,cAAc,GAAG7B,KAAK2B,YAAaY,GACxCvC,KAAKyC,oBAAoB,SAAUH,GACnCtC,KAAK0C,SAASzB,OAAOjB,KAAK2C,YACtB3C,KAAKE,WAAa,IACpBF,KAAK2C,WAAa3C,KAAK0C,SAASjB,IAC9BmB,aAAY,KACV5C,KAAKU,MAAM,GACVV,KAAKE,cAKd,IAAAQ,GACMV,KAAKC,QAAUD,KAAK6C,kBAAoB,GAC1C7C,KAAK6B,cAAc,KAAK,GACxB7B,KAAKgC,KAAK,IAEVhC,KAAKgC,KAAKhC,KAAKC,MAAQ,GAI3B,IAAAM,GACqB,IAAfP,KAAKC,OACPD,KAAK6B,cAAc,IAAI7B,KAAK6C,kBAAoB,QAAQ,GACxD7C,KAAKgC,KAAKhC,KAAKc,SAASC,OAAS,IAEjCf,KAAKgC,KAAKhC,KAAKC,MAAQ,GAIjB,aAAA4B,CAAciB,EAAgBC,GACtC/C,KAAKgD,UAAUC,MAAMC,UAAY,cAAcJ,KAC/C9C,KAAKgD,UAAUC,MAAME,WAAaJ,EAAe,OAAS,GAGlD,cAAAnB,GACR,IAAIwB,EAAS,EACb,IAAK,IAAIC,EAAa,EAAGA,GAAcrD,KAAKC,MAAOoD,IACjDD,GAAU3D,EAASO,KAAKc,SAASuC,IAGnC,OADAD,IAAW3D,EAASO,MAAQP,EAASO,KAAKc,SAASd,KAAKC,MAAQ,KAAO,EAChEmD,EAGT,cAAAZ,CAAeF,GACb,OAAIA,EAAI,EACC,EACEA,EAAItC,KAAKc,SAASC,OAAS,EAC7Bf,KAAKc,SAASC,OAAS,EAEzBuB,IA5HTgB,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT5D,EAAA6D,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJ5D,EAAA6D,UAAA,kBAAAC,GAGJL,EAAA,CADTM,EAAK,cAC0B/D,EAAA6D,UAAA,iBAAAC,GAd5B9D,EAAQyD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACLlE,GAqIN,IAAAmE,EAAenE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsE,MAAM,EAAQ,MAAM,iBAAiB,CAAC;AACnH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,cAMM,KAAK,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3E;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IAEH,OAAO,EAAE,CAAC,CAAC;IAGX,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,YAAY,CAAgB;IAEpC,IAAI,KAAK,IAAI,CAAC,SAAS,MAAM,GAAG,KAAK,GAAG,IAAI,CAE3C;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAWzD,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAK7B,aAAa,KAAG,IAAI;IAYjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,OAC1B,UAAU,KAAG,IAAI;IAM9B;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,WACrB,MAAM,KAAG,IAAI;IAY9B;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,MAAM;IAKjE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAenD;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,OACzD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsE,MAAM,EAAQ,MAAM,iBAAiB,CAAC;AACnH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,cAMM,KAAK,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3E;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IAEH,OAAO,EAAE,CAAC,CAAC;IAGX,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,YAAY,CAAgB;IAEpC,IAAI,KAAK,IAAI,CAAC,SAAS,MAAM,GAAG,KAAK,GAAG,IAAI,CAE3C;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAWzD,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAK7B,aAAa,KAAG,IAAI;IAYjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,OAC1B,UAAU,KAAG,IAAI;IAM9B;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,WACrB,MAAM,KAAG,IAAI;IAY9B;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,MAAM;IAKjE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAenD;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,OACzD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAchC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,CAAC;IAIT,QAAQ,IAAI,CAAC;CAMd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/range.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,Ranger as s,omit as o,attr as i,joinProperties as n,loop as h,tokenList as l,isNil as d}from"@godown/element";import{css as u,html as c}from"lit";import{property as v,queryAll as p,state as m}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as g}from"../core/global-style.js";import{SuperInput as w}from"../core/super-input.js";const y="range",_=f(y);let b=class Range extends w{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,a=t-r.length;return a>0?new Array(a).fill(e).concat(r):r}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new s(this.min,this.max,this.step))}get observedRecord(){return o(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this._ranger.diff;return c`<div part="root" ${i(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${n([["--from",(e-this.min)/a*100+"%"],["--to",(r-this.min)/a*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))])}"><div part="track"></div>${h(this.rangeValue.length,(t=>this._renderHandle(t)))}</div>`}_renderHandle(t){const{disabled:e,range:r,rangeValue:a}=this,s=!r||r&&t===a.length-1&&1===a.length;return c`<i tabindex="0" part="handle" class="${l({"last-focus":this.lastFocus===t})}" @mousedown="${e?null:this.createMouseDown(t)}" @focus="${e?null:()=>this.focusHandle(t)}" @blur="${e?null:this.blurHandle}" style="${n({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${s?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const r=this._handles.item(t);r?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){const{rangeValue:e,step:r}=this;return e.length<2&&(t=0),a=>{const s=e[t];"ArrowLeft"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==a.key&&"ArrowUp"!==a.key||(a.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r=this._ranger.normalize(e);let a=r;this.range&&(a=[...this.value],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue({clientX:t,clientY:e}){const{top:r,left:a,height:s,width:o}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-r)/s:(t-a)/o)}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,a)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?a:t),0):0,a=this.createSetValue(r);a(e),this.createMousedownListener(a)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const a=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",a)};this.events.add(document,"mouseup",a)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r===this._ranger.restrict(r)&&t?.call(this,r)}}_connectedInit(){const t=this._ranger.diff;this.step||=t/100,d(this.value)&&(d(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([v({type:Number})],b.prototype,"min",void 0),t([v({type:Number})],b.prototype,"max",void 0),t([v({type:Number})],b.prototype,"step",void 0),t([v({type:Boolean,reflect:!0})],b.prototype,"vertical",void 0),t([v({type:Array})],b.prototype,"value",void 0),t([v({type:Array})],b.prototype,"default",void 0),t([e("root")],b.prototype,"_root",void 0),t([p("[part=handle]")],b.prototype,"_handles",void 0),t([m()],b.prototype,"lastFocus",void 0),b=t([r(y),a(u`:host{${_}--handle-active:var(${g.active});${_}--track-width:.5em;${_}--length:var(${g.input}-width);background:var(${g.passive});display:block;width:var(${_}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${_}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${_}--handle-scale:1.05;background:var(${_}--handle-active)}[part=root]{position:relative;width:100%;--from:0%;--to:50%;height:var(${_}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${g.active});height:100%;justify-content:space-between;left:min(var(--from),var(--to));pointer-events:none;width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${g.active});border:.1em solid;border-color:var(${g.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${_}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,u`[vertical]{height:inherit;width:var(${_}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,u`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],b);var k=b;export{b as Range,k as default};
|
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,Ranger as s,omit as o,attr as i,joinProperties as n,loop as h,tokenList as l,isNil as d}from"@godown/element";import{css as u,html as c}from"lit";import{property as v,queryAll as p,state as m}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as g}from"../core/global-style.js";import{SuperInput as w}from"../core/super-input.js";const y="range",_=f(y);let b=class Range extends w{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,a=t-r.length;return a>0?new Array(a).fill(e).concat(r):r}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new s(this.min,this.max,this.step))}get observedRecord(){return o(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this._ranger.diff;return c`<div part="root" ${i(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${n([["--from",(e-this.min)/a*100+"%"],["--to",(r-this.min)/a*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))])}"><div part="track"></div>${h(this.rangeValue.length,(t=>this._renderHandle(t)))}</div>`}_renderHandle(t){const{disabled:e,range:r,rangeValue:a}=this,s=!r||r&&t===a.length-1&&1===a.length;return c`<i tabindex="0" part="handle" class="${l({"last-focus":this.lastFocus===t})}" @mousedown="${e?null:this.createMouseDown(t)}" @focus="${e?null:()=>this.focusHandle(t)}" @blur="${e?null:this.blurHandle}" style="${n({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${s?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const r=this._handles.item(t);r?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){const{rangeValue:e,step:r}=this;return e.length<2&&(t=0),a=>{const s=e[t];"ArrowLeft"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==a.key&&"ArrowUp"!==a.key||(a.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r=this._ranger.normalize(e);let a=r;this.range&&(a=[...this.value],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue({clientX:t,clientY:e}){const{top:r,left:a,height:s,width:o}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-r)/s:(t-a)/o)}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,a)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?a:t),0):0,a=this.createSetValue(r);a(e),this.createMousedownListener(a)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const a=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",a)};this.events.add(document,"mouseup",a)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r===this._ranger.restrict(r)&&t?.call(this,r)}}_connectedInit(){this._ranger=new s(this.min,this.max,this.step);const t=this._ranger.diff;this.step||=t/100,d(this.value)&&(d(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([v({type:Number})],b.prototype,"min",void 0),t([v({type:Number})],b.prototype,"max",void 0),t([v({type:Number})],b.prototype,"step",void 0),t([v({type:Boolean,reflect:!0})],b.prototype,"vertical",void 0),t([v({type:Array})],b.prototype,"value",void 0),t([v({type:Array})],b.prototype,"default",void 0),t([e("root")],b.prototype,"_root",void 0),t([p("[part=handle]")],b.prototype,"_handles",void 0),t([m()],b.prototype,"lastFocus",void 0),b=t([r(y),a(u`:host{${_}--handle-active:var(${g.active});${_}--track-width:.5em;${_}--length:var(${g.input}-width);background:var(${g.passive});display:block;width:var(${_}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${_}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${_}--handle-scale:1.05;background:var(${_}--handle-active)}[part=root]{position:relative;width:100%;--from:0%;--to:50%;height:var(${_}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${g.active});height:100%;justify-content:space-between;left:min(var(--from),var(--to));pointer-events:none;width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${g.active});border:.1em solid;border-color:var(${g.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${_}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,u`[vertical]{height:inherit;width:var(${_}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,u`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],b);var k=b;export{b as Range,k as default};
|
|
2
2
|
//# sourceMappingURL=range.js.map
|
package/components/range.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinProperties","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNil","default","round","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","passive","Range$1"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinProperties","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNil","default","round","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","passive","Range$1"],"mappings":"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"}
|