godown 3.3.0 → 3.4.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 +4 -4
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +4 -4
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +4 -4
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +3 -3
- package/build/godown.js +4 -4
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +3 -3
- package/build/godown.umd.js.map +1 -1
- package/components/alert.js +1 -1
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +5 -4
- 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 +10 -2
- package/components/badge.d.ts.map +1 -1
- package/components/badge.js.map +1 -1
- package/components/breath.d.ts +2 -3
- 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 +7 -2
- 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 +6 -0
- 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 +2 -2
- package/components/details.d.ts +3 -3
- package/components/details.d.ts.map +1 -1
- package/components/dialog.d.ts +9 -6
- 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 +1 -1
- package/components/heading.d.ts +2 -0
- package/components/heading.d.ts.map +1 -1
- package/components/heading.js.map +1 -1
- package/components/input.d.ts +2 -2
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/link.d.ts +1 -1
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -1
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +0 -7
- 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 +43 -9
- 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 +6 -4
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js.map +1 -1
- package/components/select.d.ts +4 -2
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -1
- package/components/select.js.map +1 -1
- package/components/split.d.ts +2 -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 +5 -7
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -1
- package/components/switch.js.map +1 -1
- package/components/time.d.ts +2 -2
- package/components/time.d.ts.map +1 -1
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +3 -2
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -1
- package/components/tooltip.js.map +1 -1
- package/core/direction.d.ts +27 -0
- package/core/direction.d.ts.map +1 -0
- package/core/direction.js +2 -0
- package/core/direction.js.map +1 -0
- package/core/global-style.d.ts +0 -2
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -1
- package/core/global-style.js.map +1 -1
- package/core/outline.d.ts +20 -0
- package/core/outline.d.ts.map +1 -0
- package/core/outline.js +2 -0
- package/core/outline.js.map +1 -0
- package/core/super-anchor.d.ts +2 -2
- 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 +2 -0
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -1
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +0 -4
- package/core/super-openable.d.ts.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/alert.js +1 -1
- package/dev/components/avatar.d.ts +5 -4
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +5 -4
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/badge.d.ts +10 -2
- package/dev/components/badge.d.ts.map +1 -1
- package/dev/components/badge.js +8 -0
- package/dev/components/badge.js.map +1 -1
- package/dev/components/breath.d.ts +2 -3
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +3 -14
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +7 -2
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +19 -5
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +6 -0
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +11 -11
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +2 -2
- package/dev/components/carousel.js +2 -2
- package/dev/components/details.d.ts +3 -3
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +3 -3
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +9 -6
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +58 -62
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +1 -1
- package/dev/components/divider.js +1 -1
- package/dev/components/heading.d.ts +2 -0
- package/dev/components/heading.d.ts.map +1 -1
- package/dev/components/heading.js +2 -0
- package/dev/components/heading.js.map +1 -1
- package/dev/components/input.d.ts +2 -2
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +29 -8
- package/dev/components/input.js.map +1 -1
- package/dev/components/link.d.ts +1 -1
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +2 -2
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +0 -7
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +4 -25
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +43 -9
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +50 -14
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +6 -4
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +6 -4
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/select.d.ts +4 -2
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +27 -24
- package/dev/components/select.js.map +1 -1
- package/dev/components/split.d.ts +2 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +10 -6
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +5 -7
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +23 -45
- package/dev/components/switch.js.map +1 -1
- package/dev/components/time.d.ts +2 -2
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +3 -2
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +7 -19
- package/dev/components/tooltip.js.map +1 -1
- package/dev/core/direction.d.ts +27 -0
- package/dev/core/direction.d.ts.map +1 -0
- package/dev/core/direction.js +56 -0
- package/dev/core/direction.js.map +1 -0
- package/dev/core/global-style.d.ts +0 -2
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +1 -5
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/outline.d.ts +20 -0
- package/dev/core/outline.d.ts.map +1 -0
- package/dev/core/outline.js +44 -0
- package/dev/core/outline.js.map +1 -0
- package/dev/core/super-anchor.d.ts +2 -2
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +0 -1
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +2 -0
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +19 -30
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts +0 -4
- package/dev/core/super-openable.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/alert.ts +1 -1
- package/src/components/avatar.ts +7 -5
- package/src/components/badge.ts +10 -3
- package/src/components/breath.ts +5 -17
- package/src/components/button.ts +18 -5
- package/src/components/card.ts +11 -11
- package/src/components/carousel.ts +2 -2
- package/src/components/details.ts +3 -3
- package/src/components/dialog.ts +66 -65
- package/src/components/divider.ts +1 -1
- package/src/components/heading.ts +2 -0
- package/src/components/input.ts +29 -8
- package/src/components/link.ts +2 -2
- package/src/components/progress.ts +4 -25
- package/src/components/range.ts +51 -15
- package/src/components/rotate.ts +6 -4
- package/src/components/select.ts +33 -26
- package/src/components/split.ts +11 -6
- package/src/components/switch.ts +26 -41
- package/src/components/time.ts +2 -2
- package/src/components/tooltip.ts +8 -20
- package/src/core/direction.ts +65 -0
- package/src/core/global-style.ts +1 -7
- package/src/core/outline.ts +54 -0
- package/src/core/super-anchor.ts +3 -2
- package/src/core/super-input.ts +22 -30
- package/src/core/super-openable.ts +0 -8
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
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 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:.
|
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:.2em;${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","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":"+vBAcA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAIvBG,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAaC,EANN,CAAC,QAAS,cAAcC,KAAKC,GAAM,GAAGT,MAAaS,MAQ9D,CACEC,MAAOR,EAAQ,SACfS,KAAMT,EAAQ,QACdU,OAAQV,EAAQ,UAChBW,IAAKX,EAAQ,OACbY,OAAQZ,EAAQ,UAChBa,OAAQb,EAAQ,UAChBc,KAAMd,EAAQ,QACde,KAAMf,EAAQ,QACdgB,KAAM,CAACd,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC1EC,MAAO,CAACjB,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC3EE,MAAO,CAAClB,EAAcC,QAAQe,SAAS,GAAIhB,EAAcC,QAAQc,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZE,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,IAiBV,IAAMC,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAYEC,KAAKnB,MAYQ,OAMbmB,KAASC,UAAG,EAoBZD,KAASE,WAAG,EAQZF,KAAOG,QAA0B,OAEvB,MAAAC,GACR,MAAMvB,EAAQF,EAAMqB,KAAKK,OAAOxB,OAASmB,KAAKnB,MACxCC,EAAOkB,KAAKK,KAAO1B,EAAMqB,KAAKK,MAAMvB,OAASwB,EAAS,QAC5D,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,kDAMR3B,mDAGqBkB,KAAKU,OAASJ,EAAS,qBAC5CN,KAAKW,SAAWL,YAElBN,KAAKE,WAA8B,eAAjBF,KAAKG,QACrB,GACAI,CAAI,2DAKUP,KAAKY,UAEbC,eAGRC,EAAUtD,EAAWqB,YAK7B,KAAA+B,GACEZ,KAAKe,SACLf,KAAKgB,cAAc,IAAIC,YAAY,QAAS,CAAEC,SAAS,EAAMC,UAAU,KAG/D,YAAAC,GACJpB,KAAKC,WACPD,KAAKqB,SAASC,IAAIC,YAAW,IAAMvB,KAAKY,SAASZ,KAAKC,YAI1D,YAAOuB,CAAMC,EAAmBC,GAC9B,MAAMC,EAAK,IAAI3B,KAGf,OAFA4B,OAAOC,OAAOF,EAAID,GAClBD,EAAKK,YAAYH,GACVA,IAzGTI,EAAA,CADCC,KACwFnC,EAAAoC,UAAA,YAAAC,GAOzFH,EAAA,CADCC,KAakBnC,EAAAoC,UAAA,aAAAC,GAMnBH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACLvC,EAAAoC,UAAA,iBAAAC,GAMbH,EAAA,CADCC,KACYnC,EAAAoC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACcnC,EAAAoC,UAAA,eAAAC,GAQfH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACDxC,EAAAoC,UAAA,iBAAAC,GAQjBH,EAAA,CADCC,KACsCnC,EAAAoC,UAAA,eAAAC,GA1DnCrC,EAAKkC,EAAA,CAFVO,EAAOrF,GACPsF,EAAOC,CAAG,+CAA+CtF,
|
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/avatar.d.ts
CHANGED
@@ -11,20 +11,21 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
11
11
|
*/
|
12
12
|
declare class Avatar extends GlobalStyle {
|
13
13
|
/**
|
14
|
-
*
|
14
|
+
* The `src` property specifies the URL of the avatar image.
|
15
|
+
* If `src` is not provided, the component will display the `name` property instead.
|
15
16
|
*/
|
16
17
|
src: string | undefined | null;
|
17
18
|
/**
|
18
|
-
*
|
19
|
+
* Specifies the name or initials to display if no `src` is provided
|
19
20
|
*/
|
20
21
|
name: string;
|
21
22
|
/**
|
22
|
-
*
|
23
|
+
* If `true`, will make the avatar display as a circle.
|
23
24
|
*/
|
24
25
|
round: boolean;
|
25
26
|
protected render(): TemplateResult<1>;
|
26
27
|
protected _renderAvatar(): TemplateResult<1>;
|
27
|
-
|
28
|
+
formatName(): string;
|
28
29
|
protected _handleError(): void;
|
29
30
|
}
|
30
31
|
export default Avatar;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAU5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/avatar.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as
|
1
|
+
import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as h,GlobalStyle as m}from"../core/global-style.js";const p="avatar",l=h(p);let c=class Avatar extends m{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error="${this._handleError}">`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};r([d()],c.prototype,"src",void 0),r([d()],c.prototype,"name",void 0),r([d({type:Boolean})],c.prototype,"round",void 0),c=r([t(p),e(s`:host{${l}--size:2em;border-radius:.2em;height:var(${l}--size);vertical-align:bottom;width:var(${l}--size)}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}`)],c);var v=c;export{c as Avatar,v as default};
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
package/components/avatar.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","formatName","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","Avatar$1"],"mappings":"kRAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAa7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKC,EAAKN,KAAKO,eAAgB,WAE/BP,KAAKQ,wBAKH,aAAAA,GACR,OAAIR,KAAKS,IACAL,CAAI,0BAGAJ,KAAKS,aACLT,KAAKC,iBACHD,KAAKU,iBAIhBV,KAAKC,KACAG,CAAI,qBACWJ,KAAKW,sBAGtBC,IAGT,UAAAD,GACE,OAAOX,KAAKC,KAGJ,YAAAS,GACRV,KAAKS,SAAMI,IAjDbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAAH,GAM9BC,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAAH,GAMTC,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAAH,GAlBThB,EAAMiB,EAAA,CAFXK,EAAOzB,GACP0B,EAAOC,CAAG,SAAS1B,6CAAoDA,4CAAmDA,8VACrHE,GA2DN,IAAAyB,EAAezB"}
|
package/components/badge.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
|
3
|
+
import { DirectionCorner } from "../core/direction.js";
|
4
4
|
/**
|
5
5
|
* {@linkcode Badge} renders a badge.
|
6
6
|
*
|
@@ -8,12 +8,20 @@ type Position = "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
8
8
|
* @category display
|
9
9
|
*/
|
10
10
|
declare class Badge extends GlobalStyle {
|
11
|
-
|
11
|
+
/**
|
12
|
+
* The position of the badge relative to its parent element.
|
13
|
+
* Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
|
14
|
+
*/
|
15
|
+
position: DirectionCorner;
|
12
16
|
value: number;
|
13
17
|
/**
|
14
18
|
* If `true`, render a dot badge.
|
15
19
|
*/
|
16
20
|
dot: boolean;
|
21
|
+
/**
|
22
|
+
* The maximum value that can be displayed in the badge
|
23
|
+
* Values greater than this will be displayed as `max+` by default.
|
24
|
+
*/
|
17
25
|
max: number;
|
18
26
|
formatValue(value: number): string;
|
19
27
|
render(): TemplateResult<1>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,eAAe,CAAe;IAGxC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAK5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/badge.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"
|
1
|
+
{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,mBAEVC,OACAV,KAAKE,OAASF,KAAKG,IACjBI,CAAI,qBACkBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAE5D,aAjCVS,EAAA,CADCC,KACsCf,EAAAgB,UAAA,gBAAAC,GAGvCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAOXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAtBJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,iUAAwUA,0DAAiEA,0DAAiEA,kDAAyDA,mBAC9yBE,GA6CN,IAAA0B,EAAe1B"}
|
package/components/breath.d.ts
CHANGED
@@ -23,14 +23,13 @@ declare class Breath extends GlobalStyle {
|
|
23
23
|
*/
|
24
24
|
content: string | string[];
|
25
25
|
/**
|
26
|
-
* Effect duration
|
26
|
+
* Effect duration.
|
27
27
|
*/
|
28
|
-
duration:
|
28
|
+
duration: number;
|
29
29
|
protected render(): TemplateResult<1>;
|
30
30
|
protected _renderText(text: string): TemplateResult<1>;
|
31
31
|
protected getTexts(): string[];
|
32
32
|
protected _computeStyle(len: number): string;
|
33
|
-
parseDuration(): number | undefined;
|
34
33
|
}
|
35
34
|
export default Breath;
|
36
35
|
export { Breath };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAItD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;
|
1
|
+
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAItD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/breath.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlStyle as n}from"@godown/element";import{css as i,html as a}from"lit";import{property as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlStyle as n}from"@godown/element";import{css as i,html as a}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=s(d);let m=class Breath extends p{render(){const t=this.getTexts();return a`<div part="root" ${e(this.observedRecord)}>${[t.map(this._renderText),n(this._computeStyle(t.length))]}</div>`}_renderText(t){return a`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const o=50/t,r=this.duration||1e3*(2*t+2);let e="";for(let o=1;o<=t;o++){e+=`.rel:nth-child(${o}) .colorful{animation-delay:${-r/t*(t-o+1)}s;background:var(${$}--${o},var(${$}--${(o-1)%3+1}));}`}return`.colorful{animation-duration:${r}ms;}@keyframes colorfulN{0%,${3*o}%{opacity:0;}${o}%,${2*o}%{opacity:1;}}${e}`}};t([l()],m.prototype,"content",void 0),t([l({type:Number})],m.prototype,"duration",void 0),m=t([o(d),r(i`:host{${$}--deg:60deg;${$}--1-1:var(${c._colors.red[5]});${$}--1-2:var(${c._colors.yellow[5]});${$}--2-1:var(${c._colors.green[5]});${$}--2-2:var(${c._colors.purple[5]});${$}--3-1:var(${c._colors.blue[5]});${$}--3-2:var(${c._colors.pink[5]});${$}--1:linear-gradient(var(${$}--deg),var(${$}--1-1),var(${$}--1-2));${$}--2:linear-gradient(var(${$}--deg),var(${$}--2-1),var(${$}--2-2));${$}--3:linear-gradient(var(${$}--deg),var(${$}--3-1),var(${$}--3-2))}`,i`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:none}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,i`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${c.clipBackground});position:absolute;top:0}`)],m);var u=m;export{m as Breath,u as default};
|
2
2
|
//# sourceMappingURL=breath.js.map
|
package/components/breath.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","
|
1
|
+
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","style1","number","__decorate","property","prototype","undefined","type","Number","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,aAAcC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK/D,WAAAH,CAAYI,GACpB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKa,SACtBb,KAAKa,SACJb,KAAKa,SAAWb,KAAKc,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAG1D,aAAAT,CAAcU,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWpB,KAAKoB,UAA4B,KAAT,EAANF,EAAU,GAC7C,IAAIG,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUJ,EAAKI,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZF,EAAWF,GAAQA,EAAMI,EAAS,sBAEwC5B,MAAa4B,SAAc5B,OAD7F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCF,gCAA6C,EAAND,iBAAuBA,MAC7F,EAANA,kBACeE,MA9CnBE,EAAA,CADCC,KACyB5B,EAAA6B,UAAA,eAAAC,GAM1BH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACFhC,EAAA6B,UAAA,gBAAAC,GAbZ9B,EAAM2B,EAAA,CANXM,EAAOpC,GACPqC,EACCC,CAAG,SAASrC,gBAAuBA,cAAqBsC,EAAcC,QAAQC,IAAI,OAAOxC,cAAqBsC,EAAcC,QAAQE,OAAO,OAAOzC,cAAqBsC,EAAcC,QAAQG,MAAM,OAAO1C,cAAqBsC,EAAcC,QAAQI,OAAO,OAAO3C,cAAqBsC,EAAcC,QAAQK,KAAK,OAAO5C,cAAqBsC,EAAcC,QAAQM,KAAK,OAAO7C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBqC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R5C,GAyDN,IAAA6C,EAAe7C"}
|
package/components/button.d.ts
CHANGED
@@ -17,11 +17,16 @@ declare const colors: Record<Colors, string>;
|
|
17
17
|
*/
|
18
18
|
declare class Button extends GlobalStyle {
|
19
19
|
/**
|
20
|
-
*
|
20
|
+
* If true, remove gradient, modal animation, focus scale.
|
21
|
+
*/
|
22
|
+
plain: boolean;
|
23
|
+
/**
|
24
|
+
* Whether this element is disabled or not.
|
21
25
|
*/
|
22
26
|
disabled: boolean;
|
23
27
|
/**
|
24
|
-
*
|
28
|
+
* Whether this element should be rendered as a "ghost" button.
|
29
|
+
* A ghost button is a button with a transparent background and a border.
|
25
30
|
*/
|
26
31
|
ghost: boolean;
|
27
32
|
/**
|
@@ -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,
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/button.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){${m}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}`,d`:host{${m}--padding-x:.5em;${m}--padding-y:min(calc(var(${m}--padding-x)/2),.125em);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.
|
1
|
+
import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this.plain||this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"plain",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){${m}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}:host([plain]){${m}--gradients:unset;${m}--focus-scale:unset}`,d`:host{${m}--padding-x:.5em;${m}--padding-y:min(calc(var(${m}--padding-x)/2),.125em);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.2em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;text-align:center;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;overflow:hidden;padding:var(${m}--padding);position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}[part=root],i{height:100%;width:100%}i{animation-duration:var(${m}--modal-animation-duration);background:var(${m}--modal-background,currentColor);border-radius:50%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible}@keyframes kf{0%{opacity:var(${m}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
|
2
2
|
//# sourceMappingURL=button.js.map
|
package/components/button.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","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,
|
1
|
+
{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","plain","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}
|
package/components/card.d.ts
CHANGED
@@ -12,7 +12,13 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
12
12
|
* @category display
|
13
13
|
*/
|
14
14
|
declare class Card extends GlobalStyle {
|
15
|
+
/**
|
16
|
+
* Whether to display the header.
|
17
|
+
*/
|
15
18
|
footer: boolean;
|
19
|
+
/**
|
20
|
+
* Whether to display the footer.
|
21
|
+
*/
|
16
22
|
header: boolean;
|
17
23
|
protected render(): TemplateResult<1>;
|
18
24
|
}
|
package/components/card.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAEM,IAAK,SAAQ,WAAW;
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/card.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as
|
1
|
+
import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as t,htmlSlot as d}from"@godown/element";import{css as i,html as a}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as p,GlobalStyle as h}from"../core/global-style.js";const b="card",m=l(b);let n=class Card extends h{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return a`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};r([s({type:Boolean})],n.prototype,"footer",void 0),r([s({type:Boolean})],n.prototype,"header",void 0),n=r([o(b),e(i`:host{${m}--border-width:.075em;${m}--border-color:var(${p.passive});${m}--padding:.5em;border-radius:.2em;border-width:var(${m}--border-width);display:block;flex-shrink:0}slot{display:block;padding:var(${m}--padding)}:host,slot{border-color:var(${m}--border-color);border-style:solid}[name=footer]{border-top-width:var(${m}--border-width)}[name=header]{border-bottom-width:var(${m}--border-width)}`)],n);var c=n;export{n as Card,c as default};
|
2
2
|
//# sourceMappingURL=card.js.map
|
package/components/card.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","cssGlobalVars","
|
1
|
+
{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","cssGlobalVars","passive","Card$1"],"mappings":"2RAOA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,QAAG,EAMTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,mBAEV,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAd/FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAMdL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAXVhB,EAAIW,EAAA,CAFTM,EAAOpB,GACPqB,EAAOC,CAAG,SAASrB,0BAAiCA,uBAA8BsB,EAAcC,YAAYvB,uDAA8DA,+EAAsFA,2CAAkDA,0EAAiFA,0DAAiEA,sBAC/bE,GAyBN,IAAAsB,EAAetB"}
|
package/components/carousel.d.ts
CHANGED
@@ -12,11 +12,11 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
12
12
|
*/
|
13
13
|
declare class Carousel extends GlobalStyle {
|
14
14
|
/**
|
15
|
-
* The index of the
|
15
|
+
* The index of the current item.
|
16
16
|
*/
|
17
17
|
index: number;
|
18
18
|
/**
|
19
|
-
*
|
19
|
+
* The duration of the transition.
|
20
20
|
*/
|
21
21
|
autoChange: number;
|
22
22
|
protected _moveRoot: HTMLElement;
|
package/components/details.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
|
-
import SuperOpenable from "../core/super-openable.js";
|
2
|
+
import { SuperOpenable } from "../core/super-openable.js";
|
3
3
|
/**
|
4
4
|
* {@linkcode Details} similar to `<details>`.
|
5
5
|
*
|
@@ -10,11 +10,11 @@ import SuperOpenable from "../core/super-openable.js";
|
|
10
10
|
*/
|
11
11
|
declare class Details extends SuperOpenable {
|
12
12
|
/**
|
13
|
-
*
|
13
|
+
* Determines whether the details component should fill the available space.
|
14
14
|
*/
|
15
15
|
fill: boolean;
|
16
16
|
/**
|
17
|
-
*
|
17
|
+
* The summary text to display in the details component.
|
18
18
|
*/
|
19
19
|
summary: string;
|
20
20
|
protected render(): TemplateResult<1>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;
|
1
|
+
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/components/dialog.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { type HandlerEvent } from "@godown/element";
|
2
2
|
import { type PropertyValues, type TemplateResult } from "lit";
|
3
|
-
import SuperOpenable from "../core/super-openable.js";
|
3
|
+
import { SuperOpenable } from "../core/super-openable.js";
|
4
|
+
import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } from "../core/direction.js";
|
4
5
|
/**
|
5
6
|
* {@linkcode Dialog} similar to `<dialog>`.
|
6
7
|
*
|
@@ -13,18 +14,20 @@ import SuperOpenable from "../core/super-openable.js";
|
|
13
14
|
*/
|
14
15
|
declare class Dialog extends SuperOpenable {
|
15
16
|
/**
|
16
|
-
*
|
17
|
-
* @deprecated
|
17
|
+
* The direction of the dialog container.
|
18
18
|
*/
|
19
|
-
direction:
|
19
|
+
direction: DirectionCardinal | DirectionCorner | DirectionCenter;
|
20
20
|
/**
|
21
|
-
*
|
21
|
+
* Indicates whether the dialog should be displayed as a modal.
|
22
22
|
*/
|
23
23
|
modal: boolean;
|
24
24
|
/**
|
25
|
-
*
|
25
|
+
* The keys will close the dialog when pressed.
|
26
26
|
*/
|
27
27
|
key: string;
|
28
|
+
/**
|
29
|
+
* Indicates whether the modal has been invoked.
|
30
|
+
*/
|
28
31
|
private __modalInvoke;
|
29
32
|
protected render(): TemplateResult<1>;
|
30
33
|
showModal(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,MAAM,2BAA2B,CAAC;
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,sBAAsB,CAAC;AAK9B;;;;;;;;;GASG;AACH,cAKM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;IAEjE;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/dialog.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as s}from"@godown/element";import{css as n,html as d}from"lit";import{property as a}from"lit/decorators.js";import{scopePrefix as r}from"../core/global-style.js";import l from"../core/super-openable.js";import{directionInsetAlign as h}from"../core/direction.js";const p="dialog",m=r(p);let v=class Dialog extends l{constructor(){super(...arguments),this.modal=!1,this.key="Escape",this.__modalInvoke=!1}render(){return d`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container" direction-inset-align>${s()}</div></div>`}showModal(){this.modal||(this.modal=!0,this.__modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this.open=!1}};t([a()],v.prototype,"direction",void 0),t([a({type:Boolean,reflect:!0})],v.prototype,"modal",void 0),t([a()],v.prototype,"key",void 0),v=t([o(p),e(h,n`:host{${m}--background:none;${m}--background-modal:#000;${m}--opacity-modal:0.2;background:var(${m}--background);inset:0;pointer-events:none;position:fixed;visibility:hidden;z-index:1}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{opacity:var(${m}--opacity-modal);pointer-events:all;visibility:visible}[part=modal]{background:var(${m}--background-modal);height:100%;opacity:0;position:absolute;visibility:hidden;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}`)],v);var c=v;export{v as Dialog,c as default};
|
2
2
|
//# sourceMappingURL=dialog.js.map
|
package/components/dialog.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","__modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","__modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","prototype","undefined","type","Boolean","reflect","godown","styles","directionInsetAlign","css","Dialog$1"],"mappings":"2VAaA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAKEF,KAAaG,eAAG,EAEd,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,uFAORC,kBAMV,SAAAC,GACOT,KAAKC,QACRD,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKU,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBb,KAAKc,MACPd,KAAKe,cAAgBf,KAAKgB,OAAOC,IAAIjB,KAAM,SAAUA,KAAKkB,eACtDlB,KAAKE,MACPF,KAAKmB,eAAiBnB,KAAKgB,OAAOC,IAAIG,SAAU,UAAWpB,KAAKqB,eAAeC,KAAKtB,UAGtFA,KAAKgB,OAAOO,OAAOvB,KAAM,SAAUA,KAAKe,eACxCf,KAAKgB,OAAOO,OAAOH,SAAU,UAAWpB,KAAKmB,kBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOzB,KAAKE,IAAIwB,MAAM,UACxBD,EAAKE,SAASH,EAAEtB,MAAQuB,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACF7B,KAAK8B,SAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,SACXR,EAAEK,iBACF7B,KAAK8B,SAIT,KAAAA,GACM9B,KAAKG,gBACPH,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKc,MAAO,IAjFdmB,EAAA,CADCC,KAC+DrC,EAAAsC,UAAA,iBAAAC,GAMhEH,EAAA,CADCC,EAAS,CAAEG,KAAMC,QAASC,SAAS,KACvB1C,EAAAsC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACarC,EAAAsC,UAAA,WAAAC,GAjBVvC,EAAMoC,EAAA,CALXO,EAAO9C,GACP+C,EACCC,EACAC,CAAG,SAAShD,sBAA6BA,4BAAmCA,uCAA8CA,wKAA+KA,uFAA8FA,iQAEnYE,GA0FN,IAAA+C,EAAe/C"}
|
package/components/divider.d.ts
CHANGED
package/components/heading.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/components/heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEnD
|
1
|
+
{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/components/heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEnD;;;;OAIG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAEhC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IASrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CAgB7D;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"heading.js","sources":["../src/components/heading.ts"],"sourcesContent":null,"names":["Heading","GlobalStyle","constructor","this","as","anchor","side","render","html","id","nothing","attr","observedRecord","wrapHeading","htmlSlot","children","__decorate","property","prototype","undefined","godown","styles","css","Heading$1"],"mappings":"oQAkBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAEC,GAA4C,
|
1
|
+
{"version":3,"file":"heading.js","sources":["../src/components/heading.ts"],"sourcesContent":null,"names":["Heading","GlobalStyle","constructor","this","as","anchor","side","render","html","id","nothing","attr","observedRecord","wrapHeading","htmlSlot","children","__decorate","property","prototype","undefined","godown","styles","css","Heading$1"],"mappings":"oQAkBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAEC,GAA4C,KAQ9CD,KAAME,OAAG,IAMTF,KAAIG,KAAqB,OAEf,MAAAC,GACR,OAAOC,CAAI,wBAGCL,KAAKM,GAAK,IAAMN,KAAKM,GAAKC,MAChCC,EAAKR,KAAKS,mBAEVT,KAAKU,YACLC,IACAX,KAAKM,GACDD,CAAI,oBACiBL,KAAKE,aAE1B,UAMF,WAAAQ,IAAeE,GACvB,OAAQZ,KAAKC,IACX,IAAK,KACH,OAAOI,CAAI,OACHO,SAEV,IAAK,KACH,OAAOP,CAAI,OACHO,SAEV,IAAK,KACH,OAAOP,CAAI,OACHO,SAEV,IAAK,KACH,OAAOP,CAAI,OACHO,SAEV,IAAK,KACH,OAAOP,CAAI,OACHO,SAEV,QACE,OAAOP,CAAI,OACHO,YA3DdC,EAAA,CADCC,KACiDjB,EAAAkB,UAAA,UAAAC,GAQlDH,EAAA,CADCC,KACWjB,EAAAkB,UAAA,cAAAC,GAMZH,EAAA,CADCC,KAC8BjB,EAAAkB,UAAA,YAAAC,GAnB3BnB,EAAOgB,EAAA,CAFZI,EAViB,WAWjBC,EAAOC,CAAG,8TACLtB,GAsEN,IAAAuB,EAAevB"}
|
package/components/input.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
|
-
import SuperInput from "../core/super-input.js";
|
2
|
+
import { SuperInput } from "../core/super-input.js";
|
3
3
|
/**
|
4
4
|
* {@linkcode Input} renders a text input.
|
5
5
|
*
|
@@ -16,7 +16,7 @@ declare class Input extends SuperInput {
|
|
16
16
|
variant: "default" | "outline";
|
17
17
|
protected _input: HTMLInputElement;
|
18
18
|
protected render(): TemplateResult<1>;
|
19
|
-
|
19
|
+
protected _renderSuffix(): TemplateResult<1>;
|
20
20
|
}
|
21
21
|
export default Input;
|
22
22
|
export { Input };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/components/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD;;;;;;GAMG;AACH,cAEM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAM7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/input.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{part as i,godown as e,styles as
|
1
|
+
import{__decorate as t}from"tslib";import{part as i,godown as e,styles as o,attr as r,tokenList as s,htmlSlot as a}from"@godown/element";import p from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as u,html as n,nothing as l}from"lit";import{property as h}from"lit/decorators.js";import{cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as c}from"../core/super-input.js";let f=class Input extends c{constructor(){super(...arguments),this.type="text",this.variant="default"}render(){return n`<div part="root" ${r(this.observedRecord)} class="${s("input-field",this.variant)}">${[this._renderPrefix(),n`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||l}" autocomplete="${this.autocomplete||l}" placeholder="${this.placeholder||l}" id="${this.makeId}" @input="${this._handleInput}">`,this._renderSuffix()]}</div>`}_renderSuffix(){const t="password";return n`<label for="${this.makeId}" part="suffix">${this.type===t?n`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${p()}</i>`:a("suffix")}</label>`}};t([h()],f.prototype,"variant",void 0),t([i("input")],f.prototype,"_input",void 0),f=t([e("input"),o(u`:host{display:block;height:var(${d.input}-height);width:var(${d.input}-width)}.outline,:host(:focus-within){${d.input}-outline-color:var(${d.active})}`)],f);var m=f;export{f as Input,m as default};
|
2
2
|
//# sourceMappingURL=input.js.map
|
package/components/input.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","tokenList","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_renderSuffix","
|
1
|
+
{"version":3,"file":"input.js","sources":["../src/components/input.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","this","type","variant","render","html","attr","observedRecord","tokenList","_renderPrefix","value","autofocus","disabled","autocapitalize","nothing","autocomplete","placeholder","makeId","_handleInput","_renderSuffix","PASSWORD","_changeInputType","iconEyeSlashFill","htmlSlot","__decorate","property","prototype","undefined","part","godown","styles","css","cssGlobalVars","input","active","Input$1"],"mappings":"0YAmBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAIC,KAA6D,OAQjED,KAAOE,QAA0B,UAKvB,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0BACHC,EAAU,cAAeP,KAAKE,aAErC,CACAF,KAAKQ,gBACLJ,CAAI,6BAGQJ,KAAKC,iBACHD,KAAKS,sBACDT,KAAKU,yBACNV,KAAKW,6BACAX,KAAKY,gBAAkBC,oBACzBb,KAAKc,cAAgBD,mBACtBb,KAAKe,aAAeF,UAC7Bb,KAAKgB,mBACDhB,KAAKiB,iBAGnBjB,KAAKkB,yBAMH,aAAAA,GACR,MAAMC,EAAW,WACjB,OAAOf,CAAI,eAEDJ,KAAKgB,yBAGThB,KAAKC,OAASkB,EACZf,CAAI,8BAGc,IAAMJ,KAAKoB,iBAAiB,sBAC9B,IAAMpB,KAAKoB,iBAAiBD,oBACzB,IAAMnB,KAAKoB,iBAAiBD,OAEzCE,UAGNC,EAAS,sBApDnBC,EAAA,CADCC,KACyC3B,EAAA4B,UAAA,eAAAC,GAGhCH,EAAA,CADTI,EAAK,UAC4B9B,EAAA4B,UAAA,cAAAC,GAZ9B7B,EAAK0B,EAAA,CAFVK,EATiB,SAUjBC,EAAOC,CAAG,kCAAkCC,EAAcC,2BAA2BD,EAAcC,8CAA8CD,EAAcC,2BAA2BD,EAAcE,aACnMpC,GAmEN,IAAAqC,EAAerC"}
|
package/components/link.d.ts
CHANGED
package/components/link.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../src/components/link.ts"],"names":[],"mappings":"AAGA,OAAO,WAAW,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../src/components/link.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAKtD,QAAA,MAAM,SAAS;;;;;CAKL,CAAC;AAEX,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,cACM,IAAK,SAAQ,WAAW;IAC5B;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,CAAkB;IAEhC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IACH,KAAK,KAAM;IAEX,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA0B3C,WAAW,EAAE,MAAM,IAAI,CAcrB;CACH;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/link.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element";import{property as s}from"lit/decorators.js";import r
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element";import{property as s}from"lit/decorators.js";import{SuperAnchor as r}from"../core/super-anchor.js";import o from"./router.js";const a="push",p="replace",i="normal",h="auto";let n=class Link extends r{constructor(){super(...arguments),this.type=h,this.suppress=!1,this.replace=!1,this.state={},this.handleState=()=>{switch(this.type){case h:case a:if(!this.replace){history.pushState(this.state,"",this.href);break}case p:history.replaceState(this.state,"",this.href)}}}_handleClick(t){const{state:e,type:s,href:r,pathname:a,suppress:p}=this;if(this.dispatchCustomEvent("navigate",{...this.observedRecord,pathname:a,state:e}),r.startsWith("#")||s===i)return;this.handleState();const n=[...o.routerInstances];p||s===h&&!n.some((t=>t.search(location.pathname)))||(t.preventDefault(),o.routerInstances.forEach((t=>{t.handlePopstate()})))}};t([s()],n.prototype,"type",void 0),t([s({type:Boolean})],n.prototype,"suppress",void 0),t([s({type:Boolean})],n.prototype,"replace",void 0),n=t([e("link")],n);var c=n;export{n as Link,c as default};
|
2
2
|
//# sourceMappingURL=link.js.map
|
package/components/link.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":["linkTypes","Link","SuperAnchor","constructor","this","type","suppress","replace","state","handleState","history","pushState","href","replaceState","_handleClick","e","pathname","dispatchCustomEvent","observedRecord","startsWith","routers","Router","routerInstances","some","i","search","location","preventDefault","forEach","handlePopstate","__decorate","property","prototype","undefined","Boolean","godown","Link$1"],"mappings":"
|
1
|
+
{"version":3,"file":"link.js","sources":["../src/components/link.ts"],"sourcesContent":null,"names":["linkTypes","Link","SuperAnchor","constructor","this","type","suppress","replace","state","handleState","history","pushState","href","replaceState","_handleClick","e","pathname","dispatchCustomEvent","observedRecord","startsWith","routers","Router","routerInstances","some","i","search","location","preventDefault","forEach","handlePopstate","__decorate","property","prototype","undefined","Boolean","godown","Link$1"],"mappings":"0MAMA,MAEMA,EACE,OADFA,EAEK,UAFLA,EAGI,SAHJA,EAIE,OAyBR,IAAMC,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBASEC,KAAAC,KAAiBL,EAMjBI,KAAQE,UAAG,EAMXF,KAAOG,SAAG,EAKVH,KAAKI,MAAG,CAAE,EA4BVJ,KAAWK,YAAe,KACxB,OAAQL,KAAKC,MACX,KAAKL,EACL,KAAKA,EACH,IAAKI,KAAKG,QAAS,CAEjBG,QAAQC,UAAUP,KAAKI,MAAO,GAAIJ,KAAKQ,MACvC,MAGJ,KAAKZ,EACHU,QAAQG,aAAaT,KAAKI,MAAO,GAAIJ,KAAKQ,QArCtC,YAAAE,CAAaC,GACrB,MAAMP,MAAEA,EAAKH,KAAEA,EAAIO,KAAEA,EAAII,SAAEA,EAAQV,SAAEA,GAAaF,KAMlD,GALAA,KAAKa,oBAAoB,WAAY,IAChCb,KAAKc,eACRF,WACAR,UAEEI,EAAKO,WAAW,MAAQd,IAASL,EACnC,OAEFI,KAAKK,cACL,MAAMW,EAAU,IAAIC,EAAOC,iBAGxBhB,GACAD,IAASL,IAERoB,EAAQG,MAAMC,GAAMA,EAAEC,OAAOC,SAASV,cAExCD,EAAEY,iBACFN,EAAOC,gBAAgBM,SAASJ,IAC9BA,EAAEK,gBAAgB,OAxCxBC,EAAA,CADCC,KAC8B9B,EAAA+B,UAAA,YAAAC,GAM/BH,EAAA,CADCC,EAAS,CAAE1B,KAAM6B,WACFjC,EAAA+B,UAAA,gBAAAC,GAMhBH,EAAA,CADCC,EAAS,CAAE1B,KAAM6B,WACHjC,EAAA+B,UAAA,eAAAC,GArBXhC,EAAI6B,EAAA,CADTK,EA9BiB,SA+BZlC,GAuEN,IAAAmC,EAAenC"}
|
package/components/progress.d.ts
CHANGED
@@ -10,13 +10,6 @@ declare class Progress extends GlobalStyle {
|
|
10
10
|
min: number;
|
11
11
|
value: number;
|
12
12
|
protected render(): TemplateResult<1>;
|
13
|
-
/**
|
14
|
-
* Convert s to a percentage without a percent sign.
|
15
|
-
*
|
16
|
-
* @param s String or number to convert.
|
17
|
-
* @returns Percentage without a percent sign.
|
18
|
-
*/
|
19
|
-
parsePercent(s?: string | number): number;
|
20
13
|
}
|
21
14
|
export default Progress;
|
22
15
|
export { Progress };
|