smoothly 1.110.0 → 1.111.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/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
- package/dist/components/p-CG636AEF.js.map +1 -1
- package/dist/components/p-DBuVH8IL.js.map +1 -1
- package/dist/components/p-DZ4ogW8V.js.map +1 -1
- package/dist/esm/smoothly-app_98.entry.js.map +1 -1
- package/dist/smoothly/p-0a7de225.entry.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styleCss","SmoothlyTableExpandableRow","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","clickHandler","event","clickedOnDetail","div","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableRowChange","emit","render","h","Host","key","onClick","e","class","ref","name"],"sources":["src/components/table/expandable/row/style.scss?tag=smoothly-table-expandable-row&encapsulation=scoped","src/components/table/expandable/row/index.tsx"],"sourcesContent":["@
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyTableExpandableRow","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","clickHandler","event","clickedOnDetail","div","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableRowChange","emit","render","h","Host","key","onClick","e","class","ref","name"],"sources":["src/components/table/expandable/row/style.scss?tag=smoothly-table-expandable-row&encapsulation=scoped","src/components/table/expandable/row/index.tsx"],"sourcesContent":["@use \"../arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tgrid-template-rows: auto 0fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border));\n}\n\n:host::slotted(.smoothly-table-cell) {\n\tgrid: subgrid;\n\tcursor: pointer;\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n\n:host:has(>.smoothly-table-cell:hover) {\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n}\n\n:host[open] {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tgrid-template-rows: auto 1fr;\n\tbox-shadow: 0px 1px 1px -1px rgb(var(--smoothly-table-border)),\n\t\t0px 0px 1px rgb(var(--smoothly-table-border)) inset;\n\tgrid-template-rows: 0fr 1fr;\n}\n\n:host(:not([open])) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tcursor: default;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host > .smoothly-table-cell:first-of-type {\n\t@include arrow.arrow;\n}\n\n:host:has(>.smoothly-table-cell:hover) > .smoothly-table-cell:first-of-type {\n\t@include arrow.arrow-hover;\n}\n\n:host[open] > .smoothly-table-cell:first-of-type {\n\t@include arrow.arrow-open;\n}\n\n:host[open] > div.smoothly-table-detail {\n\toverflow: visible;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-row\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableRow {\n\tprivate div?: HTMLDivElement\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableRowChange: EventEmitter<boolean>\n\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.div && event.composedPath().includes(this.div)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\t\tthis.open = !this.open\n\t\t\t}\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableRowChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host onClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<slot />\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={e => (this.div = e)}>\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,07G,MCOVC,EAA0BC,EAAA,MAAAD,UAAAE,EALvC,WAAAC,CAAAC,G,6HAOyCC,KAAAC,KAAO,KA2B/C,CAxBA,YAAAC,CAAaC,G,QACZ,MAAMC,EAAkBJ,KAAKK,KAAOF,EAAMG,eAAeC,SAASP,KAAKK,KACvE,IAAKD,EAAiB,CACrB,MAAMI,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCd,KAAKC,MAAQD,KAAKC,I,GAKrB,UAAAe,GACChB,KAAKiB,iCAAiCC,KAAKlB,KAAKC,K,CAGjD,MAAAkB,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,QAAUC,GAAkBxB,KAAKE,aAAasB,IACnDJ,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKG,MAAO,wBAAyBC,IAAKF,GAAMxB,KAAKK,IAAMmB,GAC1DJ,EAAA,QAAAE,IAAA,2CAAMK,KAAK,Y","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styleCss","SmoothlyTableRowGroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","align","open","clickHandler","selection","_a","window","getSelection","toString","trim","_b","length","smoothlyTableRowGroupChange","emit","render","h","Host","key","onClick","name"],"sources":["src/components/table/group/style.scss?tag=smoothly-table-row-group&encapsulation=scoped","src/components/table/group/index.tsx"],"sourcesContent":["@
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyTableRowGroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","align","open","clickHandler","selection","_a","window","getSelection","toString","trim","_b","length","smoothlyTableRowGroupChange","emit","render","h","Host","key","onClick","name"],"sources":["src/components/table/group/style.scss?tag=smoothly-table-row-group&encapsulation=scoped","src/components/table/group/index.tsx"],"sourcesContent":["@use \"../expandable/arrow.scss\";\n\n:host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tmargin-top: 1px;\n}\n\n:host > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tposition: relative;\n\tcursor: pointer;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbackground-color: rgb(var(--smoothly-default-tint));\n\tborder-bottom: 1px solid rgb(var(--smoothly-default-shade));\n\t@include arrow.arrow;\n}\n\n:host > div:first-child:hover {\n\t@include arrow.arrow-hover;\n\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\tbackground-color: rgb(var(--smoothly-table-hover-background));\n}\n\n:host[open] > div:first-child {\n\t@include arrow.arrow-open;\n}\n\n:host > div:last-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child {\n\tgrid-template-columns: subgrid;\n}\n\n:host[align] > div:first-child > div {\n\tdisplay: contents;\n}\n\n:host[align] > div:first-child > div > * {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n}\n\n:host:not([align]) > div:first-child {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\talign-items: center;\n\tgrid-template-columns: repeat(2, auto);\n\tjustify-content: space-between;\n}\n\n:host:not([align]) > div:first-child > div:first-child {\n\tjustify-self: start;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([align]) > div:first-child > div:last-child {\n\tjustify-self: end;\n\tdisplay: flex;\n\tgap: 1rem;\n}\n\n:host:not([open]) {\n\tgrid-template-rows: auto 0fr;\n}\n\n:host:not([open]) > div:last-child {\n\tgrid-row: 2;\n\toverflow: hidden;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-row-group\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableRowGroup {\n\t@Prop({ reflect: true }) align = false\n\t@Prop({ reflect: true, mutable: true }) open = false\n\t@Event() smoothlyTableRowGroupChange: EventEmitter<boolean>\n\n\tclickHandler(): void {\n\t\tconst selection = window.getSelection()?.toString().trim()\n\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.smoothlyTableRowGroupChange.emit(this.open)\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div onClick={() => this.clickHandler()}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"start\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wF,MCOVC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,mHAM0BC,KAAAC,MAAQ,MACOD,KAAAE,KAAO,KA4B/C,CAzBA,YAAAC,G,QACC,MAAMC,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCV,KAAKE,MAAQF,KAAKE,KAClBF,KAAKY,4BAA4BC,KAAKb,KAAKE,K,EAI7C,MAAAY,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,OAAAE,IAAA,2CAAKC,QAAS,IAAMlB,KAAKG,gBACxBY,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,WAEbJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAME,KAAM,UAGdJ,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styleCss","SmoothlyTableExpandableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","span","open","componentWillLoad","smoothlyTableExpandableCellRegister","emit","close","clickHandler","event","clickedOnDetail","detailElement","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableCellChange","render","h","Host","key","style","onClick","e","class","ref","el","name"],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@
|
|
1
|
+
{"version":3,"names":["styleCss","SmoothlyTableExpandableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","span","open","componentWillLoad","smoothlyTableExpandableCellRegister","emit","close","clickHandler","event","clickedOnDetail","detailElement","composedPath","includes","selection","_a","window","getSelection","toString","trim","_b","length","openChange","smoothlyTableExpandableCellChange","render","h","Host","key","style","onClick","e","class","ref","el","name"],"sources":["src/components/table/expandable/cell/style.scss?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":["@use \"../arrow.scss\";\n\n:host {\n\tdisplay: contents;\n}\n\n:host > div.content {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\tbox-sizing: border-box;\n\talign-items: center;\n\twhite-space: nowrap;\n\t@include arrow.arrow;\n\n\t&:hover {\n\t\t@include arrow.arrow-hover;\n\t\tbackground-color: rgb(var(--smoothly-table-hover-background));\n\t\tcolor: rgb(var(--smoothly-table-hover-foreground));\n\t\tstroke: rgb(var(--smoothly-table-hover-foreground));\n\t\tfill: rgb(var(--smoothly-table-hover-foreground));\n\t}\n}\n\n:host[open] > div.content {\n\t@include arrow.arrow-open;\n}\n\n:host > div:first-child {\n\tcursor: pointer;\n}\n\n:host > div.smoothly-table-detail {\n\tgrid-column: 1 / -1;\n\tgrid-row: 2;\n\tposition: relative;\n\tpadding-block: var(--smoothly-table-detail-padding-block, 0.5rem);\n\tpadding-inline: var(--smoothly-table-detail-padding-inline, 1.1rem);\n}\n\n:host[open] > div.content {\n\tbox-shadow: 1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset,\n\t\t-3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset;\n}\n\n:host[open] > div {\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tcolor: rgb(var(--smoothly-table-expanded-foreground));\n\tstroke: rgb(var(--smoothly-table-expanded-foreground));\n\tfill: rgb(var(--smoothly-table-expanded-foreground));\n}\n\n:host:not([open]) > div.smoothly-table-detail {\n\tdisplay: none;\n}\n\n:host > div.smoothly-table-detail::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tborder-left: 0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));\n\tbox-shadow: 2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n\n:host > div.smoothly-table-detail::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: 0;\n\tbottom: 0;\n\tright: -1em;\n\twidth: 1em;\n\tbackground-color: rgb(var(--smoothly-table-expanded-background));\n\tbox-shadow: -2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)),\n\t\t0px 0px 1px 0px rgb(var(--smoothly-table-border));\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, VNode, Watch } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyTableExpandableCell {\n\tprivate detailElement?: HTMLDivElement\n\t@Prop({ reflect: true }) span?: number = 1\n\t@Prop({ mutable: true, reflect: true }) open = false\n\t@Event() smoothlyTableExpandableCellChange: EventEmitter<boolean>\n\t@Event() smoothlyTableExpandableCellRegister: EventEmitter<void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyTableExpandableCellRegister.emit()\n\t}\n\t@Method()\n\tasync close(): Promise<void> {\n\t\tthis.open = false\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tconst clickedOnDetail = this.detailElement && event.composedPath().includes(this.detailElement)\n\t\tif (!clickedOnDetail) {\n\t\t\tconst selection = window.getSelection()?.toString().trim()\n\t\t\tif ((selection?.length ?? 0) == 0) {\n\t\t\t\tthis.open = !this.open\n\t\t\t}\n\t\t}\n\t}\n\t@Watch(\"open\")\n\topenChange() {\n\t\tthis.smoothlyTableExpandableCellChange.emit(this.open)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}>\n\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<div class={\"smoothly-table-detail\"} ref={(el: HTMLDivElement) => (this.detailElement = el)}>\n\t\t\t\t\t<slot name={\"detail\"} />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"uEAAA,MAAMA,EAAW,IAAM,4wG,MCMVC,EAA2BC,EAAA,MAAAD,UAAAE,EALxC,WAAAC,CAAAC,G,sNAO0BC,KAAAC,KAAgB,EACDD,KAAAE,KAAO,KAsC/C,CAnCA,iBAAAC,GACCH,KAAKI,oCAAoCC,M,CAG1C,WAAMC,GACLN,KAAKE,KAAO,K,CAEb,YAAAK,CAAaC,G,QACZ,MAAMC,EAAkBT,KAAKU,eAAiBF,EAAMG,eAAeC,SAASZ,KAAKU,eACjF,IAAKD,EAAiB,CACrB,MAAMI,GAAYC,EAAAC,OAAOC,kBAAc,MAAAF,SAAA,SAAAA,EAAEG,WAAWC,OACpD,KAAKC,EAAAN,IAAS,MAATA,SAAS,SAATA,EAAWO,UAAM,MAAAD,SAAA,EAAAA,EAAI,IAAM,EAAG,CAClCnB,KAAKE,MAAQF,KAAKE,I,GAKrB,UAAAmB,GACCrB,KAAKsB,kCAAkCjB,KAAKL,KAAKE,K,CAGlD,MAAAqB,G,MACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,CAAE,8BAA8Bb,EAAAd,KAAKC,QAAI,MAAAa,SAAA,SAAAA,EAAEG,SAAS,KAC3DW,QAAUC,GAAkB7B,KAAKO,aAAasB,IAC9CL,EAAA,OAAAE,IAAA,2CAAKI,MAAO,WACXN,EAAA,QAAAE,IAAA,8CAEDF,EAAA,OAAAE,IAAA,2CAAKI,MAAO,wBAAyBC,IAAMC,GAAwBhC,KAAKU,cAAgBsB,GACvFR,EAAA,QAAAE,IAAA,2CAAMO,KAAM,Y","ignoreList":[]}
|