godown 3.0.0 → 3.0.1
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 +11 -11
- package/build/godown.js +11 -11
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +11 -11
- package/build/godown.umd.js.map +1 -1
- 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/badge.d.ts.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -1
- package/components/breath.js.map +1 -1
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -1
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -1
- package/components/divider.js.map +1 -1
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -1
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js.map +1 -1
- package/components/form.d.ts.map +1 -1
- package/components/form.js.map +1 -1
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js.map +1 -1
- package/components/heading.d.ts.map +1 -1
- package/components/heading.js +1 -1
- package/components/heading.js.map +1 -1
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -1
- package/components/layout.js.map +1 -1
- package/components/link.js.map +1 -1
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -1
- package/components/progress.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/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -1
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +20 -25
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -1
- package/components/router.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/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +1 -1
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -1
- package/components/switch.js.map +1 -1
- package/components/text.d.ts.map +1 -1
- package/components/text.js +1 -1
- package/components/text.js.map +1 -1
- package/components/time.d.ts.map +1 -1
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -1
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -1
- package/components/typewriter.js.map +1 -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/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +1 -1
- package/core/super-anchor.js.map +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/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +82 -69
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +52 -36
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/badge.d.ts.map +1 -1
- package/dev/components/badge.js +57 -50
- package/dev/components/badge.js.map +1 -1
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +20 -14
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +13 -10
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +40 -35
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +63 -43
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +72 -61
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +61 -57
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +28 -23
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +19 -17
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +16 -11
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +4 -4
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +16 -11
- package/dev/components/grid.js.map +1 -1
- package/dev/components/heading.d.ts.map +1 -1
- package/dev/components/heading.js +62 -40
- package/dev/components/heading.js.map +1 -1
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +32 -24
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +43 -30
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.js +1 -1
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +51 -42
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +33 -30
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +12 -5
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +20 -25
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +17 -17
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +65 -57
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +65 -61
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +66 -58
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +88 -79
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +51 -45
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +13 -2
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +31 -23
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +35 -27
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +9 -9
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +27 -26
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +83 -68
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts.map +1 -1
- package/dev/core/super-openable.js +1 -2
- package/dev/core/super-openable.js.map +1 -1
- package/package.json +5 -5
- package/src/components/alert.ts +84 -75
- package/src/components/avatar.ts +54 -40
- package/src/components/badge.ts +68 -65
- package/src/components/breath.ts +23 -19
- package/src/components/button.ts +14 -11
- package/src/components/card.ts +42 -40
- package/src/components/carousel.ts +65 -47
- package/src/components/details.ts +74 -65
- package/src/components/dialog.ts +64 -62
- package/src/components/divider.ts +33 -30
- package/src/components/dragbox.ts +22 -22
- package/src/components/flex.ts +31 -28
- package/src/components/form.ts +7 -9
- package/src/components/grid.ts +31 -28
- package/src/components/heading.ts +67 -49
- package/src/components/input.ts +37 -31
- package/src/components/layout.ts +45 -34
- package/src/components/link.ts +1 -1
- package/src/components/progress.ts +53 -46
- package/src/components/range.ts +58 -52
- package/src/components/rotate.ts +15 -10
- package/src/components/router.ts +40 -45
- package/src/components/select.ts +74 -70
- package/src/components/skeleton.ts +67 -65
- package/src/components/split.ts +73 -69
- package/src/components/switch.ts +90 -83
- package/src/components/text.ts +53 -49
- package/src/components/time.ts +14 -3
- package/src/components/tooltip.ts +32 -24
- package/src/components/typewriter.ts +37 -31
- package/src/core/global-style.ts +11 -12
- package/src/core/super-anchor.ts +29 -30
- package/src/core/super-input.ts +86 -73
- package/src/core/super-openable.ts +2 -8
- package/web-types.json +1 -1
package/components/layout.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as t,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as n}from"lit";import{property as s}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let d=class Layout extends p{constructor(){super(...arguments),this.noHeader=!1,this.noFooter=!1,this.sticky=!1}render(){return n`<div part="root" ${r(this.observedRecord)}>${this.noHeader?"":n`<header part="header">${i("header")}</header>`}<main part="main">${i()}</main>${this.noFooter?"":n`<footer part="footer">${i("footer")}</footer>`}</div>`}};o([s({type:Boolean})],d.prototype,"noHeader",void 0),o([s({type:Boolean})],d.prototype,"noFooter",void 0),o([s({type:Boolean})],d.prototype,"sticky",void 0),d=o([t("layout"),e(a`:host,:host([contents]) [part=root]{
|
1
|
+
import{__decorate as o}from"tslib";import{godown as t,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as n}from"lit";import{property as s}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let d=class Layout extends p{constructor(){super(...arguments),this.noHeader=!1,this.noFooter=!1,this.sticky=!1}render(){return n`<div part="root" ${r(this.observedRecord)}>${this.noHeader?"":n`<header part="header">${i("header")}</header>`}<main part="main">${i()}</main>${this.noFooter?"":n`<footer part="footer">${i("footer")}</footer>`}</div>`}};o([s({type:Boolean})],d.prototype,"noHeader",void 0),o([s({type:Boolean})],d.prototype,"noFooter",void 0),o([s({type:Boolean})],d.prototype,"sticky",void 0),d=o([t("layout"),e(a`:host,:host([contents]) [part=root]{display:flex;flex-direction:column;min-height:100%}[part=root]{display:contents}[sticky] header{position:sticky;top:0;z-index:1}[part=main]{flex:1;position:relative;width:100%}footer,header,main{width:100%}`)],d);var l=d;export{d as Layout,l as default};
|
2
2
|
//# sourceMappingURL=layout.js.map
|
package/components/layout.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":["Layout","GlobalStyle","constructor","this","noHeader","noFooter","sticky","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","godown","styles","css","Layout$1"],"mappings":"
|
1
|
+
{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":["Layout","GlobalStyle","constructor","this","noHeader","noFooter","sticky","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Layout$1"],"mappings":"uPAkBA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAQC,UAAG,EAMXD,KAAQE,UAAG,EAMXF,KAAMG,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,mBAETP,KAAKC,SAIJ,GAHAI,CAAI,yBACsBG,EAAS,yCAGnBA,aACjBR,KAAKE,SAIJ,GAHAG,CAAI,yBACsBG,EAAS,+BA5B7CC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAAC,GAMhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAAC,GAMhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJf,EAAAgB,UAAA,cAAAC,GAjBVjB,EAAMY,EAAA,CAFXM,EAViB,UAWjBC,EAAOC,CAAG,uPACLpB,GAyCN,IAAAqB,EAAerB"}
|
package/components/link.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":["Link","SuperAnchor","constructor","this","type","suppress","_handleClick","e","preventDefault","history","href","Router","updateAll","__decorate","property","prototype","Boolean","godown","Link$1"],"mappings":"2LAiBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBASEC,KAAIC,KAAkC,SAMtCD,KAAQE,UAAG,EAED,YAAAC,CAAaC,GACH,SAAdJ,KAAKC,MAAiC,YAAdD,KAAKC,OAC/BG,EAAEC,
|
1
|
+
{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":["Link","SuperAnchor","constructor","this","type","suppress","_handleClick","e","preventDefault","history","href","Router","updateAll","__decorate","property","prototype","undefined","Boolean","godown","Link$1"],"mappings":"2LAiBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBASEC,KAAIC,KAAkC,SAMtCD,KAAQE,UAAG,EAED,YAAAC,CAAaC,GACH,SAAdJ,KAAKC,MAAiC,YAAdD,KAAKC,OAC/BG,EAAEC,iBACFC,QAAQ,GAAGN,KAAKC,aAAa,KAAM,GAAID,KAAKO,MACvCP,KAAKE,UACRM,EAAOC,eAbbC,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,YAAAC,GAM9CH,EAAA,CADCC,EAAS,CAAEV,KAAMa,WACFjB,EAAAe,UAAA,gBAAAC,GAfZhB,EAAIa,EAAA,CADTK,EAViB,SAWZlB,GA4BN,IAAAmB,EAAenB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cAEM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/progress.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as i,attr as o}from"@godown/element";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as p}from"../core/global-style.js";let d=class Progress extends p{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;return i(this.value)||(r=this.parsePercent(this.value),t="static"),a`<div part="root" ${o(this.observedRecord)} class="${t}"><i part="value" style="width:${r}"></i></div>`}parsePercent(t="0"){return String(t).includes("%")?parseFloat(String(t)):parseFloat(String(t))/(this.max-this.min)*100}};t([n({type:Number})],d.prototype,"max",void 0),t([n({type:Number})],d.prototype,"min",void 0),t([n({type:Number})],d.prototype,"value",void 0),d=t([r("progress"),e(s`:host{background:var(${l.passive});border-radius:.25em;color:var(${l.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;height:inherit;position:relative;z-index:1}[part=value]{animation:progress 1.8s ease-in-out infinite alternate;background:currentColor;border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:all .3s;z-index:2}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],d);var m=d;export{d as Progress,m as default};
|
2
2
|
//# sourceMappingURL=progress.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"
|
1
|
+
{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","undefined","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"uQAeA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAMZ,OAJKC,EAAMN,KAAKO,SACdF,EAAQL,KAAKQ,aAAaR,KAAKO,OAC/BH,EAAY,UAEPK,CAAI,oBAGLC,EAAKV,KAAKW,0BACHP,mCAIQC,gBAYvB,YAAAG,CAAaI,EAAqB,KAChC,OAAIC,OAAOD,GAAGE,SAAS,KACdC,WAAWF,OAAOD,IAEnBG,WAAWF,OAAOD,KAAOZ,KAAKC,IAAMD,KAAKE,KAAQ,MAvC3Dc,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLtB,EAAAuB,UAAA,aAAAC,GARTxB,EAAQmB,EAAA,CAFbM,EAPiB,YAQjBC,EAAOC,CAAG,wBAAwBC,EAAcC,0CAA0CD,EAAcE,0ZACnG9B,GA6CN,IAAA+B,EAAe/B"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;;;;;;GAaG;AACH,cAMM,KAAM,SAAQ,UAAU;IAC5B;;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,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,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,WAAW,EAAE,MAAM,EAAE,CAAM;IAErC;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiBrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IASxD,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC,UAAU,IAAI,IAAI;IAMlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAevE;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAS/C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgBnD,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,MAAM,GAAG,MAAM,EAAE;IAIzB,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE;CAM9B;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
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,attr as s,joinProperties as i,classList as o,isNil as n}from"@godown/element";import{css as h,html as l}from"lit";import{property as u,queryAll as d,state as c}from"lit/decorators.js";import{scopePrefix as v,cssGlobalVars as p}from"../core/global-style.js";import m from"../core/super-input.js";const f="range",g=v(f);let w=class Range extends m{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this._focusStack=[]}get reverse(){return!!this.range&&this.value[0]>this.value[1]}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}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this.max-this.min;return l`<div part="root" ${s(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${i({"--from":(e-this.min)/a*100+"%","--to":(r-this.min)/a*100+"%",...this.range?Object.fromEntries(t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))):{}})}"><div part="track"></div>${this.range?this.value.map(((t,e)=>this.renderHandle(e))):this.renderHandle(0)}</div>`}renderHandle(t){const{range:e}=this,r=!e||t===this.value.length-1;return l`<i tabindex="0" part="handle" class="${o({"last-focus":this.lastFocus===t})}" @mousedown="${this.disabled?null:this.createMouseDown(t)}" @focus="${this.disabled?null:()=>this.focusHandle(t)}" @blur="${this.disabled?null:this.blurHandle}" style="z-index:${this._focusStack.indexOf(t)+1};--handle:var(--${!e&&r?"to":`handle-${t}`})"></i>`}focusHandle(t){this.lastFocus=t;const e=this._focusStack.indexOf(t);-1!==e&&this._focusStack.splice(e,1),this._focusStack.push(t);const r=this._handles.item(t);r?.focus(),this._keydownEvent||(this._keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this._keydownEvent=this.events.remove(document,"keydown",this._keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){return this.range||(t=0),e=>{"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)((t=>t-this.step))):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)((t=>t+this.step)))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r="number"==typeof e?this.normalizeValue(e):e(this.rangeValue[t]);let a=r;this.range&&(a=[...this.rangeValue],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue(t){const e=this._root.getBoundingClientRect(),r=this.vertical?(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width,a=Math.round(r*(this.max-this.min)/this.step)*this.step;return this.normalizeValue(a)}normalizeValue(t){return t>this.max?t-=this.step:t<this.min&&(t+=this.step),t}_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.max||r<this.min||t?.call(this,r)}}_connectedInit(){const t=this.max-this.min;this.step||=t/100,n(this.value)&&(n(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([u({type:Number})],w.prototype,"min",void 0),t([u({type:Number})],w.prototype,"max",void 0),t([u({type:Number})],w.prototype,"step",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"vertical",void 0),t([u({type:Array})],w.prototype,"value",void 0),t([u({type:Array})],w.prototype,"default",void 0),t([e("root")],w.prototype,"_root",void 0),t([d("[part=handle]")],w.prototype,"_handles",void 0),t([c()],w.prototype,"lastFocus",void 0),w=t([r(f),a(h`:host{${g}--handle-active:var(${p.active});${g}--track-width:.5em;${g}--length:var(${p.input}-width);background:var(${p.input}-background);display:block;width:var(${g}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${g}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${g}--handle-scale:1.05;background:var(${g}--handle-active)}[part=root]{position:relative;width:100%;--from:0%;--to:50%;height:var(${g}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${p.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(${p.active});border:.1em solid;border-color:var(${p.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${g}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,h`[vertical]{height:inherit;width:var(${g}--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%}`,h`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],w);var y=w;export{w as Range,y 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","reverse","range","value","Array","isArray","rangeValue","padValue","len","miss","length","fill","concat","render","from","Math","to","gap","html","attr","observedRecord","disabled","_handleMousedownRoot","joinProperties","Object","fromEntries","map","index","_","renderHandle","end","classList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","_keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","key","preventDefault","createSetValue","old","step","createMousedownListener","numberOrModifier","number","normalizeValue","newValue","_computeValue","rect","_root","getBoundingClientRect","div","clientY","top","height","clientX","left","width","round","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","call","_connectedInit","isNil","default","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","Range$1"],"mappings":"mXAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAsB7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAKEC,KAAGC,IAAG,EAMND,KAAGE,IAAG,IAYNF,KAAQG,UAAG,EAyBDH,KAAWI,YAAa,GAKlC,WAAIC,GACF,QAAOL,KAAKM,OAAQN,KAAKO,MAAM,GAAKP,KAAKO,MAAM,GAMjD,SAAID,GACF,OAAOE,MAAMC,QAAQT,KAAKO,OAM5B,cAAIG,GACF,OAAQV,KAAKM,MAAQN,KAAKO,MAAQ,CAACP,KAAKO,OAQ1C,QAAAI,CAASC,EAAaL,EAAQ,GAC5B,MAAMG,WAAEA,GAAeV,KACjBa,EAAOD,EAAMF,EAAWI,OAC9B,OAAID,EAAO,EACF,IAAIL,MAAMK,GAAME,KAAKR,GAAOS,OAAON,GAErCA,EAGC,MAAAO,GACR,MAAMP,EAAaV,KAAKW,SAAS,GAC3BO,EAAOC,KAAKlB,OAAOS,GACnBU,EAAKD,KAAKjB,OAAOQ,GACjBW,EAAMrB,KAAKE,IAAMF,KAAKC,IAE5B,OAAOqB,CAAI,
|
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","reverse","range","value","Array","isArray","rangeValue","padValue","len","miss","length","fill","concat","render","from","Math","to","gap","html","attr","observedRecord","disabled","_handleMousedownRoot","joinProperties","Object","fromEntries","map","index","_","renderHandle","end","classList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","_keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","key","preventDefault","createSetValue","old","step","createMousedownListener","numberOrModifier","number","normalizeValue","newValue","_computeValue","rect","_root","getBoundingClientRect","div","clientY","top","height","clientX","left","width","round","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","call","_connectedInit","isNil","default","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","Range$1"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAM5C;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB;CAUF;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/rotate.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as o,godown as e,styles as r,htmlSlot as i}from"@godown/element";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../core/global-style.js";const d="rotate",p=a(d);let m=class Rotate extends l{render(){return n`<div part="root"><div part="slot" @mousemove="${this._handleRotate}">${i()}</div><i @mouseleave="${this.reset}"></i></div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:o,rotateY:e}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${o}rad) rotateY(${e}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:o,top:e,width:r,height:i}=this._root.getBoundingClientRect(),{clientX:s,clientY:n}=t;return{rotateX:-(n-e-i/2)/i/2,rotateY:(s-o-r/2)/r/2}}};t([o("root")],m.prototype,"_root",void 0),m=t([e(d),r(s`:host{display:block;width:-moz-fit-content;width:fit-content
|
1
|
+
import{__decorate as t}from"tslib";import{part as o,godown as e,styles as r,htmlSlot as i}from"@godown/element";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../core/global-style.js";const d="rotate",p=a(d);let m=class Rotate extends l{render(){return n`<div part="root"><div part="slot" @mousemove="${this._handleRotate}">${i()}</div><i @mouseleave="${this.reset}"></i></div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:o,rotateY:e}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${o}rad) rotateY(${e}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:o,top:e,width:r,height:i}=this._root.getBoundingClientRect(),{clientX:s,clientY:n}=t;return{rotateX:-(n-e-i/2)/i/2,rotateY:(s-o-r/2)/r/2}}};t([o("root")],m.prototype,"_root",void 0),m=t([e(d),r(s`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${p}--padding:.75em;${p}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${p}--offset)*-1);padding:var(${p}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],m);var f=m;export{m as Rotate,f as default};
|
2
2
|
//# sourceMappingURL=rotate.js.map
|
package/components/rotate.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Rotate","GlobalStyle","render","html","this","_handleRotate","htmlSlot","reset","_root","style","removeProperty","e","rotateX","rotateY","_computeOffset","setProperty","left","top","width","height","getBoundingClientRect","clientX","clientY","__decorate","part","prototype","godown","styles","css","Rotate$1"],"mappings":"2NAKA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,
|
1
|
+
{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Rotate","GlobalStyle","render","html","this","_handleRotate","htmlSlot","reset","_root","style","removeProperty","e","rotateX","rotateY","_computeOffset","setProperty","left","top","width","height","getBoundingClientRect","clientX","clientY","__decorate","part","prototype","undefined","godown","styles","css","Rotate$1"],"mappings":"2NAKA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAS7B,IAAMG,EAAN,MAAMA,eAAeC,EAIT,MAAAC,GACR,OAAOC,CAAI,iDAISC,KAAKC,kBAEjBC,4BAEcF,KAAKG,oBAK7B,KAAAA,GACEH,KAAKI,MAAMC,MAAMC,eAAe,aAChCN,KAAKI,MAAMC,MAAMC,eAAe,cAGxB,aAAAL,CAAcM,GACtB,MAAMC,QAAEA,EAAOC,QAAEA,GAAYT,KAAKU,eAAeH,GACjDP,KAAKI,MAAMC,MAAMM,YAAY,YAAa,WAAWH,iBAAuBC,SAC5ET,KAAKI,MAAMC,MAAMM,YAAY,aAAc,MAW7C,cAAAD,CAAeH,GAIb,MAAMK,KAAEA,EAAIC,IAAEA,EAAGC,MAAEA,EAAKC,OAAEA,GAAWf,KAAKI,MAAMY,yBAC1CC,QAAEA,EAAOC,QAAEA,GAAYX,EAM7B,MAAO,CAAEC,UAJOU,EAAUL,EAEEE,EAAS,GAAKA,EAAS,EAEjCN,SALFQ,EAAUL,EAICE,EAAQ,GAAKA,EAAQ,KA7CxCK,EAAA,CADTC,EAAK,SACsBxB,EAAAyB,UAAA,aAAAC,GAFxB1B,EAAMuB,EAAA,CAFXI,EAAO9B,GACP+B,EAAOC,CAAG,+FAA+F/B,oBAA2BA,8IAAqJA,8BAAqCA,yEACzTE,GAoDN,IAAA8B,EAAe9B"}
|
package/components/router.d.ts
CHANGED
@@ -1,5 +1,19 @@
|
|
1
1
|
import { type PropertyValueMap, type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
|
+
interface RouteState {
|
4
|
+
pathname: string;
|
5
|
+
params: Record<string, string>;
|
6
|
+
path: string;
|
7
|
+
}
|
8
|
+
interface RouteResult extends RouteState {
|
9
|
+
component: unknown;
|
10
|
+
}
|
11
|
+
interface RouteItem {
|
12
|
+
[key: PropertyKey]: unknown;
|
13
|
+
path: string;
|
14
|
+
render?: (state?: RouteState) => unknown;
|
15
|
+
component?: unknown;
|
16
|
+
}
|
3
17
|
/**
|
4
18
|
* {@linkcode Router} has basic routing control.
|
5
19
|
*
|
@@ -35,11 +49,11 @@ declare class Router extends GlobalStyle {
|
|
35
49
|
/**
|
36
50
|
* Dynamic parameters record.
|
37
51
|
*/
|
38
|
-
params: Record<string, string>;
|
52
|
+
get params(): Record<string, string>;
|
39
53
|
/**
|
40
54
|
* Value of matched path in routes.
|
41
55
|
*/
|
42
|
-
path
|
56
|
+
path?: string;
|
43
57
|
/**
|
44
58
|
* Current pathname (equals to location.pathname).
|
45
59
|
*/
|
@@ -62,35 +76,17 @@ declare class Router extends GlobalStyle {
|
|
62
76
|
* Emptied at each re-collection.
|
63
77
|
*/
|
64
78
|
cache: boolean;
|
65
|
-
set routes(value:
|
66
|
-
|
67
|
-
render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
|
68
|
-
component?: unknown;
|
69
|
-
})[]);
|
70
|
-
get routes(): (Record<string, any> & {
|
71
|
-
path: string;
|
72
|
-
render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
|
73
|
-
component?: unknown;
|
74
|
-
})[];
|
79
|
+
set routes(value: RouteItem[]);
|
80
|
+
get routes(): RouteItem[];
|
75
81
|
clear(): void;
|
76
82
|
protected render(): unknown;
|
77
83
|
connectedCallback(): void;
|
78
84
|
disconnectedCallback(): void;
|
79
|
-
useRouter():
|
80
|
-
pathname: string;
|
81
|
-
params: Record<string, string>;
|
82
|
-
path: string;
|
83
|
-
component: unknown;
|
84
|
-
};
|
85
|
+
useRouter(): RouteResult;
|
85
86
|
/**
|
86
87
|
* Callback function when the route changes.
|
87
88
|
*/
|
88
|
-
routeChangeCallback: (params:
|
89
|
-
pathname: string;
|
90
|
-
params: Record<string, string>;
|
91
|
-
path: string;
|
92
|
-
component: unknown | TemplateResult;
|
93
|
-
}, first: boolean) => void;
|
89
|
+
routeChangeCallback: (params: RouteResult, first: boolean) => void;
|
94
90
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
95
91
|
/**
|
96
92
|
* Get component from {@linkcode routes} by query.
|
@@ -108,7 +104,6 @@ declare class Router extends GlobalStyle {
|
|
108
104
|
* Reset the route tree, clear cache, collect routes from value.
|
109
105
|
*/
|
110
106
|
collectFieldRoutes(value: typeof this.routes): void;
|
111
|
-
parseParams(routeTemplate: string, path?: string): Record<string, string>;
|
112
107
|
static updateAll(): void;
|
113
108
|
handlePopstate: () => void;
|
114
109
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEnC;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAqB;IAErC;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,SAAS,EAAE,AALT,EAGf;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CAExB;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAqB3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE1E,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAoBvC;;OAEG;IACH,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBnD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,EAAE,MAAM,IAAI,CAEvB;CACJ;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/router.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a}from"@godown/element";import{css as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a,omit as n}from"@godown/element";import{css as i}from"lit";import{state as h,property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../core/global-style.js";var c;let p=c=class Router extends l{constructor(){super(...arguments),this.__fieldRouteTree=new o,this.__slottedRouteTree=new o,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=a(),this.type="united",this.cache=!1,this.routeChangeCallback=null,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return o.parseParams(this.pathname,this.path)}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){if(this.cache){const t=this.__cacheRecord.get(this.pathname);if(t)return Object.assign(this,t),this.component}switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){if(super.connectedCallback(),c.routerInstances.add(this),"field"!==this.type){new MutationObserver(this.collectSlottedRoutes).observe(this,{attributeFilter:["slot"],attributes:!0,subtree:!0}),this.collectSlottedRoutes()}}disconnectedCallback(){super.disconnectedCallback(),c.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter(),e=!this.__cacheRecord.has(this.pathname);e&&this.__cacheRecord.set(this.pathname,t),this.routeChangeCallback?.(t,e),this.dispatchEvent(new CustomEvent("change",{detail:t}))}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(this.pathname)?.pattern,this.path=t,!t)return null;const e=this.routes.find((e=>e.path===t));return e?"render"in e?e.render?.(n(this.useRouter(),"component"))||null:e.component:null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(this.pathname)?.pattern,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?a(this.path):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new o,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new o,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}};p.routerInstances=new Set,t([h()],p.prototype,"component",void 0),t([h()],p.prototype,"path",void 0),t([r()],p.prototype,"pathname",void 0),t([h()],p.prototype,"default",void 0),t([r()],p.prototype,"type",void 0),t([r({type:Boolean})],p.prototype,"cache",void 0),t([h()],p.prototype,"routes",null),p=c=t([e("router"),s(i`:host{display:contents}`)],p);var d=p;export{p as Router,d as default};
|
2
2
|
//# sourceMappingURL=router.js.map
|
package/components/router.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","
|
1
|
+
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","routeChangeCallback","handlePopstate","events","add","window","params","parseParams","path","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","Object","assign","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","observe","attributeFilter","attributes","subtree","disconnectedCallback","delete","useRouter","updated","changedProperties","has","ur","noRecord","set","dispatchEvent","CustomEvent","detail","query","search","pattern","route","find","r","omit","slottedPaths","_slottedNames","s","forEach","slotName","insert","updateAll","i","Set","__decorate","state","prototype","undefined","property","Boolean","godown","styles","css","Router$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,
|
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;AAyB/B;;;;;;;;;;;;;;;;GAgBG;AACH,cAEM,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,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAY;IAErD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAAyC;IAEvD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,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;IAW/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 n}from"@godown/element";import l from"@godown/f7-icon/icons/chevron-down.js";import{css as h,html as a,nothing as r}from"lit";import{property as c,state as u}from"lit/decorators.js";import p from"./input.js";function d(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function f(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let v=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this._store=[]}render(){return a`<div part="root" ${s({...this.observedRecord,direction:this.direction||this.autoDirection})} class="input-field">${[this._renderPrefix(),a`<input part="input"
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as n}from"@godown/element";import l from"@godown/f7-icon/icons/chevron-down.js";import{css as h,html as a,nothing as r}from"lit";import{property as c,state as u}from"lit/decorators.js";import p from"./input.js";function d(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function f(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let v=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this._store=[]}render(){return a`<div part="root" ${s({...this.observedRecord,direction:this.direction||this.autoDirection})} class="input-field">${[this._renderPrefix(),a`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||r}" autocomplete="${this.autocomplete||r}" placeholder="${this.placeholder||r}" id="${this.makeId}" @focus="${this._handleFocus}" @input="${this._handleInput}">`,a`<label for="${this.makeId}" part="suffix"><i part="icon">${l()}</i></label>`,a`<label for="${this.makeId}" part="content">${n()}</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||f(this.lastChecked,0),f(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=>{f(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=>f(t,0))),this.defaultChecked.forEach((t=>f(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||d(this.optionValue(e),t)||d(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})),this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!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()],v.prototype,"text",void 0),t([e("content")],v.prototype,"_content",void 0),t([c()],v.prototype,"direction",void 0),t([c({type:Boolean})],v.prototype,"multiple",void 0),t([c({type:Boolean})],v.prototype,"visible",void 0),t([u()],v.prototype,"autoDirection",void 0),v=t([i("select"),o(h`[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;visibility:hidden;width:100%}[direction=bottom] [part=content]{top:100%}[direction=top] [part=content]{bottom:100%}[visible] [part=content]{visibility:visible}`)],v);var m=v;export{v as Select,m 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","render","html","attr","observedRecord","direction","_renderPrefix","
|
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","render","html","attr","observedRecord","direction","_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","super","option","getAttribute","__decorate","property","prototype","undefined","part","Boolean","state","godown","styles","css","Select$1"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAEA,OAAO,
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAE/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAMtC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/skeleton.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as i,styles as r,htmlSlot as t,attr as a}from"@godown/element";import n from"@godown/f7-icon/icons/photo.js";import{css as e,html as s}from"lit";import{property as m,state as d}from"lit/decorators.js";import{scopePrefix as
|
1
|
+
import{__decorate as o}from"tslib";import{godown as i,styles as r,htmlSlot as t,attr as a}from"@godown/element";import n from"@godown/f7-icon/icons/photo.js";import{css as e,html as s}from"lit";import{property as m,state as d}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as c,GlobalStyle as g}from"../core/global-style.js";const l="skeleton",v=p(l);let $=class Skeleton extends g{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?s`<div part="root" ${a(this.observedRecord)}>${"image"===this.type?n():""} ${t("loading")}</div>`:t()}};o([m()],$.prototype,"type",void 0),o([m()],$.prototype,"animation",void 0),o([d()],$.prototype,"loading",void 0),$=o([i(l),r(e`:host{${v}--from:var(${c._colors.darkgray[9]});${v}--to:var(${c._colors.darkgray[7]});${v}--deg:95deg;${v}--duration:1.5s;${v}--icon-size:5em;${v}--icon-margin:.25em;background:var(${v}--from);color:var(${c._colors.darkgray[5]});display:block;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}[part=root]{animation:var(${v}--duration) ease-in-out 0s infinite none running;height:100%;min-height:inherit;text-align:center}svg{--size:var(${v}--icon-size);font-size:var(--size);margin:calc(var(--size)*.05)}[animation=position]{animation-name:po;background-color:transparent;background-image:linear-gradient(var(${v}--deg),var(${v}--from) 36%,var(${v}--to) 50%,var(${v}--from) 64%);background-size:200% 100%}@keyframes po{0%{background-position:150%}to{background-position:-50%}}[animation=opacity]{animation-direction:alternate;animation-name:op}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],$);var f=$;export{$ as Skeleton,f as default};
|
2
2
|
//# sourceMappingURL=skeleton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","animation","loading","render","html","attr","observedRecord","type","iconPhoto","htmlSlot","__decorate","property","prototype","state","godown","styles","css","cssGlobalVars","_colors","darkgray","Skeleton$1"],"mappings":"oVAOA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","animation","loading","render","html","attr","observedRecord","type","iconPhoto","htmlSlot","__decorate","property","prototype","undefined","state","godown","styles","css","cssGlobalVars","_colors","darkgray","Skeleton$1"],"mappings":"oVAOA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAYEC,KAASC,UAA2B,WAMpCD,KAAOE,SAAG,EAEA,MAAAC,GACR,OAAKH,KAAKE,QAGHE,CAAI,oBAGLC,EAAKL,KAAKM,mBAEI,UAAdN,KAAKO,KAAmBC,IAAc,MAAMC,EAAS,mBAPlDA,MAjBXC,EAAA,CADCC,KACqBd,EAAAe,UAAA,YAAAC,GAOtBH,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,iBAAAC,GAM9CH,EAAA,CADCI,KACajB,EAAAe,UAAA,eAAAC,GAlBVhB,EAAQa,EAAA,CAFbK,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,eAAsBuB,EAAcC,QAAQC,SAAS,OAAOzB,aAAoBuB,EAAcC,QAAQC,SAAS,OAAOzB,gBAAuBA,oBAA2BA,oBAA2BA,uCAA8CA,sBAA6BuB,EAAcC,QAAQC,SAAS,yGAAyGzB,qHAA4HA,6KAAoLA,eAAsBA,oBAA2BA,kBAAyBA,oOAC9xBE,GAmCN,IAAAwB,EAAexB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAmC,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;;;;;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,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;IAMxB,IAAI,IAAI,IAAI;IAOZ,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 r,attr as i,classList as s}from"@godown/element";import{css as n,html as u
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as r,attr as i,classList as s}from"@godown/element";import{css as n,html as u}from"lit";import{property as o,state as l}from"lit/decorators.js";import{scopePrefix as c,cssGlobalVars as a}from"../core/global-style.js";import h from"../core/super-input.js";const p="split",d=c(p);let b=class Split extends h{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}render(){return u`<div part="root" ${i(this.observedRecord)}>${((t,e)=>{const r=new Array(t);for(let i=0;i<t;i++)r[i]=e(i);return r})(this.len,(t=>u`<span part="input-box" class="${s({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}" .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.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,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(),this.dispatchEvent(new CustomEvent("focus",{detail:t,bubbles:!0,composed:!0}))}blur(){this._input.blur(),this.current=-1,super.blur(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))}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([o({type:Number})],b.prototype,"len",void 0),t([o({type:Number})],b.prototype,"index",void 0),t([l()],b.prototype,"current",void 0),t([l()],b.prototype,"currentValue",void 0),b=t([e(p),r(n`:host{border-radius:1px;color:var(${a.foreground});display:block;width:-moz-fit-content;width:fit-content;${d}--size:1.45em;${d}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{display:flex;gap:var(${d}--gap);justify-content:space-between;position:relative;width:100%}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{background-color:var(${a.input}-background);height:var(${d}--size);text-align:center;width:var(${d}--size)}[part=input]{background:0 0;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus{box-shadow:var(${a.input}-box-shadow)}`)],b);var f=b;export{b as Split,f 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","render","html","attr","observedRecord","fn","result","Array","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","render","html","attr","observedRecord","fn","result","Array","loop","classList","focus","disabled","focusAt","makeId","blur","_handleInput","value","padStart","connectedCallback","super","reset","e","stopPropagation","compositing","fillInput","data","join","dispatchEvent","CustomEvent","detail","composed","bubbles","lastNotNull","findLastIndex","a","multiple","length","indexOf","after","slice","i","_input","default","split","concat","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","foreground","input","Split$1"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/switch.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as e}from"tslib";import{godown as t,styles as i,attr as r}from"@godown/element";import{css as a,html as o}from"lit";import{property as n,query as d}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as h}from"../core/global-style.js";import c from"../core/super-input.js";const p="switch",l=s(p);let u=class Switch extends c{constructor(){super(...arguments),this.round=!1,this.checked=!1,this.disabled=!1,this.default="false",this.value="on"}render(){return o`<div part="root" ${r(this.observedRecord)} class="${this.round?"round":"rect"}"><input part="input"
|
1
|
+
import{__decorate as e}from"tslib";import{godown as t,styles as i,attr as r}from"@godown/element";import{css as a,html as o}from"lit";import{property as n,query as d}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as h}from"../core/global-style.js";import c from"../core/super-input.js";const p="switch",l=s(p);let u=class Switch extends c{constructor(){super(...arguments),this.round=!1,this.checked=!1,this.disabled=!1,this.default="false",this.value="on"}render(){return o`<div part="root" ${r(this.observedRecord)} class="${this.round?"round":"rect"}"><input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" @change="${this._handleChange}"> <span part="handle" class="${this.checked}"></span></div>`}reset(){this.checked="true"===this.default,this._input.checked=this.checked}connectedCallback(){super.connectedCallback(),this.checked&&(this.default="true"),"true"===this.default&&(this.checked=!0)}_handleChange(){this.checked=this._input.checked,this.dispatchEvent(new CustomEvent("change",{detail:this.checked,composed:!0}))}namevalue(){return[this.name,this.checked]}};e([n({type:Boolean,reflect:!0})],u.prototype,"round",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),e([n()],u.prototype,"default",void 0),e([n()],u.prototype,"value",void 0),e([d("input")],u.prototype,"_input",void 0),u=e([t(p),i(a`:host,:host([contents]) [part=root]{display:inline-block;height:var(${l}-height);width:var(${l}-width)}:host{${l}-width:3em;${l}-height:calc(var(${l}-width)/2);${l}-handle-size:1.25em;${l}-handle-space:.125em;${l}-transition:.2s ease-in-out;background:var(${h.input}-background);border-radius:0;vertical-align:bottom}[part=handle],[part=root]{transition:var(${l}-transition)}[part=root]{border-radius:inherit;height:inherit;position:relative}[part=input]{-webkit-appearance:none;appearance:none;height:100%;opacity:0;width:100%}[part=handle]{align-items:center;border-radius:inherit;display:inline-flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;width:50%}:host([round]){background:var(${h.passive});border-radius:calc(var(${l}-height)/2)}:host([checked]) [part=handle]{left:50%}.rect .true{background:var(${h.active})}.rect .false{background:var(${h.passive})}.round [part=handle]{--size:var(${l}-handle-size);background:var(--godown--input-control);border-radius:100%;height:var(--size);margin:var(${l}-handle-space);width:var(--size)}:host([checked]) .round{background:var(${h.active})}`)],u);var v=u;export{u as Switch,v as default};
|
2
2
|
//# sourceMappingURL=switch.js.map
|
package/components/switch.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","round","checked","disabled","default","value","render","html","attr","observedRecord","
|
1
|
+
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","round","checked","disabled","default","value","render","html","attr","observedRecord","name","makeId","_handleChange","reset","_input","connectedCallback","super","dispatchEvent","CustomEvent","detail","composed","namevalue","__decorate","property","type","Boolean","reflect","prototype","undefined","query","godown","styles","css","cssGlobalVars","input","passive","active","Switch$1"],"mappings":"6SAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAa7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAOE,SAAG,EAMVF,KAAQG,UAAG,EAMXH,KAAOI,QAAG,QAMVJ,KAAKK,MAAG,KAKE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,0BACHT,KAAKC,MAAQ,QAAU,0DAKjBD,KAAKG,uBACNH,KAAKE,kBACTF,KAAKU,aACPV,KAAKW,oBACAX,KAAKY,8CAIPZ,KAAKE,yBAMtB,KAAAW,GACEb,KAAKE,QAA2B,SAAjBF,KAAKI,QACpBJ,KAAKc,OAAOZ,QAAUF,KAAKE,QAG7B,iBAAAa,GACEC,MAAMD,oBACFf,KAAKE,UACPF,KAAKI,QAAU,QAEI,SAAjBJ,KAAKI,UACPJ,KAAKE,SAAU,GAIT,aAAAU,GACRZ,KAAKE,QAAUF,KAAKc,OAAOZ,QAC3BF,KAAKiB,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQnB,KAAKE,QAASkB,UAAU,KAGjF,SAAAC,GACE,MAAO,CAACrB,KAAKU,KAAMV,KAAKE,WA1E1BoB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvB7B,EAAA8B,UAAA,aAAAC,GAMbN,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACrB7B,EAAA8B,UAAA,eAAAC,GAMfN,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpB7B,EAAA8B,UAAA,gBAAAC,GAMhBN,EAAA,CADCC,KACgB1B,EAAA8B,UAAA,eAAAC,GAMjBN,EAAA,CADCC,KACW1B,EAAA8B,UAAA,aAAAC,GAGFN,EAAA,CADTO,EAAM,UAC2BhC,EAAA8B,UAAA,cAAAC,GAhC9B/B,EAAMyB,EAAA,CAFXQ,EAAOpC,GACPqC,EAAOC,CAAG,uEAAuErC,uBAA8BA,kBAAyBA,eAAsBA,qBAA4BA,eAAsBA,wBAA+BA,yBAAgCA,+CAAsDsC,EAAcC,oGAAoGvC,6WAAoXsC,EAAcE,mCAAmCxC,mFAA0FsC,EAAcG,uCAAuCH,EAAcE,4CAA4CxC,2GAAkHA,4EAAmFsC,EAAcG,aACnvCvC,GAmFN,IAAAwC,EAAexC"}
|
package/components/text.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,UAAS;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/text.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,classList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as d}from"../core/global-style.js";const v="text",h=p(v);let u=class Text extends d{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],u.prototype,"underline",void 0),o([c({type:Boolean})],u.prototype,"clip",void 0),u=o([r(v),e(n`:host{${h}--color:currentColor;${h}--color-hover:currentColor;${h}--color-active:currentColor;display:inline-block;
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,classList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as d}from"../core/global-style.js";const v="text",h=p(v);let u=class Text extends d{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],u.prototype,"underline",void 0),o([c({type:Boolean})],u.prototype,"clip",void 0),u=o([r(v),e(n`:host{${h}--color:currentColor;${h}--color-hover:currentColor;${h}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${h}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap;width:100%}[part=root]:hover{color:var(${h}--color-hover,var(${h}--color))}[part=root]:active{color:var(${h}--color-active,var(${h}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${s.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],u);var w=u;export{u as Text,w as default};
|
2
2
|
//# sourceMappingURL=text.js.map
|
package/components/text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","classList","htmlSlot","__decorate","property","prototype","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,
|
1
|
+
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","classList","htmlSlot","__decorate","property","prototype","undefined","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAS7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKL,KAAKM,0BACHC,EAAUP,KAAKC,eAEtBO,eAfRC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAAC,GAM1DH,EAAA,CADCC,EAAS,CAAEG,KAAMC,WACNjB,EAAAc,UAAA,YAAAC,GAXRf,EAAIY,EAAA,CAFTM,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,yBAAgCA,+BAAsCA,2HAAkIA,8KAAqLA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIuB,EAAcC,kJAC1oBtB,GA0BN,IAAAuB,EAAevB"}
|