smoothly 0.2.5 → 0.2.6
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-accordion_51.cjs.entry.js +2 -2
- package/dist/collection/components/table/expandable/row/index.js +1 -2
- package/dist/collection/components/table/expandable/row/style.css +3 -10
- package/dist/custom-elements/index.js +2 -2
- package/dist/esm/smoothly-accordion_51.entry.js +2 -2
- package/dist/smoothly/{p-332b1c90.entry.js → p-dfc1b7ca.entry.js} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
|
@@ -47199,7 +47199,7 @@ const TableExpandableCell = class {
|
|
|
47199
47199
|
};
|
|
47200
47200
|
TableExpandableCell.style = styleCss$4;
|
|
47201
47201
|
|
|
47202
|
-
const styleCss$3 = ".sc-smoothly-table-expandable-row-h{display:table-row
|
|
47202
|
+
const styleCss$3 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));border:2px solid rgb(var(--smoothly-dark-color));border-bottom:none}.sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{width:0.6rem;height:1rem;margin-top:-1rem;margin-left:-1rem;transition:transform 0.2s}[open].sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{transform:rotate(90deg)}.hide.sc-smoothly-table-expandable-row{display:none}.slot-detail.sc-smoothly-table-expandable-row{position:relative;background-color:rgb(var(--smoothly-default-color));width:104%;left:-2%;border-left-style:solid;border-left-color:rgb(var(--smoothly-tertiary-color));box-shadow:0px 0px 4px 2px rgb(var(--smoothly-dark-color));box-sizing:border-box;padding:0.5rem 2%}";
|
|
47203
47203
|
|
|
47204
47204
|
const TableExpandableRow = class {
|
|
47205
47205
|
constructor(hostRef) {
|
|
@@ -47221,7 +47221,7 @@ const TableExpandableRow = class {
|
|
|
47221
47221
|
this.element.after(this.expansionElement);
|
|
47222
47222
|
}
|
|
47223
47223
|
render() {
|
|
47224
|
-
return (index.h(index.Host, { style: { textAlign: this.align } }, index.h("slot", null), index.h("
|
|
47224
|
+
return (index.h(index.Host, { style: { textAlign: this.align } }, index.h("slot", null), index.h("smoothly-icon", { name: "chevron-forward", size: "tiny" }), index.h("tr", { ref: e => (this.expansionElement = e) }, index.h("td", { colSpan: 999, class: !this.open ? "hide" : "" }, index.h("div", { class: "slot-detail" }, index.h("slot", { name: "detail" }))))));
|
|
47225
47225
|
}
|
|
47226
47226
|
get element() { return index.getElement(this); }
|
|
47227
47227
|
static get watchers() { return {
|
|
@@ -19,8 +19,7 @@ export class TableExpandableRow {
|
|
|
19
19
|
render() {
|
|
20
20
|
return (h(Host, { style: { textAlign: this.align } },
|
|
21
21
|
h("slot", null),
|
|
22
|
-
h("
|
|
23
|
-
h("smoothly-icon", { name: "chevron-forward", size: "tiny" })),
|
|
22
|
+
h("smoothly-icon", { name: "chevron-forward", size: "tiny" }),
|
|
24
23
|
h("tr", { ref: e => (this.expansionElement = e) },
|
|
25
24
|
h("td", { colSpan: 999, class: !this.open ? "hide" : "" },
|
|
26
25
|
h("div", { class: "slot-detail" },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
display: table-row
|
|
2
|
+
display: table-row;
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
line-height: 1.5rem;
|
|
5
5
|
}
|
|
@@ -13,20 +13,14 @@
|
|
|
13
13
|
:host smoothly-icon {
|
|
14
14
|
width: 0.6rem;
|
|
15
15
|
height: 1rem;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
top: -1.8rem;
|
|
16
|
+
margin-top: -1rem;
|
|
17
|
+
margin-left: -1rem;
|
|
19
18
|
transition: transform 0.2s;
|
|
20
19
|
}
|
|
21
20
|
:host[open] smoothly-icon {
|
|
22
21
|
transform: rotate(90deg);
|
|
23
22
|
}
|
|
24
23
|
|
|
25
|
-
aside {
|
|
26
|
-
display: table-row;
|
|
27
|
-
position: relative;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
24
|
.hide {
|
|
31
25
|
display: none;
|
|
32
26
|
}
|
|
@@ -41,4 +35,3 @@ aside {
|
|
|
41
35
|
box-sizing: border-box;
|
|
42
36
|
padding: 0.5rem 2%;
|
|
43
37
|
}
|
|
44
|
-
|
|
@@ -48913,7 +48913,7 @@ const TableExpandableCell = class extends HTMLElement {
|
|
|
48913
48913
|
static get style() { return styleCss$6; }
|
|
48914
48914
|
};
|
|
48915
48915
|
|
|
48916
|
-
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row
|
|
48916
|
+
const styleCss$5 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));border:2px solid rgb(var(--smoothly-dark-color));border-bottom:none}.sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{width:0.6rem;height:1rem;margin-top:-1rem;margin-left:-1rem;transition:transform 0.2s}[open].sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{transform:rotate(90deg)}.hide.sc-smoothly-table-expandable-row{display:none}.slot-detail.sc-smoothly-table-expandable-row{position:relative;background-color:rgb(var(--smoothly-default-color));width:104%;left:-2%;border-left-style:solid;border-left-color:rgb(var(--smoothly-tertiary-color));box-shadow:0px 0px 4px 2px rgb(var(--smoothly-dark-color));box-sizing:border-box;padding:0.5rem 2%}";
|
|
48917
48917
|
|
|
48918
48918
|
const TableExpandableRow = class extends HTMLElement {
|
|
48919
48919
|
constructor() {
|
|
@@ -48936,7 +48936,7 @@ const TableExpandableRow = class extends HTMLElement {
|
|
|
48936
48936
|
this.element.after(this.expansionElement);
|
|
48937
48937
|
}
|
|
48938
48938
|
render() {
|
|
48939
|
-
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("
|
|
48939
|
+
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("smoothly-icon", { name: "chevron-forward", size: "tiny" }), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 999, class: !this.open ? "hide" : "" }, h("div", { class: "slot-detail" }, h("slot", { name: "detail" }))))));
|
|
48940
48940
|
}
|
|
48941
48941
|
get element() { return this; }
|
|
48942
48942
|
static get watchers() { return {
|
|
@@ -47195,7 +47195,7 @@ const TableExpandableCell = class {
|
|
|
47195
47195
|
};
|
|
47196
47196
|
TableExpandableCell.style = styleCss$4;
|
|
47197
47197
|
|
|
47198
|
-
const styleCss$3 = ".sc-smoothly-table-expandable-row-h{display:table-row
|
|
47198
|
+
const styleCss$3 = ".sc-smoothly-table-expandable-row-h{display:table-row;cursor:pointer;line-height:1.5rem}[open].sc-smoothly-table-expandable-row-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-default-color));border:2px solid rgb(var(--smoothly-dark-color));border-bottom:none}.sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{width:0.6rem;height:1rem;margin-top:-1rem;margin-left:-1rem;transition:transform 0.2s}[open].sc-smoothly-table-expandable-row-h smoothly-icon.sc-smoothly-table-expandable-row{transform:rotate(90deg)}.hide.sc-smoothly-table-expandable-row{display:none}.slot-detail.sc-smoothly-table-expandable-row{position:relative;background-color:rgb(var(--smoothly-default-color));width:104%;left:-2%;border-left-style:solid;border-left-color:rgb(var(--smoothly-tertiary-color));box-shadow:0px 0px 4px 2px rgb(var(--smoothly-dark-color));box-sizing:border-box;padding:0.5rem 2%}";
|
|
47199
47199
|
|
|
47200
47200
|
const TableExpandableRow = class {
|
|
47201
47201
|
constructor(hostRef) {
|
|
@@ -47217,7 +47217,7 @@ const TableExpandableRow = class {
|
|
|
47217
47217
|
this.element.after(this.expansionElement);
|
|
47218
47218
|
}
|
|
47219
47219
|
render() {
|
|
47220
|
-
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("
|
|
47220
|
+
return (h(Host, { style: { textAlign: this.align } }, h("slot", null), h("smoothly-icon", { name: "chevron-forward", size: "tiny" }), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 999, class: !this.open ? "hide" : "" }, h("div", { class: "slot-detail" }, h("slot", { name: "detail" }))))));
|
|
47221
47221
|
}
|
|
47222
47222
|
get element() { return getElement(this); }
|
|
47223
47223
|
static get watchers() { return {
|