godown 3.8.2 → 3.9.0
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 +12 -12
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +12 -12
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +12 -12
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +10 -10
- package/build/godown.js +10 -10
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +10 -10
- package/build/godown.umd.js.map +1 -1
- package/components/alert.d.ts +1 -0
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -1
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -1
- package/components/avatar.js.map +1 -1
- package/components/button.d.ts +4 -4
- 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.map +1 -1
- package/components/carousel.js.map +1 -1
- package/components/input.d.ts +1 -0
- package/components/input.d.ts.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/components/split.d.ts +1 -0
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/tabs.d.ts +1 -0
- package/components/tabs.d.ts.map +1 -1
- package/components/tabs.js +1 -1
- package/components/tabs.js.map +1 -1
- package/core/global-style.d.ts +3 -1
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -1
- package/core/global-style.js.map +1 -1
- package/core/outline.d.ts +7 -9
- package/core/outline.d.ts.map +1 -1
- package/core/outline.js +1 -1
- package/core/outline.js.map +1 -1
- package/core/super-input.d.ts +1 -1
- 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 +4 -5
- package/src/components/alert.ts +33 -25
- package/src/components/avatar.ts +1 -2
- package/src/components/button.ts +89 -68
- package/src/components/carousel.ts +2 -1
- package/src/components/input.ts +12 -5
- package/src/components/range.ts +14 -3
- package/src/components/select.ts +1 -0
- package/src/components/split.ts +12 -2
- package/src/components/tabs.ts +58 -64
- package/src/core/global-style.ts +20 -7
- package/src/core/outline.ts +35 -40
- package/src/core/super-input.ts +2 -11
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/alert.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AA0DlF;;;;;;;;;;GAUG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B,OAAO,CAAC,SAAS,CAYd;IAEH;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,CAAU;IAExC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAOrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/alert.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r,styles as t,StyleController as e,joinRules as i,htmlSlot as c,attr as l}from"@godown/element";import s from"@godown/f7-icon/icons/checkmark-alt-circle.js";import n from"@godown/f7-icon/icons/exclamationmark-circle.js";import a from"@godown/f7-icon/icons/info-circle.js";import d from"@godown/f7-icon/icons/lightbulb.js";import p from"@godown/f7-icon/icons/question-circle.js";import g from"@godown/f7-icon/icons/slash-circle.js";import h from"@godown/f7-icon/icons/xmark-circle.js";import m from"@godown/f7-icon/icons/xmark.js";import{css as u,html as b}from"lit";import{property as v}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as k,GlobalStyle as w}from"../core/global-style.js";const y="alert",$=f(y),j=o=>[k._colors[o][5],k._colors[o][9]],_={green:j("green"),blue:j("blue"),orange:j("orange"),red:j("red"),yellow:j("yellow"),purple:j("purple"),teal:j("teal"),pink:j("pink"),gray:[k._colors.lightgray[5],k._colors.darkgray[5]],white:[k._colors.lightgray[2],k._colors.darkgray[7]],black:[k._colors.darkgray[8],k._colors.lightgray[5]]},C={tip:{color:"teal",icon:d},success:{color:"green",icon:s},info:{color:"blue",icon:a},warning:{color:"orange",icon:n},danger:{color:"red",icon:h},error:{color:"red",icon:h},help:{color:"purple",icon:p},deprecated:{color:"gray",icon:g}};let q=class Alert extends w{constructor(){super(...arguments),this.__colorSC=new e(this,(()=>{const o=C[this.call]?.color||this.color;if(o in _){const[r,t]=_[o];return i({":host":[[`${$}--color`,`var(${r})`],[`${$}--background`,`var(${t})`]]})}return null})),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=this.call?C[this.call].icon():c("icon");return b`<div part="root" ${l(this.observedRecord)}><div part="icon" class="start">${o}</div><div part="content"><strong part="title">${this.title||c("title")}</strong> ${this.content||c()}</div>${this.hideClose||"blockquote"===this.variant?"":b`<div part="icon close" class="end" tabindex="0" @click="${this.close}">${m()}</div>`}</div>`}close(){this.remove(),this.dispatchCustomEvent("close",void 0,{bubbles:!0})}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([v()],q.prototype,"call",void 0),o([v()],q.prototype,"color",void 0),o([v({type:Number})],q.prototype,"autoclose",void 0),o([v()],q.prototype,"title",void 0),o([v()],q.prototype,"content",void 0),o([v({type:Boolean})],q.prototype,"hideClose",void 0),o([v()],q.prototype,"variant",void 0),q=o([r(y),t(u`:host{${$}--border-width:.075em;${$}--blockquote-width:.2em;${$}--blockquote-background:transparent;${$}--gap:.5em}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;background:var(${$}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${$}--border-width);color:var(${$}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${$}--gap)}[variant=blockquote]{background:var(${$}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${$}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${$}--gap)}.end svg{margin-inline-start:var(${$}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],q);var x=q;export{q as Alert,x as default};
|
2
2
|
//# sourceMappingURL=alert.js.map
|
package/components/alert.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","genDark","key","cssGlobalVars","_colors","
|
1
|
+
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","genDark","key","cssGlobalVars","_colors","colorDetails","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","__colorSC","StyleController","call","fg","bg","joinRules","autoclose","hideClose","variant","render","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","remove","dispatchCustomEvent","undefined","bubbles","firstUpdated","timeouts","add","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAIrE;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAU5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/avatar.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{
|
1
|
+
import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{cssGlobalVars as h,GlobalStyle as m}from"../core/global-style.js";let p=class Avatar extends m{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error="${this._handleError}">`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};r([d()],p.prototype,"src",void 0),r([d()],p.prototype,"name",void 0),r([d({type:Boolean})],p.prototype,"round",void 0),p=r([t("avatar"),e(s`:host{background:var(${h.passive});height:2em;overflow:hidden;vertical-align:bottom;width:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;justify-content:center;position:relative}`)],p);var l=p;export{p as Avatar,l as default};
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
package/components/avatar.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","formatName","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","cssGlobalVars","passive","Avatar$1"],"mappings":"oRAmBA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKC,EAAKN,KAAKO,eAAgB,WAE/BP,KAAKQ,wBAKH,aAAAA,GACR,OAAIR,KAAKS,IACAL,CAAI,0BAGAJ,KAAKS,aACLT,KAAKC,iBACHD,KAAKU,iBAIhBV,KAAKC,KACAG,CAAI,qBACWJ,KAAKW,sBAGtBC,IAGT,UAAAD,GACE,OAAOX,KAAKC,KAGJ,YAAAS,GACRV,KAAKS,SAAMI,IAjDbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAA,GAM9BF,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAA,GAlBTnB,EAAMiB,EAAA,CAFXK,EAXiB,UAYjBC,EAAOC,CAAG,wBAAwBC,EAAcC,kXAC3C1B,GA2DN,IAAA2B,EAAe3B"}
|
package/components/button.d.ts
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
|
4
|
-
declare const colors: Record<Colors, string>;
|
3
|
+
type Colors = "none" | "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
|
5
4
|
/**
|
6
5
|
* {@linkcode Button} renders a button.
|
7
6
|
*
|
@@ -17,6 +16,7 @@ declare const colors: Record<Colors, string>;
|
|
17
16
|
* @category input
|
18
17
|
*/
|
19
18
|
declare class Button extends GlobalStyle {
|
19
|
+
private __colorSC;
|
20
20
|
/**
|
21
21
|
* If true, remove gradient, modal animation, focus scale.
|
22
22
|
*/
|
@@ -41,7 +41,7 @@ declare class Button extends GlobalStyle {
|
|
41
41
|
/**
|
42
42
|
* The primary color.
|
43
43
|
*/
|
44
|
-
color:
|
44
|
+
color: Colors;
|
45
45
|
/**
|
46
46
|
* Content text.
|
47
47
|
*/
|
@@ -54,7 +54,7 @@ declare class Button extends GlobalStyle {
|
|
54
54
|
connectedCallback(): void;
|
55
55
|
protected _handelClick(e: MouseEvent): void;
|
56
56
|
protected _handleModal(e: MouseEvent): void;
|
57
|
-
nextColor(): Colors
|
57
|
+
nextColor(): Colors;
|
58
58
|
}
|
59
59
|
export default Button;
|
60
60
|
export { Button };
|
@@ -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,
|
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,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,CAAC;AA4DZ;;;;;;;;;;;;;GAaG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B,OAAO,CAAC,SAAS,CAad;IAEH;;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,CAAW;IAExB;;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;IAIrC,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;CAGpB;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{
|
1
|
+
import{__decorate as o}from"tslib";import{part as t,godown as r,styles as e,StyleController as a,joinRules as i,attr as n,htmlSlot as l}from"@godown/element";import{css as s,html as d}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as h,GlobalStyle as g}from"../core/global-style.js";const u="button",v=p(u),y=h.white,b=h.black,m={black:[y,h._colors.darkgray[7],h._colors.darkgray[5]],gray:[y,h._colors.darkgray[1],h._colors.lightgray[8]],white:[b,h._colors.lightgray[3],h._colors.lightgray[0]],blue:[y,h._colors.blue[6],h._colors.blue[4]],green:[y,h._colors.green[6],h._colors.green[4]],red:[y,h._colors.red[6],h._colors.red[4]],orange:[y,h._colors.orange[6],h._colors.orange[4]],pink:[y,h._colors.pink[6],h._colors.pink[4]],purple:[y,h._colors.purple[6],h._colors.purple[4]],yellow:[b,h._colors.yellow[6],h._colors.yellow[4]],teal:[y,h._colors.teal[6],h._colors.teal[4]]};let $=class Button extends g{constructor(){super(...arguments),this.__colorSC=new a(this,(()=>{const o=this.nextColor();if(o in m){const[t,r,e]=m[o];return i({":host":[[`${v}--color`,`var(${t})`],[`${v}--background`,`var(${r})`],[`${v}--gradients`,`var(${e})`]]})}return null})),this.plain=!1,this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){return d`<div part="root" ${n(this.observedRecord)}>${this.content||l()} <span part="modal-root"></span></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([c({type:Boolean,reflect:!0})],$.prototype,"plain",void 0),o([c({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([c({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([c({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([c({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([c({reflect:!0})],$.prototype,"color",void 0),o([c()],$.prototype,"content",void 0),o([t("modal-root")],$.prototype,"_modalRoot",void 0),o([t("root")],$.prototype,"_root",void 0),$=o([r(u),e(s`:host(:not([disabled]):active){transform:scale(var(${v}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${v}--modal-background:var(${v}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${v}--ghost-width) var(${v}--ghost-color);color:var(${v}--ghost-color)}:host([plain]){${v}--gradients:unset;${v}--focus-scale:unset}`,s`:host{${v}--padding-x:.8em;${v}--padding-y:calc(var(${v}--padding-x)/4);${v}--padding:var(${v}--padding-y) var(${v}--padding-x);${v}--modal-animation-duration:1s;${v}--ghost-width:.08em;${v}--focus-scale:.97;${v}--deg:45deg;${v}--ghost-color:var(${v}--background);background:linear-gradient(var(${v}--deg),var(${v}--background),var(${v}--gradients,var(${v}--background)));color:var(${v}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${v}--padding);text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{border-radius:inherit;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}i{animation-duration:var(${v}--modal-animation-duration);background:var(${v}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${v}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var f=$;export{$ as Button,f 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","
|
1
|
+
{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colorDetails","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","Button","GlobalStyle","constructor","this","__colorSC","StyleController","color","nextColor","fg","bg","gd","joinRules","plain","disabled","ghost","active","round","render","html","attr","observedRecord","content","htmlSlot","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","part","godown","styles","css","Button$1"],"mappings":"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"}
|
@@ -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;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;
|
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;CASlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
@@ -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","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","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,
|
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","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,EAELA,EAAItC,KAAKc,SAASC,OAAS,EACtBf,KAAKc,SAASC,OAAS,EAEzBuB,IA7HTgB,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT5D,EAAA6D,UAAA,aAAA,GAMTJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJ5D,EAAA6D,UAAA,kBAAA,GAGJJ,EAAA,CADTK,EAAK,cAC0B9D,EAAA6D,UAAA,iBAAA,GAd5B7D,EAAQyD,EAAA,CAFbM,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACLjE,GAsIN,IAAAkE,EAAelE"}
|
package/components/input.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD;;;;;;GAMG;AACH,cAEM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,OAAO,CAAC,WAAW,CAKjB;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAM7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/input.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,StyleController as s,attr as r,htmlSlot as a}from"@godown/element";import p from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as n,nothing as u,html as l}from"lit";import{property as h}from"lit/decorators.js";import{cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as c}from"../core/super-input.js";import{OutlineBuilder as f}from"../core/outline.js";let m=class Input extends c{constructor(){super(...arguments),this.type="text",this.variant="default",this.__outlineSC=new s(this,(()=>new f({outlineType:this.outlineType}).css+("outline"===this.variant?`:host{${d.outlineColor}: var(${d.active})}`:"")))}render(){return l`<div part="root" ${r(this.observedRecord)} class="input-field">${[this._renderPrefix(),l`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||u}" autocomplete="${this.autocomplete||u}" placeholder="${this.placeholder||u}" id="${this.makeId}" @input="${this._handleInput}" @change="${this._handleChange}">`,this._renderSuffix()]}</div>`}_renderSuffix(){const t="password";return l`<label for="${this.makeId}" part="suffix">${this.type===t?l`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${p()}</i>`:a("suffix")}</label>`}};t([h()],m.prototype,"variant",void 0),t([e("input")],m.prototype,"_input",void 0),m=t([i("input"),o(n`:host{display:block;height:var(${d.input}-height);width:var(${d.input}-width)}:host(:focus-within){${d.outlineColor}:var(${d.active})}`)],m);var $=m;export{m 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","
|
1
|
+
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","__outlineSC","StyleController","OutlineBuilder","outlineType","css","cssGlobalVars","outlineColor","active","render","html","attr","observedRecord","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_handleChange","_renderSuffix","PASSWORD","_changeInputType","iconEyeSlashFill","htmlSlot","__decorate","property","prototype","part","godown","styles","input","Input$1"],"mappings":"ocAoBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAIC,KAA6D,OAQjED,KAAOE,QAA0B,UAKzBF,KAAWG,YAAG,IAAIC,EACxBJ,MACA,IACE,IAAIK,EAAe,CAAEC,YAAaN,KAAKM,cAAeC,KACpC,YAAjBP,KAAKE,QAAwB,SAASM,EAAcC,qBAAqBD,EAAcE,WAAa,MAG/F,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKb,KAAKc,uCAGV,CACAd,KAAKe,gBACLH,CAAI,6BAGQZ,KAAKC,iBACHD,KAAKgB,sBACDhB,KAAKiB,yBACNjB,KAAKkB,6BACAlB,KAAKmB,gBAAkBC,oBACzBpB,KAAKqB,cAAgBD,mBACtBpB,KAAKsB,aAAeF,UAC7BpB,KAAKuB,mBACDvB,KAAKwB,0BACJxB,KAAKyB,kBAGpBzB,KAAK0B,yBAMH,aAAAA,GACR,MAAMC,EAAW,WACjB,OAAOf,CAAI,eAEDZ,KAAKuB,yBAGTvB,KAAKC,OAAS0B,EACZf,CAAI,8BAGc,IAAMZ,KAAK4B,iBAAiB,sBAC9B,IAAM5B,KAAK4B,iBAAiBD,oBACzB,IAAM3B,KAAK4B,iBAAiBD,OAEzCE,UAGNC,EAAS,sBA5DnBC,EAAA,CADCC,KACyCnC,EAAAoC,UAAA,eAAA,GAGhCF,EAAA,CADTG,EAAK,UAC4BrC,EAAAoC,UAAA,cAAA,GAZ9BpC,EAAKkC,EAAA,CAFVI,EATiB,SAUjBC,EAAO7B,CAAG,kCAAkCC,EAAc6B,2BAA2B7B,EAAc6B,qCAAqC7B,EAAcC,oBAAoBD,EAAcE,aACnLb,GA2EN,IAAAyC,EAAezC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,MAAM,EAEP,MAAM,iBAAiB,CAAC;AACzB,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;;;;;;;;;GASG;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;IAchC;;OAEG;IACH,UAAU,IAAI,IAAI;IAKlB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAC7B,aAAa,KAAG,IAAI;IAgBjC;;;;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,
|
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,joinDeclarations as n,loop as h,tokenList as l,isNullable as c}from"@godown/element";import{css as d,html as u}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 u`<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 u`<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)))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent)}createKeydownEvent(t){return e=>{const{rangeValue:r,step:a}=this;r.length<2&&(t=0);const s=r[t];"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)(s-a)):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)(s+a))}}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.dispatchCustomEvent("change",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,c(this.value)&&(c(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(d`: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;--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}`,d`[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%}`,d`[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","
|
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","joinDeclarations","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","dispatchCustomEvent","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNullable","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 +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;
|
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;IA6B3C,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,nothing as h,html 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 a`<div part="root" ${s(this.observedRecord)} class="input-field">${[this._renderPrefix(),a`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||h}" autocomplete="${this.autocomplete||h}" placeholder="${this.placeholder||h}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}">`,a`<label for="${this.makeId}" part="suffix"><i part="icon">${n()}</i></label>`,a`<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.dispatchCustomEvent("select",this.value),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.dispatchCustomEvent("input",this.value,{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};
|
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,nothing as h,html 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 a`<div part="root" ${s(this.observedRecord)} class="input-field">${[this._renderPrefix(),a`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||h}" autocomplete="${this.autocomplete||h}" placeholder="${this.placeholder||h}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}">`,a`<label for="${this.makeId}" part="suffix"><i part="icon">${n()}</i></label>`,a`<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,e=e.trim();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.dispatchCustomEvent("select",this.value),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.dispatchCustomEvent("input",this.value,{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","_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","dispatchCustomEvent","filter","query","
|
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","trim","i","findIndex","s","splice","push","map","join","dispatchCustomEvent","filter","query","children","filterCallback","match","style","display","compositing","c","start","slice","lastIndexOf","end","indexOf","betweenAt","selectionStart","bubbles","options","option","getAttribute","__decorate","property","prototype","part","Boolean","state","godown","styles","directionOutsetPlace","css","cssGlobalVars","input","active","Select$1"],"mappings":"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"}
|
package/components/split.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,
|
1
|
+
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAMpD;;;;;;;;;;;;GAYG;AACH,cAEM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,OAAO,CAAC,WAAW,CAOjB;IAEF,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,IAAI;IAY3E;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2C9C,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKxB,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;CAQd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/split.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e,styles as i,
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as i,StyleController as r,omit as s,attr as n,loop as u,tokenList as l}from"@godown/element";import{css as o,html as c}from"lit";import{property as a,state as h}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as f}from"../core/super-input.js";import{OutlineBuilder as b}from"../core/outline.js";const v="split",m=p(v);let y=class Split extends f{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],this.__outlineSC=new r(this,(()=>new b({selector:"[part=input-box]",outlineType:this.outlineType}).css))}get observedRecord(){return s(super.observedRecord,"outline-type")}render(){return c`<div part="root" ${n(this.observedRecord)}>${u(this.len,(t=>c`<span part="input-box" outline-type="${this.outlineType}" class="${l({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}">${this.currentValue[t]}</span>`))} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len," ")}"></div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};t([a({type:Number})],y.prototype,"len",void 0),t([a({type:Number})],y.prototype,"index",void 0),t([h()],y.prototype,"current",void 0),t([h()],y.prototype,"currentValue",void 0),y=t([e(v),i(o`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${m}--size:1.45em;${m}--gap:.25em}[part=root]{display:flex;gap:var(${m}--gap);justify-content:space-between;position:relative}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{align-items:center;display:inline-flex;height:var(${m}--size);justify-content:center;width:var(${m}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${d.outlineColor}:var(${d.active})}`)],y);var $=y;export{y as Split,$ as default};
|
2
2
|
//# sourceMappingURL=split.js.map
|
package/components/split.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","this","len","index","current","currentValue","observedRecord","omit","super","render","html","attr","loop","
|
1
|
+
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","this","len","index","current","currentValue","__outlineSC","StyleController","OutlineBuilder","selector","outlineType","css","observedRecord","omit","super","render","html","attr","loop","tokenList","focus","disabled","focusAt","makeId","blur","_handleInput","_handleChange","value","padStart","connectedCallback","reset","e","stopPropagation","compositing","fillInput","data","join","dispatchCustomEvent","bubbles","lastNotNull","findLastIndex","a","multiple","length","indexOf","after","slice","i","_input","default","split","concat","Array","fill","__decorate","property","type","Number","prototype","state","godown","styles","cssGlobalVars","outlineColor","active","Split$1"],"mappings":"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"}
|
package/components/tabs.d.ts
CHANGED
@@ -43,6 +43,7 @@ declare class Tabs extends GlobalStyle {
|
|
43
43
|
protected _lastIndex: number;
|
44
44
|
protected _items: HTMLCollectionOf<HTMLLIElement>;
|
45
45
|
protected _indicators: HTMLCollectionOf<HTMLDivElement>;
|
46
|
+
private __outlineSC;
|
46
47
|
render(): TemplateResult<1>;
|
47
48
|
connectedCallback(): void;
|
48
49
|
protected _handleMouseLeave(): void;
|
package/components/tabs.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/components/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/components/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cAEM,IAAK,SAAQ,WAAW;IAE5B,WAAW,EAAE,WAAW,CAAY;IAEpC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAG7B,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAExD,OAAO,CAAC,WAAW,CAA8F;IAEjH,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAa3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAsCpC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAY/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/tabs.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as i,styles as e,
|
1
|
+
import{__decorate as t}from"tslib";import{godown as i,styles as e,StyleController as o,attr as r,tokenList as s,htmlSlot as n}from"@godown/element";import{scopePrefix as a,cssGlobalVars as d,GlobalStyle as p}from"../core/global-style.js";import{css as l,html as c}from"lit";import{property as h,queryAll as u}from"lit/decorators.js";import{OutlineBuilder as m}from"../core/outline.js";const v="tabs",y=a(v),x="hover";let b=class Tabs extends p{constructor(){super(...arguments),this.outlineType="border",this.useSlot=!1,this.index=0,this.__outlineSC=new o(this,(()=>new m({outlineType:this.outlineType}).css))}render(){return c`<ul part="root" ${r(this.observedRecord)} @mouseleave="${this._handleMouseLeave}">${this.tabs?.map(((t,i)=>t||this.useSlot?c`<li part="${s("item",{selected:this.index===i})}" @mouseenter="${()=>{this.move(this._lastIndex,i),this._lastIndex=i}}" @click="${()=>this.select(i)}">${this.useSlot?n(t):t}<div part="indicator"></div></li>`:""))}</ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(x),this._lastIndex=this.index}move(t,i){if(t===i)return;const{_items:e,_indicators:o}=this,r=e[i];if(!r)return;r.part.add(x);const s=e[t];if(!s)return;s.part.remove(x);const n=o[i],a=o[t];if(!n||!a)return;const d=a.getBoundingClientRect(),p=r.getBoundingClientRect(),l=d.x-p.x,c=d.y-p.y,h=d.width,{style:u}=n;u.transform=`translate3d(${l}px,${c}px,0)`,u.width=h+"px",u.transition=a.style.transition="none",n.getBoundingClientRect(),u.width=u.transform=u.transition=a.style.transition=""}select(t){const{index:i,tabs:e,_lastIndex:o,useSlot:r}=this;e&&i!==t&&t in e&&(this.dispatchCustomEvent("select",t),this.move(o,t),this._lastIndex=t,i in e&&(e[i]||r)&&(this.index=t))}};t([h({attribute:"outline-type"})],b.prototype,"outlineType",void 0),t([h({type:Boolean})],b.prototype,"useSlot",void 0),t([h({type:Array})],b.prototype,"tabs",void 0),t([h({type:Number})],b.prototype,"index",void 0),t([u("[part~=item]")],b.prototype,"_items",void 0),t([u("[part=indicator]")],b.prototype,"_indicators",void 0),b=t([i(v),e(l`:host{${y}--indicator-background:var(${d._colors.darkgray[7]});${y}--space:0.25em;border-radius:var(${d.radius});cursor:default;display:flex;transition:.2s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${y}--space);overflow-x:clip;padding:var(${y}--space);position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .4em;position:relative;white-space:nowrap}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${y}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${y}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],b);var f=b;export{b as Tabs,f as default};
|
2
2
|
//# sourceMappingURL=tabs.js.map
|
package/components/tabs.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../src/components/tabs.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","this","outlineType","useSlot","index","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","tokenList","selected","move","_lastIndex","select","htmlSlot","connectedCallback","super","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","dispatchCustomEvent","__decorate","property","attribute","prototype","type","Boolean","Array","Number","queryAll","godown","styles","
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../src/components/tabs.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","this","outlineType","useSlot","index","__outlineSC","StyleController","OutlineBuilder","css","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","tokenList","selected","move","_lastIndex","select","htmlSlot","connectedCallback","super","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","dispatchCustomEvent","__decorate","property","attribute","prototype","type","Boolean","Array","Number","queryAll","godown","styles","cssGlobalVars","_colors","darkgray","radius","Tabs$1"],"mappings":"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"}
|