godown 3.5.0 → 3.5.2
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 +2 -2
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +2 -2
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +2 -2
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +2 -2
- package/build/godown.js +2 -2
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +2 -2
- package/build/godown.umd.js.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/input.js +1 -1
- package/components/input.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/core/super-openable.d.ts +0 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +6 -18
- package/src/components/button.ts +2 -3
- package/src/components/details.ts +1 -1
- package/src/components/dialog.ts +4 -6
- package/src/components/input.ts +1 -0
- package/src/components/select.ts +1 -1
- package/src/core/super-input.ts +6 -11
- package/src/core/super-openable.ts +0 -4
- package/tsconfig.json +33 -0
- package/web-types.json +1 -1
- package/dev/alert.d.ts +0 -9
- package/dev/alert.d.ts.map +0 -1
- package/dev/alert.js +0 -5
- package/dev/alert.js.map +0 -1
- package/dev/avatar.d.ts +0 -9
- package/dev/avatar.d.ts.map +0 -1
- package/dev/avatar.js +0 -5
- package/dev/avatar.js.map +0 -1
- package/dev/badge.d.ts +0 -9
- package/dev/badge.d.ts.map +0 -1
- package/dev/badge.js +0 -5
- package/dev/badge.js.map +0 -1
- package/dev/breath.d.ts +0 -9
- package/dev/breath.d.ts.map +0 -1
- package/dev/breath.js +0 -5
- package/dev/breath.js.map +0 -1
- package/dev/button.d.ts +0 -9
- package/dev/button.d.ts.map +0 -1
- package/dev/button.js +0 -5
- package/dev/button.js.map +0 -1
- package/dev/card.d.ts +0 -9
- package/dev/card.d.ts.map +0 -1
- package/dev/card.js +0 -5
- package/dev/card.js.map +0 -1
- package/dev/carousel.d.ts +0 -9
- package/dev/carousel.d.ts.map +0 -1
- package/dev/carousel.js +0 -5
- package/dev/carousel.js.map +0 -1
- package/dev/components/alert.d.ts +0 -55
- package/dev/components/alert.d.ts.map +0 -1
- package/dev/components/alert.js +0 -236
- package/dev/components/alert.js.map +0 -1
- package/dev/components/avatar.d.ts +0 -33
- package/dev/components/avatar.d.ts.map +0 -1
- package/dev/components/avatar.js +0 -119
- package/dev/components/avatar.js.map +0 -1
- package/dev/components/badge.d.ts +0 -31
- package/dev/components/badge.d.ts.map +0 -1
- package/dev/components/badge.js +0 -122
- package/dev/components/badge.js.map +0 -1
- package/dev/components/breath.d.ts +0 -36
- package/dev/components/breath.d.ts.map +0 -1
- package/dev/components/breath.js +0 -135
- package/dev/components/breath.js.map +0 -1
- package/dev/components/button.d.ts +0 -60
- package/dev/components/button.d.ts.map +0 -1
- package/dev/components/button.js +0 -288
- package/dev/components/button.js.map +0 -1
- package/dev/components/card.d.ts +0 -27
- package/dev/components/card.d.ts.map +0 -1
- package/dev/components/card.js +0 -87
- package/dev/components/card.js.map +0 -1
- package/dev/components/carousel.d.ts +0 -39
- package/dev/components/carousel.d.ts.map +0 -1
- package/dev/components/carousel.js +0 -184
- package/dev/components/carousel.js.map +0 -1
- package/dev/components/details.d.ts +0 -24
- package/dev/components/details.d.ts.map +0 -1
- package/dev/components/details.js +0 -124
- package/dev/components/details.js.map +0 -1
- package/dev/components/dialog.d.ts +0 -43
- package/dev/components/dialog.d.ts.map +0 -1
- package/dev/components/dialog.js +0 -154
- package/dev/components/dialog.js.map +0 -1
- package/dev/components/divider.d.ts +0 -17
- package/dev/components/divider.d.ts.map +0 -1
- package/dev/components/divider.js +0 -64
- package/dev/components/divider.js.map +0 -1
- package/dev/components/dragbox.d.ts +0 -42
- package/dev/components/dragbox.d.ts.map +0 -1
- package/dev/components/dragbox.js +0 -126
- package/dev/components/dragbox.js.map +0 -1
- package/dev/components/flex.d.ts +0 -34
- package/dev/components/flex.d.ts.map +0 -1
- package/dev/components/flex.js +0 -73
- package/dev/components/flex.js.map +0 -1
- package/dev/components/form.d.ts +0 -24
- package/dev/components/form.d.ts.map +0 -1
- package/dev/components/form.js +0 -76
- package/dev/components/form.js.map +0 -1
- package/dev/components/grid.d.ts +0 -38
- package/dev/components/grid.d.ts.map +0 -1
- package/dev/components/grid.js +0 -67
- package/dev/components/grid.js.map +0 -1
- package/dev/components/heading.d.ts +0 -31
- package/dev/components/heading.d.ts.map +0 -1
- package/dev/components/heading.js +0 -127
- package/dev/components/heading.js.map +0 -1
- package/dev/components/input.d.ts +0 -23
- package/dev/components/input.d.ts.map +0 -1
- package/dev/components/input.js +0 -99
- package/dev/components/input.js.map +0 -1
- package/dev/components/layout.d.ts +0 -28
- package/dev/components/layout.d.ts.map +0 -1
- package/dev/components/layout.js +0 -96
- package/dev/components/layout.js.map +0 -1
- package/dev/components/link.d.ts +0 -54
- package/dev/components/link.d.ts.map +0 -1
- package/dev/components/link.js +0 -110
- package/dev/components/link.js.map +0 -1
- package/dev/components/progress.d.ts +0 -16
- package/dev/components/progress.d.ts.map +0 -1
- package/dev/components/progress.js +0 -101
- package/dev/components/progress.js.map +0 -1
- package/dev/components/range.d.ts +0 -122
- package/dev/components/range.d.ts.map +0 -1
- package/dev/components/range.js +0 -391
- package/dev/components/range.js.map +0 -1
- package/dev/components/rotate.d.ts +0 -30
- package/dev/components/rotate.d.ts.map +0 -1
- package/dev/components/rotate.js +0 -93
- package/dev/components/rotate.js.map +0 -1
- package/dev/components/router.d.ts +0 -116
- package/dev/components/router.d.ts.map +0 -1
- package/dev/components/router.js +0 -240
- package/dev/components/router.js.map +0 -1
- package/dev/components/select.d.ts +0 -53
- package/dev/components/select.d.ts.map +0 -1
- package/dev/components/select.js +0 -269
- package/dev/components/select.js.map +0 -1
- package/dev/components/skeleton.d.ts +0 -28
- package/dev/components/skeleton.d.ts.map +0 -1
- package/dev/components/skeleton.js +0 -122
- package/dev/components/skeleton.js.map +0 -1
- package/dev/components/split.d.ts +0 -56
- package/dev/components/split.d.ts.map +0 -1
- package/dev/components/split.js +0 -220
- package/dev/components/split.js.map +0 -1
- package/dev/components/switch.d.ts +0 -32
- package/dev/components/switch.d.ts.map +0 -1
- package/dev/components/switch.js +0 -147
- package/dev/components/switch.js.map +0 -1
- package/dev/components/text.d.ts +0 -21
- package/dev/components/text.d.ts.map +0 -1
- package/dev/components/text.js +0 -96
- package/dev/components/text.js.map +0 -1
- package/dev/components/time.d.ts +0 -36
- package/dev/components/time.d.ts.map +0 -1
- package/dev/components/time.js +0 -75
- package/dev/components/time.js.map +0 -1
- package/dev/components/tooltip.d.ts +0 -51
- package/dev/components/tooltip.d.ts.map +0 -1
- package/dev/components/tooltip.js +0 -140
- package/dev/components/tooltip.js.map +0 -1
- package/dev/components/typewriter.d.ts +0 -49
- package/dev/components/typewriter.d.ts.map +0 -1
- package/dev/components/typewriter.js +0 -149
- package/dev/components/typewriter.js.map +0 -1
- package/dev/core/direction.d.ts +0 -27
- package/dev/core/direction.d.ts.map +0 -1
- package/dev/core/direction.js +0 -56
- package/dev/core/direction.js.map +0 -1
- package/dev/core/global-style.d.ts +0 -20
- package/dev/core/global-style.d.ts.map +0 -1
- package/dev/core/global-style.js +0 -82
- package/dev/core/global-style.js.map +0 -1
- package/dev/core/outline.d.ts +0 -20
- package/dev/core/outline.d.ts.map +0 -1
- package/dev/core/outline.js +0 -44
- package/dev/core/outline.js.map +0 -1
- package/dev/core/super-anchor.d.ts +0 -18
- package/dev/core/super-anchor.d.ts.map +0 -1
- package/dev/core/super-anchor.js +0 -60
- package/dev/core/super-anchor.js.map +0 -1
- package/dev/core/super-input.d.ts +0 -43
- package/dev/core/super-input.d.ts.map +0 -1
- package/dev/core/super-input.js +0 -203
- package/dev/core/super-input.js.map +0 -1
- package/dev/core/super-openable.d.ts +0 -16
- package/dev/core/super-openable.d.ts.map +0 -1
- package/dev/core/super-openable.js +0 -36
- package/dev/core/super-openable.js.map +0 -1
- package/dev/details.d.ts +0 -9
- package/dev/details.d.ts.map +0 -1
- package/dev/details.js +0 -5
- package/dev/details.js.map +0 -1
- package/dev/dialog.d.ts +0 -9
- package/dev/dialog.d.ts.map +0 -1
- package/dev/dialog.js +0 -5
- package/dev/dialog.js.map +0 -1
- package/dev/divider.d.ts +0 -9
- package/dev/divider.d.ts.map +0 -1
- package/dev/divider.js +0 -5
- package/dev/divider.js.map +0 -1
- package/dev/dragbox.d.ts +0 -9
- package/dev/dragbox.d.ts.map +0 -1
- package/dev/dragbox.js +0 -5
- package/dev/dragbox.js.map +0 -1
- package/dev/flex.d.ts +0 -9
- package/dev/flex.d.ts.map +0 -1
- package/dev/flex.js +0 -5
- package/dev/flex.js.map +0 -1
- package/dev/form.d.ts +0 -9
- package/dev/form.d.ts.map +0 -1
- package/dev/form.js +0 -5
- package/dev/form.js.map +0 -1
- package/dev/grid.d.ts +0 -9
- package/dev/grid.d.ts.map +0 -1
- package/dev/grid.js +0 -5
- package/dev/grid.js.map +0 -1
- package/dev/heading.d.ts +0 -9
- package/dev/heading.d.ts.map +0 -1
- package/dev/heading.js +0 -5
- package/dev/heading.js.map +0 -1
- package/dev/index.d.ts +0 -31
- package/dev/index.d.ts.map +0 -1
- package/dev/index.js +0 -31
- package/dev/index.js.map +0 -1
- package/dev/input.d.ts +0 -9
- package/dev/input.d.ts.map +0 -1
- package/dev/input.js +0 -5
- package/dev/input.js.map +0 -1
- package/dev/layout.d.ts +0 -9
- package/dev/layout.d.ts.map +0 -1
- package/dev/layout.js +0 -5
- package/dev/layout.js.map +0 -1
- package/dev/link.d.ts +0 -9
- package/dev/link.d.ts.map +0 -1
- package/dev/link.js +0 -5
- package/dev/link.js.map +0 -1
- package/dev/progress.d.ts +0 -9
- package/dev/progress.d.ts.map +0 -1
- package/dev/progress.js +0 -5
- package/dev/progress.js.map +0 -1
- package/dev/range.d.ts +0 -9
- package/dev/range.d.ts.map +0 -1
- package/dev/range.js +0 -5
- package/dev/range.js.map +0 -1
- package/dev/rotate.d.ts +0 -9
- package/dev/rotate.d.ts.map +0 -1
- package/dev/rotate.js +0 -5
- package/dev/rotate.js.map +0 -1
- package/dev/router.d.ts +0 -9
- package/dev/router.d.ts.map +0 -1
- package/dev/router.js +0 -5
- package/dev/router.js.map +0 -1
- package/dev/select.d.ts +0 -9
- package/dev/select.d.ts.map +0 -1
- package/dev/select.js +0 -5
- package/dev/select.js.map +0 -1
- package/dev/skeleton.d.ts +0 -9
- package/dev/skeleton.d.ts.map +0 -1
- package/dev/skeleton.js +0 -5
- package/dev/skeleton.js.map +0 -1
- package/dev/split.d.ts +0 -9
- package/dev/split.d.ts.map +0 -1
- package/dev/split.js +0 -5
- package/dev/split.js.map +0 -1
- package/dev/switch.d.ts +0 -9
- package/dev/switch.d.ts.map +0 -1
- package/dev/switch.js +0 -5
- package/dev/switch.js.map +0 -1
- package/dev/text.d.ts +0 -9
- package/dev/text.d.ts.map +0 -1
- package/dev/text.js +0 -5
- package/dev/text.js.map +0 -1
- package/dev/time.d.ts +0 -9
- package/dev/time.d.ts.map +0 -1
- package/dev/time.js +0 -5
- package/dev/time.js.map +0 -1
- package/dev/tooltip.d.ts +0 -9
- package/dev/tooltip.d.ts.map +0 -1
- package/dev/tooltip.js +0 -5
- package/dev/tooltip.js.map +0 -1
- package/dev/typewriter.d.ts +0 -9
- package/dev/typewriter.d.ts.map +0 -1
- package/dev/typewriter.js +0 -5
- package/dev/typewriter.js.map +0 -1
package/components/badge.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as n,GlobalStyle as f}from"../core/global-style.js";const l="badge",v=d(l);let c=class Badge extends f{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return s`<div part="root" ${r(this.observedRecord)}>${i()} ${this.value||this.dot?s`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""}</div>`}};t([p()],c.prototype,"position",void 0),t([p({type:Number})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"dot",void 0),t([p({type:Number})],c.prototype,"max",void 0),c=t([o(l),e(a`:host{${v}--background:var(${n.active});${v}--offset:0%;${v}--offset-x:var(${v}--offset);${v}--offset-y:var(${v}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${v}--background);border-radius:calc(infinity
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as n,GlobalStyle as f}from"../core/global-style.js";const l="badge",v=d(l);let c=class Badge extends f{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return s`<div part="root" ${r(this.observedRecord)}>${i()} ${this.value||this.dot?s`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""}</div>`}};t([p()],c.prototype,"position",void 0),t([p({type:Number})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"dot",void 0),t([p({type:Number})],c.prototype,"max",void 0),c=t([o(l),e(a`:host{${v}--background:var(${n.active});${v}--offset:0%;${v}--offset-x:var(${v}--offset);${v}--offset-y:var(${v}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${v}--background);border-radius:calc(infinity*1px);font-size:75%;left:var(--left);padding:0 .5em;position:absolute;top:var(--top);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top]{--top:calc(var(${v}--offset-y))}[position$=right]{--left:calc(100% - var(${v}--offset-x))}[position^=bottom]{--top:calc(100% - var(${v}--offset-y))}[position$=left]{--left:calc(var(${v}--offset-x))}`)],c);var m=c;export{c as Badge,m as default};
|
2
2
|
//# sourceMappingURL=badge.js.map
|
package/components/badge.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,mBAEVC,OACAV,KAAKE,OAASF,KAAKG,IACjBI,CAAI,qBACkBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAE5D,aAjCVS,EAAA,CADCC,KACsCf,EAAAgB,UAAA,gBAAAC,GAGvCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAOXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAtBJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,
|
1
|
+
{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,mBAEVC,OACAV,KAAKE,OAASF,KAAKG,IACjBI,CAAI,qBACkBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAE5D,aAjCVS,EAAA,CADCC,KACsCf,EAAAgB,UAAA,gBAAAC,GAGvCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAOXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAtBJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,+TAAsUA,0DAAiEA,0DAAiEA,kDAAyDA,mBAC5yBE,GA6CN,IAAA0B,EAAe1B"}
|
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 i,styles as a,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",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,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()}firstUpdated(){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"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"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([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){
|
1
|
+
import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,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",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,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()}firstUpdated(){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"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"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([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}:host([plain]){${m}--gradients:unset;${m}--focus-scale:unset}`,d`:host{${m}--padding-x:.8em;${m}--padding-y:calc(var(${m}--padding-x)/4);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.2em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;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;overflow:hidden;padding:var(${m}--padding);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(${m}--modal-animation-duration);background:var(${m}--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(${m}--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","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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
|
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","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","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/details.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as r,htmlSlot as e}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const c="details",m=d(c);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${r(this.observedRecord)}><dt part="title" @click="${this.
|
1
|
+
import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as r,htmlSlot as e}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const c="details",m=d(c);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${r(this.observedRecord)}><dt part="title" @click="${()=>this.toggle()}"><span part="summary">${this.summary||e("summary")}</span> <span><i part="icon">${a()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height: 0;">${e()}</div></dd></dl>`}};t([l({type:Boolean})],f.prototype,"fill",void 0),t([l()],f.prototype,"summary",void 0),f=t([i(c),o(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:0.3em;${m}--summary-direction:row;${m}--transition:.3s;display:block;height:-moz-fit-content;height:fit-content;transition:var(${m}--transition)}[part=root]{height:100%;overflow:hidden;position:relative}[part=title]{align-items:center;background:inherit;direction:ltr;display:flex;flex-direction:var(${m}--summary-direction);flex-wrap:nowrap;height:100%;justify-content:space-between}[part=details]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:var(${m}--transition);transition-property:grid-template-rows}:host([open]) [part=details]{grid-template-rows:1fr}:host([float]) [part=details]{position:absolute;top:100%}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:var(${m}--icon-space);transform:rotate(var(${m}--icon-deg-close));transition:var(${m}--transition)}:host([open]) [part=icon]{transform:rotate(var(${m}--icon-deg-open))}`)],f);var h=f;export{f as Details,h as default};
|
2
2
|
//# sourceMappingURL=details.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","
|
1
|
+
{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Details$1"],"mappings":"qVAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAY7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKL,KAAKM,4CAIA,IAAMN,KAAKO,kCAEEP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAKVT,KAAKC,KAAO,IAAMD,KAAKO,SAAW,qCAEbC,wBA3BtCE,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNhB,EAAAiB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWd,EAAAiB,UAAA,eAAAC,GAXRlB,EAAOa,EAAA,CAFZM,EAAOtB,GACPuB,EAAOC,CAAG,SAASvB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,6KAAoLA,sKAA6KA,yQAAgRA,uCAA8CA,sCAA6CA,iEAAwEA,wBACzgCE,GAuCN,IAAAsB,EAAetB"}
|
package/components/dialog.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as s}from"@godown/element";import{css as n,html as d}from"lit";import{property as a}from"lit/decorators.js";import{scopePrefix as r}from"../core/global-style.js";import l from"../core/super-openable.js";import{directionInsetAlign as h}from"../core/direction.js";const p="dialog",m=r(p);let
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as s}from"@godown/element";import{css as n,html as d}from"lit";import{property as a}from"lit/decorators.js";import{scopePrefix as r}from"../core/global-style.js";import l from"../core/super-openable.js";import{directionInsetAlign as h}from"../core/direction.js";const p="dialog",m=r(p);let c=class Dialog extends l{constructor(){super(...arguments),this.modal=!1,this.key="Escape",this.__modalInvoke=!1}render(){return d`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container" direction-inset-align>${s()}</div></div>`}showModal(){this.modal||(this.modal=!0,this.__modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this.open=!1}};t([a()],c.prototype,"direction",void 0),t([a({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([a()],c.prototype,"key",void 0),c=t([o(p),e(h,n`:host{${m}--background:none;${m}--background-modal:#000;${m}--opacity-modal:0.2;background:var(${m}--background);inset:0;pointer-events:none;position:fixed;z-index:1}:host(:not([open])){visibility:hidden}:host([modal]) [part=modal]{opacity:var(${m}--opacity-modal);pointer-events:all}[part=modal]{background:var(${m}--background-modal);height:100%;opacity:0;position:absolute;visibility:inherit;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}`)],c);var v=c;export{c as Dialog,v as default};
|
2
2
|
//# sourceMappingURL=dialog.js.map
|
package/components/dialog.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","__modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","prototype","undefined","type","Boolean","reflect","godown","styles","directionInsetAlign","css","Dialog$1"],"mappings":"2VAaA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAKEF,KAAaG,eAAG,EAEd,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,uFAORC,kBAMV,SAAAC,GACOT,KAAKC,QACRD,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKU,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBb,KAAKc,MACPd,KAAKe,cAAgBf,KAAKgB,OAAOC,IAAIjB,KAAM,SAAUA,KAAKkB,eACtDlB,KAAKE,MACPF,KAAKmB,eAAiBnB,KAAKgB,OAAOC,IAAIG,SAAU,UAAWpB,KAAKqB,eAAeC,KAAKtB,UAGtFA,KAAKgB,OAAOO,OAAOvB,KAAM,SAAUA,KAAKe,eACxCf,KAAKgB,OAAOO,OAAOH,SAAU,UAAWpB,KAAKmB,kBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOzB,KAAKE,IAAIwB,MAAM,UACxBD,EAAKE,SAASH,EAAEtB,MAAQuB,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACF7B,KAAK8B,SAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,SACXR,EAAEK,iBACF7B,KAAK8B,SAIT,KAAAA,GACM9B,KAAKG,gBACPH,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKc,MAAO,IAjFdmB,EAAA,CADCC,KAC+DrC,EAAAsC,UAAA,iBAAAC,GAMhEH,EAAA,CADCC,EAAS,CAAEG,KAAMC,QAASC,SAAS,KACvB1C,EAAAsC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACarC,EAAAsC,UAAA,WAAAC,GAjBVvC,EAAMoC,EAAA,CALXO,EAAO9C,GACP+C,EACCC,EACAC,CAAG,SAAShD,sBAA6BA,4BAAmCA,uCAA8CA,
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","__modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","prototype","undefined","type","Boolean","reflect","godown","styles","directionInsetAlign","css","Dialog$1"],"mappings":"2VAaA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAKEF,KAAaG,eAAG,EAEd,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,uFAORC,kBAMV,SAAAC,GACOT,KAAKC,QACRD,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKU,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBb,KAAKc,MACPd,KAAKe,cAAgBf,KAAKgB,OAAOC,IAAIjB,KAAM,SAAUA,KAAKkB,eACtDlB,KAAKE,MACPF,KAAKmB,eAAiBnB,KAAKgB,OAAOC,IAAIG,SAAU,UAAWpB,KAAKqB,eAAeC,KAAKtB,UAGtFA,KAAKgB,OAAOO,OAAOvB,KAAM,SAAUA,KAAKe,eACxCf,KAAKgB,OAAOO,OAAOH,SAAU,UAAWpB,KAAKmB,kBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOzB,KAAKE,IAAIwB,MAAM,UACxBD,EAAKE,SAASH,EAAEtB,MAAQuB,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACF7B,KAAK8B,SAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,SACXR,EAAEK,iBACF7B,KAAK8B,SAIT,KAAAA,GACM9B,KAAKG,gBACPH,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKc,MAAO,IAjFdmB,EAAA,CADCC,KAC+DrC,EAAAsC,UAAA,iBAAAC,GAMhEH,EAAA,CADCC,EAAS,CAAEG,KAAMC,QAASC,SAAS,KACvB1C,EAAAsC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACarC,EAAAsC,UAAA,WAAAC,GAjBVvC,EAAMoC,EAAA,CALXO,EAAO9C,GACP+C,EACCC,EACAC,CAAG,SAAShD,sBAA6BA,4BAAmCA,uCAA8CA,qJAA4JA,oEAA2EA,kQAE7VE,GA0FN,IAAA+C,EAAe/C"}
|
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":"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
|
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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"}
|
package/core/super-openable.d.ts
CHANGED
@@ -9,7 +9,6 @@ declare class SuperOpenable extends GlobalStyle {
|
|
9
9
|
close(): void;
|
10
10
|
show(): void;
|
11
11
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
12
|
-
protected _handelClick(_: MouseEvent): void;
|
13
12
|
}
|
14
13
|
export default SuperOpenable;
|
15
14
|
export { SuperOpenable };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;
|
1
|
+
{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
package/core/super-openable.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as e}from"tslib";import{property as o}from"lit/decorators.js";import{GlobalStyle as t}from"./global-style.js";class SuperOpenable extends t{constructor(){super(...arguments),this.open=!1}toggle(e=!this.open){this.open=e}close(){this.open=!1}show(){this.open=!0}updated(e){void 0!==e.get("open")&&this.dispatchEvent(new CustomEvent("change",{detail:this.open,composed:!0}))}
|
1
|
+
import{__decorate as e}from"tslib";import{property as o}from"lit/decorators.js";import{GlobalStyle as t}from"./global-style.js";class SuperOpenable extends t{constructor(){super(...arguments),this.open=!1}toggle(e=!this.open){this.open=e}close(){this.open=!1}show(){this.open=!0}updated(e){void 0!==e.get("open")&&this.dispatchEvent(new CustomEvent("change",{detail:this.open,composed:!0}))}}e([o({type:Boolean,reflect:!0})],SuperOpenable.prototype,"open",void 0);export{SuperOpenable,SuperOpenable as default};
|
2
2
|
//# sourceMappingURL=super-openable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-openable.js","sources":["../src/core/super-openable.ts"],"sourcesContent":null,"names":["SuperOpenable","GlobalStyle","constructor","this","open","toggle","to","close","show","updated","changedProperties","undefined","get","dispatchEvent","CustomEvent","detail","composed","
|
1
|
+
{"version":3,"file":"super-openable.js","sources":["../src/core/super-openable.ts"],"sourcesContent":null,"names":["SuperOpenable","GlobalStyle","constructor","this","open","toggle","to","close","show","updated","changedProperties","undefined","get","dispatchEvent","CustomEvent","detail","composed","__decorate","property","type","Boolean","reflect","prototype"],"mappings":"gIAKA,MAAMA,sBAAsBC,EAA5B,WAAAC,uBAKEC,KAAIC,MAAG,EAEP,MAAAC,CAAOC,GAAeH,KAAKC,MACzBD,KAAKC,KAAOE,EAGd,KAAAC,GACEJ,KAAKC,MAAO,EAGd,IAAAI,GACEL,KAAKC,MAAO,EAGJ,OAAAK,CAAQC,QAEHC,IADAD,EAAkBE,IAAI,SAEjCT,KAAKU,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQZ,KAAKC,KAAMY,UAAU,MAjBhFC,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACxBrB,cAAAsB,UAAA,YAAAX"}
|