godown 3.2.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/godown+lit.iife.js +12 -12
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +12 -12
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +12 -12
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +10 -10
- package/build/godown.js +10 -10
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +10 -10
- package/build/godown.umd.js.map +1 -1
- package/components/alert.d.ts +1 -3
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -1
- package/components/alert.js.map +1 -1
- package/components/button.d.ts +1 -1
- package/components/button.d.ts.map +1 -1
- package/components/button.js.map +1 -1
- package/components/carousel.d.ts +5 -11
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/range.d.ts +7 -12
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -1
- package/components/range.js.map +1 -1
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -1
- package/components/router.js.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/text.js +1 -1
- package/components/text.js.map +1 -1
- package/components/time.d.ts +0 -3
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -1
- package/components/time.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 +1 -0
- 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/custom-elements.json +1 -1
- package/dev/components/alert.d.ts +1 -3
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +32 -56
- package/dev/components/alert.js.map +1 -1
- package/dev/components/button.d.ts +1 -1
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js.map +1 -1
- package/dev/components/carousel.d.ts +5 -11
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +38 -37
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/input.js +2 -2
- package/dev/components/range.d.ts +7 -12
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +39 -53
- package/dev/components/range.js.map +1 -1
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +2 -3
- package/dev/components/router.js.map +1 -1
- package/dev/components/split.js +2 -2
- package/dev/components/text.js +2 -2
- package/dev/components/time.d.ts +0 -3
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +6 -20
- package/dev/components/time.js.map +1 -1
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +2 -2
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +1 -0
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +13 -9
- package/dev/core/global-style.js.map +1 -1
- package/package.json +3 -3
- package/src/components/alert.ts +33 -64
- package/src/components/button.ts +1 -1
- package/src/components/carousel.ts +43 -42
- package/src/components/input.ts +2 -2
- package/src/components/range.ts +47 -61
- package/src/components/router.ts +2 -3
- package/src/components/split.ts +2 -2
- package/src/components/text.ts +2 -2
- package/src/components/time.ts +8 -23
- package/src/components/typewriter.ts +9 -7
- package/src/core/global-style.ts +13 -9
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/alert.d.ts
CHANGED
@@ -43,10 +43,8 @@ declare class Alert extends GlobalStyle {
|
|
43
43
|
* Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
|
44
44
|
*
|
45
45
|
* If variant is `"blockquote"`, hide the close button.
|
46
|
-
*
|
47
|
-
* ! __"light" will be deprecated__ in the future.
|
48
46
|
*/
|
49
|
-
variant: "blockquote" | "dark"
|
47
|
+
variant: "blockquote" | "dark";
|
50
48
|
protected render(): TemplateResult<1>;
|
51
49
|
close(): void;
|
52
50
|
protected firstUpdated(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAiElF;;;;;;;;;;GAUG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,CAAU;IAExC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/alert.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as
|
1
|
+
import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as c,attr as s,htmlStyle as l}from"@godown/element";import a from"@godown/f7-icon/icons/checkmark-alt-circle.js";import n from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import m from"@godown/f7-icon/icons/slash-circle.js";import h from"@godown/f7-icon/icons/xmark-circle.js";import u from"@godown/f7-icon/icons/xmark.js";import{css as b,html as v}from"lit";import{property as f}from"lit/decorators.js";import{scopePrefix as w,cssGlobalVars as k,GlobalStyle as y}from"../core/global-style.js";const $="alert",j=w($),_=o=>[k._colors[o][5],k._colors[o][9]],q=r(["color","background"].map((o=>`${j}--${o}`)),{green:_("green"),blue:_("blue"),orange:_("orange"),red:_("red"),yellow:_("yellow"),purple:_("purple"),teal:_("teal"),pink:_("pink"),gray:[k._colors.lightgray[5],k._colors.darkgray[5]],white:[k._colors.lightgray[2],k._colors.darkgray[7]],black:[k._colors.darkgray[8],k._colors.lightgray[5]]},(()=>":host"),(o=>t(o))),C={tip:{color:"teal",icon:p},success:{color:"green",icon:a},info:{color:"blue",icon:d},warning:{color:"orange",icon:n},danger:{color:"red",icon:h},error:{color:"red",icon:h},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:m}};let x=class Alert extends y{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=C[this.call]?.color||this.color,r=this.call?C[this.call].icon():c("icon");return v`<div part="root" ${s(this.observedRecord)}><div part="icon" class="start">${r}</div><div part="content"><strong part="title">${this.title||c("title")}</strong> ${this.content||c()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="icon close" class="end" tabindex="0" @click="${this.close}">${u()}</div>`} ${l(q[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([f()],x.prototype,"call",void 0),o([f()],x.prototype,"color",void 0),o([f({type:Number})],x.prototype,"autoclose",void 0),o([f()],x.prototype,"title",void 0),o([f()],x.prototype,"content",void 0),o([f({type:Boolean})],x.prototype,"hideClose",void 0),o([f()],x.prototype,"variant",void 0),x=o([e($),i(b`:host,:where(:host([contents]) [part=root]){${j}--border-radius:.25em;${j}--border-width:.075em;${j}--blockquote-width:.2em;${j}--blockquote-background:transparent;${j}--gap:.5em;border-radius:var(${j}--border-radius);display:block;width:100%}[part=root]{align-items:center;background:var(${j}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${j}--border-width);color:var(${j}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${j}--gap)}[variant=blockquote]{background:var(${j}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${j}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${j}--gap)}.end svg{margin-inline-start:var(${j}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],x);var E=x;export{x as Alert,E as default};
|
2
2
|
//# sourceMappingURL=alert.js.map
|
package/components/alert.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","
|
1
|
+
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","map","v","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","autoclose","hideClose","variant","render","call","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","htmlStyle","remove","dispatchEvent","CustomEvent","bubbles","composed","firstUpdated","timeouts","add","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"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"}
|
package/components/button.d.ts
CHANGED
@@ -45,7 +45,7 @@ declare class Button extends GlobalStyle {
|
|
45
45
|
protected render(): TemplateResult<1>;
|
46
46
|
focus(): void;
|
47
47
|
blur(): void;
|
48
|
-
firstUpdated(): void;
|
48
|
+
protected firstUpdated(): void;
|
49
49
|
protected _handelClick(e: MouseEvent): void;
|
50
50
|
protected _handleModal(e: MouseEvent): void;
|
51
51
|
nextColor(): Colors | "none";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,YAAY,IAAI,IAAI;
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/button.js.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","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":"uVAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAEvBG,EAAYC,EAAcC,MAC1BC,EAAYF,EAAcG,MAG1BC,EAAiCC,EACrC,CAAC,QAAS,aAAc,aAAaC,KAAKC,GAAM,GAAGV,MAAaU,MAChE,CACEJ,MAAO,CACLJ,EACAC,EAAcQ,QAAQC,SAAS,GAC/BT,EAAcQ,QAAQC,SAAS,IAEjCC,KAAM,CACJX,EACAC,EAAcQ,QAAQC,SAAS,GAC/BT,EAAcQ,QAAQG,UAAU,IAElCV,MAAO,CACLC,EACAF,EAAcQ,QAAQG,UAAU,GAChCX,EAAcQ,QAAQG,UAAU,IAElCC,KAAM,CACJb,EACAC,EAAcQ,QAAQI,KAAK,GAC3BZ,EAAcQ,QAAQI,KAAK,IAE7BC,MAAO,CACLd,EACAC,EAAcQ,QAAQK,MAAM,GAC5Bb,EAAcQ,QAAQK,MAAM,IAE9BC,IAAK,CACHf,EACAC,EAAcQ,QAAQM,IAAI,GAC1Bd,EAAcQ,QAAQM,IAAI,IAE5BC,OAAQ,CACNhB,EACAC,EAAcQ,QAAQO,OAAO,GAC7Bf,EAAcQ,QAAQO,OAAO,IAE/BC,KAAM,CACJjB,EACAC,EAAcQ,QAAQQ,KAAK,GAC3BhB,EAAcQ,QAAQQ,KAAK,IAE7BC,OAAQ,CACNlB,EACAC,EAAcQ,QAAQS,OAAO,GAC7BjB,EAAcQ,QAAQS,OAAO,IAE/BC,OAAQ,CACNhB,EACAF,EAAcQ,QAAQU,OAAO,GAC7BlB,EAAcQ,QAAQU,OAAO,IAE/BC,KAAM,CACJpB,EACAC,EAAcQ,QAAQW,KAAK,GAC3BnB,EAAcQ,QAAQW,KAAK,MAG/B,IAAM,UACLC,GAASC,EAAMD,KAqBlB,IAAME,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAQC,UAAG,EAMXD,KAAKE,OAAG,EAMRF,KAAMG,QAAG,EAMTH,KAAKI,OAAG,EAMRJ,KAAKK,MAAiC,QAa5B,MAAAC,GACR,MAAMD,EAAQL,KAAKO,YACnB,OAAOC,CAAI,oBAGLC,EAAKT,KAAKU,sEAGU,CAACV,KAAKW,SAAWC,IAAYC,EAAUlC,EAAO0B,mBAK1E,KAAAS,GACMd,KAAKC,WAGTD,KAAKG,QAAS,EACdY,MAAMD,SAGR,IAAAE,GACEhB,KAAKG,QAAS,EACdY,MAAMC,
|
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","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/carousel.d.ts
CHANGED
@@ -6,10 +6,6 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
6
6
|
* When this component is `firstUpdated`,
|
7
7
|
* clone the first and last element and make the matching element visible when switching index.
|
8
8
|
*
|
9
|
-
* Child elements should maintain the same size.
|
10
|
-
*
|
11
|
-
* If no width, it will be the width of the first element.
|
12
|
-
*
|
13
9
|
* @slot - Carousel items, should maintain the same size.
|
14
10
|
* @fires change - Fires when the index changes.
|
15
11
|
* @category display
|
@@ -23,22 +19,20 @@ declare class Carousel extends GlobalStyle {
|
|
23
19
|
* If autoChange > 0, the rotation will be automated.
|
24
20
|
*/
|
25
21
|
autoChange: number;
|
26
|
-
/**
|
27
|
-
* Element width.
|
28
|
-
*/
|
29
|
-
width: string;
|
30
22
|
protected _moveRoot: HTMLElement;
|
31
23
|
intervalID: number;
|
32
24
|
private __cloneFirst;
|
33
25
|
private __cloneLast;
|
26
|
+
protected _offset: number;
|
34
27
|
protected render(): TemplateResult<1>;
|
28
|
+
connectedCallback(): void;
|
35
29
|
protected firstUpdated(): Promise<void>;
|
36
|
-
|
37
|
-
show(i: number): void;
|
30
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
31
|
+
show(i: number, n?: boolean): void;
|
38
32
|
next(): void;
|
39
33
|
prev(): void;
|
40
34
|
protected _doTranslateX(xValue: string, noTransition?: boolean): void;
|
41
|
-
|
35
|
+
normalizeIndex(i: number): number;
|
42
36
|
}
|
43
37
|
export default Carousel;
|
44
38
|
export { Carousel };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,iBAAiB,IAAI,IAAI;cAYT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAoBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/carousel.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as
|
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 r from"@godown/f7-icon/icons/chevron-left.js";import h from"@godown/f7-icon/icons/chevron-right.js";import{css as l,html as a}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as c}from"../core/global-style.js";function p(t){return t.getBoundingClientRect().width}let m=class Carousel extends c{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return a`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${r()}</i><div part="move-root">${n()}</div><i part="next" @click="${this.next}">${h()}</i></div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=0;for(let e=0;e<=t;e++)this._offset-=p(this.children[e]);this._offset+=(p(this)-p(this.children[t+1]))/2,this.dispatchEvent(new CustomEvent("change",{detail:t,composed:!0})),this._doTranslateX(`${this._offset}px`,e),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};t([d({type:Number})],m.prototype,"index",void 0),t([d({type:Number})],m.prototype,"autoChange",void 0),t([e("move-root")],m.prototype,"_moveRoot",void 0),m=t([i("carousel"),o(l`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],m);var f=m;export{m as Carousel,f as default};
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","connectedCallback","super","children","length","__cloneFirst","remove","__cloneLast","firstElementChild","cloneNode","lastElementChild","appendChild","insertBefore","firstUpdated","updateComplete","show","attributeChangedCallback","name","_old","value","isConnected","i","n","normalizeIndex","_offset","childIndex","dispatchEvent","CustomEvent","detail","composed","_doTranslateX","timeouts","intervalID","add","setInterval","childElementCount","xValue","noTransition","_moveRoot","style","transform","transition","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"4WAUA,SAASA,EAASC,GAChB,OAAOA,EAAEC,wBAAwBC,KACnC,CAcA,IAAMC,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAaH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,gCAEoBC,mCAGZT,KAAKU,SAEbC,gBAMV,iBAAAC,GACEC,MAAMD,oBACFZ,KAAKc,SAASC,SAChBf,KAAKgB,cAAcC,SACnBjB,KAAKkB,aAAaD,SAClBjB,KAAKkB,YAAclB,KAAKmB,kBAAkBC,WAAU,GACpDpB,KAAKgB,aAAehB,KAAKqB,iBAAiBD,WAAU,GACpDpB,KAAKsB,YAAYtB,KAAKkB,aACtBlB,KAAKuB,aAAavB,KAAKgB,aAAchB,KAAKmB,oBAIpC,kBAAMK,SACRxB,KAAKyB,eACXzB,KAAK0B,KAAK1B,KAAKC,OAAO,GAGxB,wBAAA0B,CAAyBC,EAAcC,EAAqBC,GAC1DjB,MAAMc,yBAAyBC,EAAMC,EAAMC,GAC9B,UAATF,GAAoB5B,KAAK+B,aAC3B/B,KAAK0B,KAAK1B,KAAKC,OAInB,IAAAyB,CAAKM,EAAWC,GACdD,EAAIhC,KAAKkC,eAAeF,GACxBhC,KAAKC,MAAQ+B,EACbhC,KAAKmC,QAAU,EACf,IAAK,IAAIC,EAAa,EAAGA,GAAcJ,EAAGI,IACxCpC,KAAKmC,SAAW1C,EAASO,KAAKc,SAASsB,IAEzCpC,KAAKmC,UAAY1C,EAASO,MAAQP,EAASO,KAAKc,SAASkB,EAAI,KAAO,EACpEhC,KAAKqC,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQP,EAAGQ,UAAU,KACpExC,KAAKyC,cAAc,GAAGzC,KAAKmC,YAAaF,GACxCjC,KAAK0C,SAASzB,OAAOjB,KAAK2C,YACtB3C,KAAKE,WAAa,IACpBF,KAAK2C,WAAa3C,KAAK0C,SAASE,IAC9BC,aAAY,KACV7C,KAAKU,MAAM,GACVV,KAAKE,cAKd,IAAAQ,GACMV,KAAKC,QAAUD,KAAK8C,kBAAoB,GAC1C9C,KAAKyC,cAAc,KAAK,GACxBzC,KAAK0B,KAAK,IAEV1B,KAAK0B,KAAK1B,KAAKC,MAAQ,GAI3B,IAAAM,GACqB,IAAfP,KAAKC,OACPD,KAAKyC,cAAc,IAAIzC,KAAK8C,kBAAoB,QAAQ,GACxD9C,KAAK0B,KAAK1B,KAAKc,SAASC,OAAS,IAEjCf,KAAK0B,KAAK1B,KAAKC,MAAQ,GAIjB,aAAAwC,CAAcM,EAAgBC,GACtChD,KAAKiD,UAAUC,MAAMC,UAAY,cAAcJ,KAC/C/C,KAAKiD,UAAUC,MAAME,WAAaJ,EAAe,OAAS,GAG5D,cAAAd,CAAeF,GACb,OAAIA,EAAI,EACC,EACEA,EAAIhC,KAAKc,SAASC,OAAS,EAC7Bf,KAAKc,SAASC,OAAS,EAEzBiB,IAnHTqB,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT3D,EAAA4D,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJ3D,EAAA4D,UAAA,kBAAAC,GAGJL,EAAA,CADTM,EAAK,cAC0B9D,EAAA4D,UAAA,iBAAAC,GAd5B7D,EAAQwD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACLjE,GA4HN,IAAAkE,EAAelE"}
|
package/components/input.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as i,godown as e,styles as r,attr as o,
|
1
|
+
import{__decorate as t}from"tslib";import{part as i,godown as e,styles as r,attr as o,tokenList as a}from"@godown/element";import{css as s,html as u,nothing as p}from"lit";import{property as d}from"lit/decorators.js";import{cssGlobalVars as l}from"../core/global-style.js";import n from"../core/super-input.js";let h=class Input extends n{constructor(){super(...arguments),this.type="text",this.variant="default"}render(){return u`<div part="root" ${o(this.observedRecord)} class="${a("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||p}" autocomplete="${this.autocomplete||p}" placeholder="${this.placeholder||p}" id="${this.makeId}" @input="${this._handleInput}">`,this._renderSuffix()]}</div>`}reset(){this._input.value=this.default,this.value=this.default}};t([d()],h.prototype,"variant",void 0),t([i("input")],h.prototype,"_input",void 0),h=t([e("input"),r(s`:host{background:var(${l.input}-background);border-radius:var(${l.input}-radius);color:var(${l.foreground});display:block;height:var(${l.input}-height);width:var(${l.input}-width)}`)],h);var c=h;export{h as Input,c as default};
|
2
2
|
//# sourceMappingURL=input.js.map
|
package/components/input.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","
|
1
|
+
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","tokenList","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_renderSuffix","reset","_input","default","__decorate","property","prototype","undefined","part","godown","styles","css","cssGlobalVars","input","foreground","Input$1"],"mappings":"uTAkBA,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,iBAGnBjB,KAAKkB,yBAMb,KAAAC,GACEnB,KAAKoB,OAAOX,MAAQT,KAAKqB,QACzBrB,KAAKS,MAAQT,KAAKqB,UApCpBC,EAAA,CADCC,KACyC1B,EAAA2B,UAAA,eAAAC,GAGhCH,EAAA,CADTI,EAAK,UAC4B7B,EAAA2B,UAAA,cAAAC,GAZ9B5B,EAAKyB,EAAA,CAFVK,EATiB,SAUjBC,EAAOC,CAAG,wBAAwBC,EAAcC,uCAAuCD,EAAcC,2BAA2BD,EAAcE,wCAAwCF,EAAcC,2BAA2BD,EAAcC,kBACxOlC,GAiDN,IAAAoC,EAAepC"}
|
package/components/range.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { Ranger } from "@godown/element";
|
1
2
|
import { type TemplateResult } from "lit";
|
2
3
|
import SuperInput from "../core/super-input.js";
|
3
4
|
/**
|
@@ -44,11 +45,8 @@ declare class Range extends SuperInput {
|
|
44
45
|
protected _root: HTMLElement;
|
45
46
|
protected _handles: NodeListOf<HTMLElement>;
|
46
47
|
lastFocus?: number;
|
48
|
+
protected _ranger: Ranger;
|
47
49
|
private __focusStack;
|
48
|
-
/**
|
49
|
-
* Returns true when the second number is greater than the first number.
|
50
|
-
*/
|
51
|
-
get reverse(): boolean;
|
52
50
|
/**
|
53
51
|
* If value is array.
|
54
52
|
*/
|
@@ -63,25 +61,22 @@ declare class Range extends SuperInput {
|
|
63
61
|
* @returns Array with length of len.
|
64
62
|
*/
|
65
63
|
padValue(len: number, value?: number): number[];
|
64
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
66
65
|
protected render(): TemplateResult<1>;
|
67
66
|
protected _renderHandle(index: number): TemplateResult<1>;
|
68
67
|
private __keydownEvent;
|
69
68
|
focusHandle(index: number): void;
|
70
69
|
blurHandle(): void;
|
71
70
|
protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
|
72
|
-
createMouseDown(index: number): (e: MouseEvent) => void;
|
73
|
-
createSetValue(index: number): (
|
71
|
+
protected createMouseDown(index: number): (e: MouseEvent) => void;
|
72
|
+
protected createSetValue(index: number): (value: number) => void;
|
74
73
|
/**
|
75
74
|
* Compute value from event.
|
76
75
|
*/
|
77
|
-
protected _computeValue(
|
78
|
-
/**
|
79
|
-
* Ensure that the values do not exceed the range of max and min.
|
80
|
-
*/
|
81
|
-
normalizeValue(value: number): number;
|
76
|
+
protected _computeValue({ clientX, clientY }: MouseEvent): number;
|
82
77
|
protected _handleMousedownRoot(e: MouseEvent): void;
|
83
78
|
protected createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
|
84
|
-
protected createMousemoveListener(callback: (
|
79
|
+
protected createMousemoveListener(callback: (newValue: number) => void): (e: MouseEvent) => void;
|
85
80
|
protected _connectedInit(): void;
|
86
81
|
reset(): void;
|
87
82
|
sort(): number | number[];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC7G,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,OAAO,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,YAAY,CAAgB;IAEpC;;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,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAWzD,OAAO,CAAC,cAAc,CAAqC;IAE3D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC,UAAU,IAAI,IAAI;IAMlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAK7B,aAAa,KAAG,IAAI;IAYjC,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,OAC1B,UAAU,KAAG,IAAI;IAM9B,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,WACrB,MAAM,KAAG,IAAI;IAY9B;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,MAAM;IAKjE,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,QAAQ,EAAE,MAAM,KAAK,IAAI,OACzD,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 a,attr as s,joinProperties as i,loop as
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,Ranger as o,attr as s,joinProperties as i,loop as n,tokenList as h,isNil as l}from"@godown/element";import{css as u,html as d}from"lit";import{property as c,queryAll as v,state as p}from"lit/decorators.js";import{scopePrefix as m,cssGlobalVars as f}from"../core/global-style.js";import g from"../core/super-input.js";const w="range",y=m(w);let _=class Range extends g{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,a=t-r.length;return a>0?new Array(a).fill(e).concat(r):r}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new o(this.min,this.max,this.step))}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this._ranger.diff;return d`<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+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))])}"><div part="track"></div>${n(this.rangeValue.length,(t=>this._renderHandle(t)))}</div>`}_renderHandle(t){const{rangeValue:e,disabled:r}=this,a=t===e.length-1;return d`<i tabindex="0" part="handle" class="${h({"last-focus":this.lastFocus===t})}" @mousedown="${r?null:this.createMouseDown(t)}" @focus="${r?null:()=>this.focusHandle(t)}" @blur="${r?null:this.blurHandle}" style="${i({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${a?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const r=this._handles.item(t);r?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){const{rangeValue:e,step:r}=this;return e.length<2&&(t=0),a=>{const o=e[t];"ArrowLeft"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.createSetValue(t)(o-r)):"ArrowRight"!==a.key&&"ArrowUp"!==a.key||(a.preventDefault(),this.createSetValue(t)(o+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r=this._ranger.normalize(e);let a=r;this.range&&(a=[...this.value],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue({clientX:t,clientY:e}){const{top:r,left:a,height:o,width:s}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-r)/o:(t-a)/s)}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,a)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?a:t),0):0,a=this.createSetValue(r);a(e),this.createMousedownListener(a)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const a=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",a)};this.events.add(document,"mouseup",a)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r===this._ranger.restrict(r)&&t?.call(this,r)}}_connectedInit(){const t=this._ranger.diff;this.step||=t/100,l(this.value)&&(l(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([c({type:Number})],_.prototype,"min",void 0),t([c({type:Number})],_.prototype,"max",void 0),t([c({type:Number})],_.prototype,"step",void 0),t([c({type:Boolean,reflect:!0})],_.prototype,"vertical",void 0),t([c({type:Array})],_.prototype,"value",void 0),t([c({type:Array})],_.prototype,"default",void 0),t([e("root")],_.prototype,"_root",void 0),t([v("[part=handle]")],_.prototype,"_handles",void 0),t([p()],_.prototype,"lastFocus",void 0),_=t([r(w),a(u`:host{${y}--handle-active:var(${f.active});${y}--track-width:.5em;${y}--length:var(${f.input}-width);background:var(${f.input}-background);display:block;width:var(${y}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${y}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${y}--handle-scale:1.05;background:var(${y}--handle-active)}[part=root]{position:relative;width:100%;--from:0%;--to:50%;height:var(${y}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${f.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(${f.active});border:.1em solid;border-color:var(${f.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${y}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,u`[vertical]{height:inherit;width:var(${y}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,u`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],_);var b=_;export{_ as Range,b 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","
|
1
|
+
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","render","from","Math","to","gap","diff","html","attr","observedRecord","disabled","_handleMousedownRoot","joinProperties","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNil","default","round","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","Range$1"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,iBAAiB,CAAC;AAC5E,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;AAED,QAAA,MAAM,WAAW;;;;CAIP,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAI3C;;;;;;;;;;;;;;;;;;;;;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,CAKnC;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,UAAU,CAAsB;IAEtC;;;;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;IAsB3B,iBAAiB,IAAI,IAAI;
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,iBAAiB,CAAC;AAC5E,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;AAED,QAAA,MAAM,WAAW;;;;CAIP,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAI3C;;;;;;;;;;;;;;;;;;;;;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,CAKnC;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,UAAU,CAAsB;IAEtC;;;;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;IAsB3B,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAWlE;;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,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS;IAInC,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,omit as h}from"@godown/element";import{css as i}from"lit";import{state as n,property as r}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";var c;const l="field",d="slotted",u="united";let m=c=class Router extends p{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=u,this.cache=!1,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return this.path?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(){let t;if(this.cache&&(t=this.__cacheRecord.get(this.pathname))&&(this.component=t.component,this.path=t.path,this.pathname=t.pathname),!t)switch(this.type){case l:this.component=this.fieldComponent();break;case d:this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a,omit as h}from"@godown/element";import{css as i}from"lit";import{state as n,property as r}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";var c;const l="field",d="slotted",u="united";let m=c=class Router extends p{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=u,this.cache=!1,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return this.path?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(){let t;if(this.cache&&(t=this.__cacheRecord.get(this.pathname))&&(this.component=t.component,this.path=t.path,this.pathname=t.pathname),!t)switch(this.type){case l:this.component=this.fieldComponent();break;case d:this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){super.connectedCallback(),c.routerInstances.add(this),"field"!==this.type&&(this.observers.add(this,MutationObserver,this.collectSlottedRoutes,{attributes:!0,attributeFilter:["slot"],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();!this.__cacheRecord.has(this.pathname)&&this.path&&this.__cacheRecord.set(this.pathname,t),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?.(h(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()}))}search(t){return this.__fieldRouteTree.search(t)||this.__slottedRouteTree.search(t)}};m.routerInstances=new Set,t([n()],m.prototype,"component",void 0),t([n()],m.prototype,"path",void 0),t([r()],m.prototype,"pathname",void 0),t([n()],m.prototype,"default",void 0),t([r()],m.prototype,"type",void 0),t([r({type:Boolean})],m.prototype,"cache",void 0),t([n()],m.prototype,"routes",null),m=c=t([e("router"),s(i`:host{display:contents}`)],m);var _=m;export{m as Router,_ 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":["routerTypes","Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","handlePopstate","events","add","window","params","path","parseParams","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","
|
1
|
+
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["routerTypes","Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","handlePopstate","events","add","window","params","path","parseParams","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","observers","MutationObserver","collectSlottedRoutes","attributes","attributeFilter","subtree","disconnectedCallback","delete","useRouter","updated","changedProperties","has","ur","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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"}
|
package/components/split.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e,styles as i,attr as r,loop as s,
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as i,attr as r,loop as s,tokenList as n}from"@godown/element";import{css as u,html as o}from"lit";import{property as l,state as c}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as h}from"../core/global-style.js";import p from"../core/super-input.js";const d="split",b=a(d);let f=class Split extends p{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}render(){return o`<div part="root" ${r(this.observedRecord)}>${s(this.len,(t=>o`<span part="input-box" class="${n({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([l({type:Number})],f.prototype,"len",void 0),t([l({type:Number})],f.prototype,"index",void 0),t([c()],f.prototype,"current",void 0),t([c()],f.prototype,"currentValue",void 0),f=t([e(d),i(u`:host{border-radius:1px;color:var(${h.foreground});display:block;width:-moz-fit-content;width:fit-content;${b}--size:1.45em;${b}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{display:flex;gap:var(${b}--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(${h.input}-background);height:var(${b}--size);text-align:center;width:var(${b}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus{box-shadow:var(${h.input}-box-shadow)}`)],f);var v=f;export{f as Split,v 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","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","loop","tokenList","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","Array","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","foreground","input","Split$1"],"mappings":"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"}
|
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,
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,tokenList 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","
|
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","tokenList","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"}
|
package/components/time.d.ts
CHANGED
@@ -29,10 +29,7 @@ declare class Time extends GlobalStyle {
|
|
29
29
|
gap: any;
|
30
30
|
protected timeoutId: number;
|
31
31
|
protected render(): TemplateResult<1>;
|
32
|
-
protected firstUpdated(): void;
|
33
32
|
protected updated(changedProperties: PropertyValues): void;
|
34
|
-
disconnectedCallback(): void;
|
35
|
-
startTimeout(): number;
|
36
33
|
}
|
37
34
|
export default Time;
|
38
35
|
export { Time };
|
package/components/time.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAAyB;IAE/B;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAAyB;IAE/B;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;CAW3D;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/time.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e,styles as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as o,attr as i}from"@godown/element";import s from"fmtime";import{css as m,html as r}from"lit";import{property as p}from"lit/decorators.js";import{GlobalStyle as a}from"../core/global-style.js";let h=class Time extends a{constructor(){super(...arguments),this.escape="%",this.format="YYYY-MM-DD hh:mm:ss",this.time=new Date}render(){return r`<span part="root" ${i(this.observedRecord)}>${s(this.format,this.time,this.escape)}</span>`}updated(t){t.has("timeout")&&this.timeout&&(this.timeouts.remove(this.timeoutId),this.timeoutId=this.timeouts.add(setInterval((()=>{this.dispatchEvent(new CustomEvent("time",{detail:this.time,composed:!0})),this.time=new Date(this.time.getTime()+(this.gap||this.timeout))}),Math.abs(this.timeout))))}};t([p()],h.prototype,"escape",void 0),t([p()],h.prototype,"format",void 0),t([p({type:Object})],h.prototype,"time",void 0),t([p({type:Number})],h.prototype,"timeout",void 0),t([p({type:Number})],h.prototype,"gap",void 0),h=t([e("time"),o(m`:host{text-align:center}`)],h);var d=h;export{h as Time,d as default};
|
2
2
|
//# sourceMappingURL=time.js.map
|
package/components/time.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":["Time","GlobalStyle","constructor","this","escape","format","time","Date","render","html","attr","observedRecord","fmtime","
|
1
|
+
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":["Time","GlobalStyle","constructor","this","escape","format","time","Date","render","html","attr","observedRecord","fmtime","updated","changedProperties","has","timeout","timeouts","remove","timeoutId","add","setInterval","dispatchEvent","CustomEvent","detail","composed","getTime","gap","Math","abs","__decorate","property","prototype","undefined","type","Object","Number","godown","styles","css","Time$1"],"mappings":"+PAiBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,OAAG,IAMTD,KAAME,OAAG,sBAMTF,KAAAG,KAAa,IAAIC,KAgBP,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKP,KAAKQ,mBAEVC,EAAOT,KAAKE,OAAQF,KAAKG,KAAMH,KAAKC,iBAKlC,OAAAS,CAAQC,GACZA,EAAkBC,IAAI,YAAcZ,KAAKa,UAC3Cb,KAAKc,SAASC,OAAOf,KAAKgB,WAC1BhB,KAAKgB,UAAYhB,KAAKc,SAASG,IAC7BC,aAAY,KACVlB,KAAKmB,cAAc,IAAIC,YAAY,OAAQ,CAAEC,OAAQrB,KAAKG,KAAMmB,UAAU,KAC1EtB,KAAKG,KAAO,IAAIC,KAAKJ,KAAKG,KAAKoB,WAAavB,KAAKwB,KAAOxB,KAAKa,SAAS,GACrEY,KAAKC,IAAI1B,KAAKa,cA9CvBc,EAAA,CADCC,KACW/B,EAAAgC,UAAA,cAAAC,GAMZH,EAAA,CADCC,KAC6B/B,EAAAgC,UAAA,cAAAC,GAM9BH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACKnC,EAAAgC,UAAA,YAAAC,GAMvBH,EAAA,CADCC,EAAS,CAAEG,KAAME,UACNpC,EAAAgC,UAAA,eAAAC,GAMZH,EAAA,CADCC,EAAS,CAAEG,KAAME,UACVpC,EAAAgC,UAAA,WAAAC,GA7BJjC,EAAI8B,EAAA,CAFTO,EARiB,QASjBC,EAAOC,CAAG,6BACLvC,GAyDN,IAAAwC,EAAexC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;
|
1
|
+
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAcpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
|