godown 3.5.1 → 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/README.md +0 -4
- 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 +4 -4
- package/build/godown.js +4 -4
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +4 -4
- 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/input.js +1 -1
- package/components/input.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/components/select.d.ts.map +1 -1
- package/components/select.js +1 -1
- package/components/select.js.map +1 -1
- package/core/super-input.d.ts +1 -0
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -1
- package/core/super-input.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/src/components/breath.ts +1 -1
- package/src/components/button.ts +8 -9
- package/src/components/carousel.ts +15 -6
- package/src/components/input.ts +1 -0
- package/src/components/range.ts +1 -0
- package/src/components/select.ts +1 -1
- package/src/core/super-input.ts +3 -7
- 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"}
|
package/components/input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as
|
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as r,tokenList as s,htmlSlot as a}from"@godown/element";import p from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as n,html as u,nothing as h}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as c}from"../core/super-input.js";let f=class Input extends c{constructor(){super(...arguments),this.type="text",this.variant="default"}render(){return u`<div part="root" ${r(this.observedRecord)} class="${s("input-field",this.variant)}">${[this._renderPrefix(),u`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||h}" autocomplete="${this.autocomplete||h}" placeholder="${this.placeholder||h}" id="${this.makeId}" @input="${this._handleInput}" @change="${this._handleChange}">`,this._renderSuffix()]}</div>`}_renderSuffix(){const t="password";return u`<label for="${this.makeId}" part="suffix">${this.type===t?u`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${p()}</i>`:a("suffix")}</label>`}};t([l()],f.prototype,"variant",void 0),t([e("input")],f.prototype,"_input",void 0),f=t([i("input"),o(n`:host{display:block;height:var(${d.input}-height);width:var(${d.input}-width)}.outline,:host(:focus-within){${d.input}-outline-color:var(${d.active})}`)],f);var $=f;export{f as Input,$ as default};
|
|
2
2
|
//# sourceMappingURL=input.js.map
|
package/components/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","tokenList","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_renderSuffix","PASSWORD","_changeInputType","iconEyeSlashFill","htmlSlot","__decorate","property","prototype","undefined","part","godown","styles","css","cssGlobalVars","input","active","Input$1"],"mappings":"0YAmBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAIC,KAA6D,OAQjED,KAAOE,QAA0B,UAKvB,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0BACHC,EAAU,cAAeP,KAAKE,aAErC,CACAF,KAAKQ,gBACLJ,CAAI,6BAGQJ,KAAKC,iBACHD,KAAKS,sBACDT,KAAKU,yBACNV,KAAKW,6BACAX,KAAKY,gBAAkBC,oBACzBb,KAAKc,cAAgBD,mBACtBb,KAAKe,aAAeF,UAC7Bb,KAAKgB,mBACDhB,KAAKiB,
|
|
1
|
+
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","tokenList","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_handleChange","_renderSuffix","PASSWORD","_changeInputType","iconEyeSlashFill","htmlSlot","__decorate","property","prototype","undefined","part","godown","styles","css","cssGlobalVars","input","active","Input$1"],"mappings":"0YAmBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAIC,KAA6D,OAQjED,KAAOE,QAA0B,UAKvB,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0BACHC,EAAU,cAAeP,KAAKE,aAErC,CACAF,KAAKQ,gBACLJ,CAAI,6BAGQJ,KAAKC,iBACHD,KAAKS,sBACDT,KAAKU,yBACNV,KAAKW,6BACAX,KAAKY,gBAAkBC,oBACzBb,KAAKc,cAAgBD,mBACtBb,KAAKe,aAAeF,UAC7Bb,KAAKgB,mBACDhB,KAAKiB,0BACJjB,KAAKkB,kBAGpBlB,KAAKmB,yBAMH,aAAAA,GACR,MAAMC,EAAW,WACjB,OAAOhB,CAAI,eAEDJ,KAAKgB,yBAGThB,KAAKC,OAASmB,EACZhB,CAAI,8BAGc,IAAMJ,KAAKqB,iBAAiB,sBAC9B,IAAMrB,KAAKqB,iBAAiBD,oBACzB,IAAMpB,KAAKqB,iBAAiBD,OAEzCE,UAGNC,EAAS,sBArDnBC,EAAA,CADCC,KACyC5B,EAAA6B,UAAA,eAAAC,GAGhCH,EAAA,CADTI,EAAK,UAC4B/B,EAAA6B,UAAA,cAAAC,GAZ9B9B,EAAK2B,EAAA,CAFVK,EATiB,SAUjBC,EAAOC,CAAG,kCAAkCC,EAAcC,2BAA2BD,EAAcC,8CAA8CD,EAAcC,2BAA2BD,EAAcE,aACnMrC,GAoEN,IAAAsC,EAAetC"}
|
|
@@ -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":"iaAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAwB7B,IAAMG,EAAN,MAAMA,cAAiDC,EAAvD,WAAAC,uBAKEC,KAAGC,IAAG,EAMND,KAAGE,IAAG,IAYNF,KAAQG,UAAG,EA0BHH,KAAYI,aAAa,GAEjC,SAAIC,GACF,OAAOC,MAAMC,QAAQP,KAAKQ,OAM5B,cAAIC,GACF,OAAQT,KAAKK,MAAQL,KAAKQ,MAAQ,CAACR,KAAKQ,OAM1C,QAAAE,CAASC,EAAaH,EAAQ,GAC5B,MAAMC,WAAEA,GAAeT,KACjBY,EAAOD,EAAMF,EAAWI,OAC9B,OAAID,EAAO,EACF,IAAIN,MAAMM,GAAME,KAAKN,GAAOO,OAAON,GAErCA,EAGT,wBAAAO,CAAyBC,EAAcC,EAAqBV,GAC1DW,MAAMH,yBAAyBC,EAAMC,EAAMV,GAC9B,QAATS,GAA2B,QAATA,GAA2B,SAATA,IACtCjB,KAAKoB,QAAU,IAAIC,EAAOrB,KAAKC,IAAKD,KAAKE,IAAKF,KAAKsB,OAIvD,kBAAIC,GACF,OAAOC,EAAKL,MAAMI,eAAgB,gBAG1B,MAAAE,GACR,MAAMhB,EAAaT,KAAKU,SAAS,GAC3BgB,EAAOC,KAAK1B,OAAOQ,GACnBmB,EAAKD,KAAKzB,OAAOO,GACjBoB,EAAM7B,KAAKoB,QAAQU,KAEzB,OAAOC,CAAI,oBAGLC,EAAKhC,KAAKuB,+BACEvB,KAAKiC,SAAW,KAAOjC,KAAKkC,gCACjCC,EAAe,CACtB,CAAC,UAAeT,EAAO1B,KAAKC,KAAO4B,EAAO,IAA/B,KACX,CAAC,QAAaD,EAAK5B,KAAKC,KAAO4B,EAAO,IAA7B,QACNpB,EAAW2B,KACZ,CAAC5B,EAAO6B,IAAU,CAAC,YAAYA,KAAc7B,EAAQR,KAAKC,KAAO4B,EAAO,IAAhC,qCAK1CS,EAAKtC,KAAKS,WAAWI,QAASwB,GAAUrC,KAAKuC,cAAcF,aAKzD,aAAAE,CAAcF,GACtB,MAAMJ,SAAEA,EAAQ5B,MAAEA,EAAKI,WAAEA,GAAeT,KAGlCwC,GAAOnC,GAAUA,GAASgC,IAAU5B,EAAWI,OAAS,GAA2B,IAAtBJ,EAAWI,OAC9E,OAAOkB,CAAI,wCAIEU,EAAU,CAAE,aAAczC,KAAK0C,YAAcL,oBACxCJ,EAAW,KAAOjC,KAAK2C,gBAAgBN,eAC3CJ,EAAW,KAAO,IAAMjC,KAAK4C,YAAYP,cAC1CJ,EAAW,KAAOjC,KAAK6C,sBACvBV,EAAe,CACtB,UAAWnC,KAAKI,aAAa0C,QAAQT,GAAS,EAC9C,WAAY,SAASG,EAAM,KAAO,UAAUH,iBAYpD,WAAAO,CAAYP,GACVrC,KAAK0C,UAAYL,EACjB,MAAMU,EAAoB/C,KAAKI,aAAa0C,QAAQT,IAC1B,IAAtBU,GACF/C,KAAKI,aAAa4C,OAAOD,EAAmB,GAE9C/C,KAAKI,aAAa6C,KAAKZ,GACvB,MAAMa,EAAalD,KAAKmD,SAASC,KAAKf,GACtCa,GAAYG,QACPrD,KAAKsD,iBACRtD,KAAKsD,eAAiBtD,KAAKuD,OAAOC,IAAIC,SAAU,UAAWzD,KAAK0D,mBAAmBrB,KAErFrC,KAAK2D,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQxB,KAMxD,UAAAQ,GACE7C,KAAK0C,eAAYoB,EACjB9D,KAAKsD,eAAiBtD,KAAKuD,OAAOQ,OAAON,SAAU,UAAWzD,KAAKsD,gBACnEtD,KAAK2D,cAAc,IAAIC,YAAY,SAQ3B,kBAAAF,CAAmBrB,GAC3B,MAAM5B,WAAEA,EAAUa,KAAEA,GAAStB,KAI7B,OAHIS,EAAWI,OAAS,IACtBwB,EAAQ,GAEF2B,IACN,MAAMC,EAAMxD,EAAW4B,GACT,cAAV2B,EAAEE,KAAiC,cAAVF,EAAEE,KAC7BF,EAAEG,iBACFnE,KAAKoE,eAAe/B,EAApBrC,CAA2BiE,EAAM3C,IACd,eAAV0C,EAAEE,KAAkC,YAAVF,EAAEE,MACrCF,EAAEG,iBACFnE,KAAKoE,eAAe/B,EAApBrC,CAA2BiE,EAAM3C,KAU7B,eAAAqB,CAAgBN,GACxB,OAAQ2B,IACNhE,KAAK4C,YAAYP,GACjBrC,KAAKqE,wBAAwBrE,KAAKoE,eAAe/B,GAAjDrC,CAAyDgE,EAAE,EASrD,cAAAI,CAAe/B,GACvB,OAAQ7B,IACN,MAAM8D,EAAiBtE,KAAKoB,QAAQmD,UAAU/D,GAC9C,IAAIgE,EAAuBF,EACvBtE,KAAKK,QACPmE,EAAW,IAAKxE,KAAKQ,OACrBgE,EAASnC,GAASiC,GAEpBtE,KAAKQ,MAAQgE,EACbxE,KAAK2D,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQ7D,KAAKQ,QAAS,EAQ9D,aAAAiE,EAAcC,QAAEA,EAAOC,QAAEA,IACjC,MAAMC,IAAEA,EAAGC,KAAEA,EAAIC,OAAEA,EAAMC,MAAEA,GAAU/E,KAAKgF,MAAMC,wBAChD,OAAOjF,KAAKoB,QAAQ8D,QAAQlF,KAAKG,UAAYwE,EAAUC,GAAOE,GAAUJ,EAAUG,GAAQE,GAQlF,oBAAA7C,CAAqB8B,GAC7B,MAAMxD,EAAQR,KAAKyE,cAAcT,GAC3B3B,EAAQrC,KAAKK,MACfL,KAAKS,WAAW0E,QAAO,CAACC,EAAKhC,EAAMf,IACpBV,KAAK0D,IAAI7E,EAAQ4C,GACbzB,KAAK0D,IAAI7E,EAAQR,KAAKS,WAAW2E,IACzB/C,EAAQ+C,GAChC,GACH,EAEEE,EAAMtF,KAAKoE,eAAe/B,GAChCiD,EAAI9E,GACJR,KAAKqE,wBAAwBiB,EAA7BtF,CAAkCgE,GAClChE,KAAK4C,YAAYP,GAOT,uBAAAgC,CAAwBkB,GAChC,OAAQvB,IACNA,EAAEG,iBACFH,EAAEwB,kBACF,MAAMC,EAAOzF,KAAK0F,wBAAwBH,GAC1CvF,KAAKuD,OAAOC,IAAIC,SAAU,YAAagC,GACvC,MAAME,EAAO,KACX3F,KAAKuD,OAAOQ,OAAON,SAAU,YAAagC,GAC1CzF,KAAKuD,OAAOQ,OAAON,SAAU,UAAWkC,EAAK,EAE/C3F,KAAKuD,OAAOC,IAAIC,SAAU,UAAWkC,EAAK,EASpC,uBAAAD,CAAwBE,GAChC,OAAQ5B,IACN,MAAMxD,EAAQR,KAAKyE,cAAcT,GAC7BxD,IAAUR,KAAKoB,QAAQyE,SAASrF,IAGpCoF,GAAUE,KAAK9F,KAAMQ,EAAM,EAIrB,cAAAuF,GACR/F,KAAKoB,QAAU,IAAIC,EAAOrB,KAAKC,IAAKD,KAAKE,IAAKF,KAAKsB,MACnD,MAAMO,EAAM7B,KAAKoB,QAAQU,KACzB9B,KAAKsB,OAASO,EAAM,IAChBmE,EAAMhG,KAAKQ,SACRwF,EAAMhG,KAAKiG,SAGbjG,KAAKQ,MAAmBmB,KAAKuE,MAAMrE,EAAM,EAAI7B,KAAKsB,MAAQtB,KAAKsB,KAFhEtB,KAAKQ,MAAQR,KAAKiG,SAKtBjG,KAAKiG,UAAYjG,KAAKQ,MAGxB,KAAA2F,GACEnG,KAAKQ,MAAQR,KAAKiG,QAGpB,IAAAG,GACE,OAAQpG,KAAKQ,MAAQR,KAAKqG,WAG5B,QAAAA,GACE,OAAIrG,KAAKK,MACA,IAAKL,KAAKQ,OAAoB4F,MAAK,CAACE,EAAGC,IAAMD,EAAIC,IAEnDvG,KAAKQ,QAzSdgG,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACX9G,EAAA+G,UAAA,WAAA9C,GAMP0C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT9G,EAAA+G,UAAA,WAAA9C,GAMT0C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACN9G,EAAA+G,UAAA,YAAA9C,GAMZ0C,EAAA,CADCC,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpBjH,EAAA+G,UAAA,gBAAA9C,GAQhB0C,EAAA,CADCC,EAAS,CAAEC,KAAMpG,SACVT,EAAA+G,UAAA,aAAA9C,GAMR0C,EAAA,CADCC,EAAS,CAAEC,KAAMpG,SACRT,EAAA+G,UAAA,eAAA9C,GAGA0C,EAAA,CADTO,EAAK,SACsBlH,EAAA+G,UAAA,aAAA9C,GAGlB0C,EAAA,CADTQ,EAAS,kBACiCnH,EAAA+G,UAAA,gBAAA9C,GAG3C0C,EAAA,CADCS,KACiBpH,EAAA+G,UAAA,iBAAA9C,GA9CdjE,EAAK2G,EAAA,CANVU,EAAOxH,GACPyH,EACCC,CAAG,SAASzH,wBAA+B0H,EAAcC,WAAW3H,uBAA8BA,iBAAwB0H,EAAcE,+BAA+BF,EAAcG,oCAAoC7H,uFAA8FA,2FAAkGA,uCAA8CA,4FAAmGA,iHAAwH0H,EAAcC,0RAA0RD,EAAcC,8CAA8CD,EAAcE,0FAA0F5H,uHAC9mCyH,CAAG,uCAAuCzH,gNAC1CyH,CAAG,8FAECvH,GAkTN,IAAA4H,EAAe5H"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwC,MAAM,iBAAiB,CAAC;AAE1F,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,KAAK,kBAAkB,EAAwB,MAAM,sBAAsB,CAAC;AAyBrF;;;;;;;;;;;;;;;;GAgBG;AACH,cAKM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,kBAAkB,CAAC;IAG9B,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,CAAC,aAAa,EAAE,kBAAkB,CAAY;IAEvD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,OAAO,CAAyC;IAExD,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAKxC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IASrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,YAAY,IAAI,IAAI;IA0B9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAkBhC,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IA4B3C,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAW5B,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwC,MAAM,iBAAiB,CAAC;AAE1F,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,KAAK,kBAAkB,EAAwB,MAAM,sBAAsB,CAAC;AAyBrF;;;;;;;;;;;;;;;;GAgBG;AACH,cAKM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,kBAAkB,CAAC;IAG9B,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,CAAC,aAAa,EAAE,kBAAkB,CAAY;IAEvD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,OAAO,CAAyC;IAExD,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAKxC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IASrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,YAAY,IAAI,IAAI;IA0B9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAkBhC,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IA4B3C,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAW5B,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAU/D,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,IAAI,IAAI,IAAI;IAMZ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as l}from"@godown/element";import n from"@godown/f7-icon/icons/chevron-down.js";import{css as r,html as h,nothing as a}from"lit";import{property as c,state as u}from"lit/decorators.js";import p from"./input.js";import{cssGlobalVars as d}from"../core/global-style.js";import{directionOutsetPlace as f}from"../core/direction.js";function v(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function m(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let b=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this.__store=[]}get observedRecord(){return{...super.observedRecord,direction:this.direction||this.autoDirection}}render(){return h`<div part="root" ${s(this.observedRecord)} class="input-field">${[this._renderPrefix(),h`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||a}" autocomplete="${this.autocomplete||a}" placeholder="${this.placeholder||a}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}">`,h`<label for="${this.makeId}" part="suffix"><i part="icon">${n()}</i></label>`,h`<label for="${this.makeId}" part="content" direction-outset-place>${l()}</label>`]}</div>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,i=this.optionValue(e);if(i){const t=this.select(i,e.textContent);this.multiple||m(this.lastChecked,0),m(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{m(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>m(t,0))),this.defaultChecked.forEach((t=>m(t,1)))}select(t,e){e||=t;let i=0;if(this.multiple){const o=this.__store.findIndex((e=>e.value===t));o>-1?this.__store.splice(o,1):(this.__store.push({value:t,text:e}),i=1),this.value=this.__store.map((t=>t.value)),this.text=this.__store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,i=1);return this.dispatchEvent(new CustomEvent("select",{detail:this.value,composed:!0})),this.filter(),i}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||v(this.optionValue(e),t)||v(e.textContent,t),t)}))}filterCallback(t,e,i){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e,i){const o=e.slice(0,t).lastIndexOf(i)+1||0,s=e.indexOf(i,t)||e.length;return e.slice(o,s)}(this._input.selectionStart,e,","):e),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0}))
|
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as l}from"@godown/element";import n from"@godown/f7-icon/icons/chevron-down.js";import{css as r,html as h,nothing as a}from"lit";import{property as c,state as u}from"lit/decorators.js";import p from"./input.js";import{cssGlobalVars as d}from"../core/global-style.js";import{directionOutsetPlace as f}from"../core/direction.js";function v(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function m(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let b=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this.__store=[]}get observedRecord(){return{...super.observedRecord,direction:this.direction||this.autoDirection}}render(){return h`<div part="root" ${s(this.observedRecord)} class="input-field">${[this._renderPrefix(),h`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||a}" autocomplete="${this.autocomplete||a}" placeholder="${this.placeholder||a}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}">`,h`<label for="${this.makeId}" part="suffix"><i part="icon">${n()}</i></label>`,h`<label for="${this.makeId}" part="content" direction-outset-place>${l()}</label>`]}</div>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,i=this.optionValue(e);if(i){const t=this.select(i,e.textContent);this.multiple||m(this.lastChecked,0),m(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{m(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>m(t,0))),this.defaultChecked.forEach((t=>m(t,1)))}select(t,e){e||=t;let i=0;if(this.multiple){const o=this.__store.findIndex((e=>e.value===t));o>-1?this.__store.splice(o,1):(this.__store.push({value:t,text:e}),i=1),this.value=this.__store.map((t=>t.value)),this.text=this.__store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,i=1);return this.dispatchEvent(new CustomEvent("select",{detail:this.value,composed:!0})),this.filter(),i}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||v(this.optionValue(e),t)||v(e.textContent,t),t)}))}filterCallback(t,e,i){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e,i){const o=e.slice(0,t).lastIndexOf(i)+1||0,s=e.indexOf(i,t)||e.length;return e.slice(o,s)}(this._input.selectionStart,e,","):e),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0}))}focus(t){this._input.focus(t),this.visible=!0}blur(){this._input.blur(),this.visible=!1,super.blur()}optionValue(t){return t.value||t.getAttribute("value")||""}};t([c()],b.prototype,"text",void 0),t([e("content")],b.prototype,"_content",void 0),t([c()],b.prototype,"direction",void 0),t([c({type:Boolean})],b.prototype,"multiple",void 0),t([c({type:Boolean})],b.prototype,"visible",void 0),t([u()],b.prototype,"autoDirection",void 0),b=t([i("select"),o(f,r`.outline,:host(:focus-within){${d.input}-outline-color:var(${d.active})}[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;visibility:hidden;width:100%}[visible] [part=content]{visibility:visible}`)],b);var _=b;export{b as Select,_ as default};
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
package/components/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":["contain","a","b","toLowerCase","includes","updateChecked","element","operation","name","setAttribute","removeAttribute","Select","Input","constructor","this","multiple","visible","autoDirection","__store","observedRecord","super","direction","render","html","attr","_renderPrefix","type","text","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleFocus","_handleInput","svgCaretDown","htmlSlot","top","bottom","getBoundingClientRect","window","innerHeight","_content","clientHeight","firstUpdated","events","add","e","preventDefault","stopPropagation","target","value","optionValue","select","textContent","lastChecked","_input","focus","document","composed1","composedPath","shadowRoot","contains","blur","_connectedInit","checked","querySelectorAll","length","forEach","default","defaultText","defaultChecked","reset","i","findIndex","s","splice","push","map","join","dispatchEvent","CustomEvent","detail","composed","filter","query","trim","children","filterCallback","match","style","display","compositing","c","start","slice","lastIndexOf","end","indexOf","betweenAt","selectionStart","bubbles","options","option","getAttribute","__decorate","property","prototype","undefined","part","Boolean","state","godown","styles","directionOutsetPlace","css","cssGlobalVars","input","active","Select$1"],"mappings":"saASA,SAASA,EAAQC,EAAWC,GAC1B,OAAOD,GAAKC,GAAKD,EAAEE,cAAcC,SAASF,EAAEC,cAC9C,CAQA,SAASE,EAAcC,EAA6BC,GAClD,GAAID,EAAS,CACX,MAAME,EAAO,UACTD,EACFD,EAAQG,aAAaD,EAAM,IAE3BF,EAAQI,gBAAgBF,GAG9B,CA0BA,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAiBEC,KAAQC,UAAG,EAGXD,KAAOE,SAAG,EAGAF,KAAaG,cAAuB,SAKtCH,KAAOI,QAAsC,GAErD,kBAAIC,GACF,MAAO,IACFC,MAAMD,eACTE,UAAWP,KAAKO,WAAaP,KAAKG,eAI5B,MAAAK,GACR,OAAOC,CAAI,oBAGLC,EAAKV,KAAKK,uCAGV,CACAL,KAAKW,gBACLF,CAAI,6BAGQT,KAAKY,iBACHZ,KAAKa,qBACDb,KAAKc,yBACNd,KAAKe,6BACAf,KAAKgB,gBAAkBC,oBACzBjB,KAAKkB,cAAgBD,mBACtBjB,KAAKmB,aAAeF,UAC7BjB,KAAKoB,mBACDpB,KAAKqB,yBACLrB,KAAKsB,
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":["contain","a","b","toLowerCase","includes","updateChecked","element","operation","name","setAttribute","removeAttribute","Select","Input","constructor","this","multiple","visible","autoDirection","__store","observedRecord","super","direction","render","html","attr","_renderPrefix","type","text","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleFocus","_handleInput","_handleChange","svgCaretDown","htmlSlot","top","bottom","getBoundingClientRect","window","innerHeight","_content","clientHeight","firstUpdated","events","add","e","preventDefault","stopPropagation","target","value","optionValue","select","textContent","lastChecked","_input","focus","document","composed1","composedPath","shadowRoot","contains","blur","_connectedInit","checked","querySelectorAll","length","forEach","default","defaultText","defaultChecked","reset","i","findIndex","s","splice","push","map","join","dispatchEvent","CustomEvent","detail","composed","filter","query","trim","children","filterCallback","match","style","display","compositing","c","start","slice","lastIndexOf","end","indexOf","betweenAt","selectionStart","bubbles","options","option","getAttribute","__decorate","property","prototype","undefined","part","Boolean","state","godown","styles","directionOutsetPlace","css","cssGlobalVars","input","active","Select$1"],"mappings":"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"}
|
package/core/super-input.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ declare class SuperInput<V = string> extends GlobalStyle {
|
|
|
28
28
|
nameValue: () => [string, any];
|
|
29
29
|
reset(): void;
|
|
30
30
|
protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
|
|
31
|
+
protected _handleChange(e: HandlerEvent<HTMLInputElement>): void;
|
|
31
32
|
connectedCallback(): void;
|
|
32
33
|
protected _connectedInit(): void;
|
|
33
34
|
protected _compositionInit(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhE,cAQM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAC9C,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,WAAW,EAAE,WAAW,CAAY;IAGpC,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,CAAC,CAAC;IAET,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhE,cAQM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAC9C,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,WAAW,EAAE,WAAW,CAAY;IAGpC,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,CAAC,CAAC;IAET,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAS/D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAIhE,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;IAMrD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAI5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAG7C;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
|
package/core/super-input.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,styles as i,omit as o,htmlSlot as n}from"@godown/element";import{css as r,html as s}from"lit";import{property as p}from"lit/decorators.js";import{cssGlobalVars as a,GlobalStyle as l}from"./global-style.js";import{OutlineBuilder as u}from"./outline.js";const d=r`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:none;color:inherit;height:100%;padding:var(${a.input}-space);width:100%}.input-field [part=icon]{align-items:center;color:var(${a.input}-icon-color);display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${a.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${a.input}-space)}`,c=r`:host{${a.input}-width:10em;${a.input}-height:1.6em;${a.input}-space:0.2em;${a.input}-control:currentColor;${a.input}-outline-width:.075em;${a.input}-outline-color:var(${a._colors.darkgray[4]});${a.input}-icon-color:var(${a._colors.darkgray[4]});border-radius:.2em}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host(:focus-within){${a.input}-icon-color:currentColor}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let h=class SuperInput extends l{constructor(){super(...arguments),this.autofocus=!1,this.outlineType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return o(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchEvent(new CustomEvent("input",{detail:this.value,
|
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,styles as i,omit as o,htmlSlot as n}from"@godown/element";import{css as r,html as s}from"lit";import{property as p}from"lit/decorators.js";import{cssGlobalVars as a,GlobalStyle as l}from"./global-style.js";import{OutlineBuilder as u}from"./outline.js";const d=r`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:none;color:inherit;height:100%;padding:var(${a.input}-space);width:100%}.input-field [part=icon]{align-items:center;color:var(${a.input}-icon-color);display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${a.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${a.input}-space)}`,c=r`:host{${a.input}-width:10em;${a.input}-height:1.6em;${a.input}-space:0.2em;${a.input}-control:currentColor;${a.input}-outline-width:.075em;${a.input}-outline-color:var(${a._colors.darkgray[4]});${a.input}-icon-color:var(${a._colors.darkgray[4]});border-radius:.2em}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host(:focus-within){${a.input}-icon-color:currentColor}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let h=class SuperInput extends l{constructor(){super(...arguments),this.autofocus=!1,this.outlineType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return o(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})))}_handleChange(t){this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0}))}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return s`<label for="${this.makeId}" part="prefix">${n("prefix")}</label>`}_renderSuffix(){return s`<label for="${this.makeId}" part="suffix">${n("suffix")}</label>`}};t([p()],h.prototype,"autocomplete",void 0),t([p({attribute:"outline-type"})],h.prototype,"outlineType",void 0),t([p({type:Boolean,reflect:!0})],h.prototype,"disabled",void 0),t([p({reflect:!0})],h.prototype,"type",void 0),t([p({reflect:!0})],h.prototype,"placeholder",void 0),t([p({reflect:!0})],h.prototype,"name",void 0),t([p()],h.prototype,"value",void 0),t([p()],h.prototype,"default",void 0),t([e("input")],h.prototype,"_input",void 0),h=t([i(d,new u({width:`${a.input}-outline-width`,color:`${a.input}-outline-color`}).styleSheet,c)],h);var f=h;export{h as SuperInput,f as default};
|
|
2
2
|
//# sourceMappingURL=super-input.js.map
|
package/core/super-input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":["fieldStyle","css","cssGlobalVars","input","inputStyle","_colors","darkgray","SuperInput","GlobalStyle","constructor","this","autofocus","outlineType","disabled","compositing","makeId","Math","random","toString","slice","nameValue","namevalue","observedRecord","omit","super","defaultValue","value","default","name","reset","_input","_handleInput","e","stopPropagation","target","trim","dispatchEvent","CustomEvent","detail","bubbles","
|
|
1
|
+
{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":["fieldStyle","css","cssGlobalVars","input","inputStyle","_colors","darkgray","SuperInput","GlobalStyle","constructor","this","autofocus","outlineType","disabled","compositing","makeId","Math","random","toString","slice","nameValue","namevalue","observedRecord","omit","super","defaultValue","value","default","name","reset","_input","_handleInput","e","stopPropagation","target","trim","dispatchEvent","CustomEvent","detail","composed","bubbles","_handleChange","connectedCallback","_connectedInit","_compositionInit","events","add","_changeInputType","t","type","focus","options","firstUpdated","_renderPrefix","html","htmlSlot","_renderSuffix","__decorate","property","prototype","undefined","attribute","Boolean","reflect","part","styles","OutlineBuilder","width","color","styleSheet","SuperInput$1"],"mappings":"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"}
|