smoothly 1.0.1-alpha.2 → 1.0.1-alpha.4
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_81.cjs.entry.js +9 -3
- package/dist/cjs/smoothly-app_81.cjs.entry.js.map +1 -1
- package/dist/collection/components/form/index.js +48 -0
- package/dist/collection/components/form/index.js.map +1 -1
- package/dist/collection/components/table/cell/style.css +1 -1
- package/dist/collection/components/table/expandable/cell/style.css +3 -3
- package/dist/collection/components/table/header/style.css +1 -1
- package/dist/custom-elements/index.js +9 -3
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/smoothly-app_81.entry.js +9 -3
- package/dist/esm/smoothly-app_81.entry.js.map +1 -1
- package/dist/smoothly/p-72c1575b.entry.js +2 -0
- package/dist/smoothly/p-72c1575b.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/form/index.d.ts +3 -0
- package/dist/types/components.d.ts +3 -0
- package/package.json +1 -1
- package/dist/smoothly/p-cf196a58.entry.js +0 -2
- package/dist/smoothly/p-cf196a58.entry.js.map +0 -1
|
@@ -7613,6 +7613,9 @@ const SmoothlyForm = class {
|
|
|
7613
7613
|
index.registerInstance(this, hostRef);
|
|
7614
7614
|
this.smoothlyFormInput = index.createEvent(this, "smoothlyFormInput", 7);
|
|
7615
7615
|
this.smoothlyFormSubmit = index.createEvent(this, "smoothlyFormSubmit", 7);
|
|
7616
|
+
this.smoothlyFormReset = index.createEvent(this, "smoothlyFormReset", 7);
|
|
7617
|
+
this.smoothlyFormEdit = index.createEvent(this, "smoothlyFormEdit", 7);
|
|
7618
|
+
this.smoothlyFormClear = index.createEvent(this, "smoothlyFormClear", 7);
|
|
7616
7619
|
this.notice = index.createEvent(this, "notice", 7);
|
|
7617
7620
|
this.inputs = new Map();
|
|
7618
7621
|
this.readonlyAtLoad = this.readonly;
|
|
@@ -7706,18 +7709,21 @@ const SmoothlyForm = class {
|
|
|
7706
7709
|
this.inputs.forEach(input => {
|
|
7707
7710
|
Clearable.is(input) && input.clear();
|
|
7708
7711
|
});
|
|
7712
|
+
this.smoothlyFormClear.emit();
|
|
7709
7713
|
}
|
|
7710
7714
|
async edit(editable) {
|
|
7711
7715
|
this.inputs.forEach(input => {
|
|
7712
7716
|
Editable.Element.type.is(input) && input.edit(editable);
|
|
7713
7717
|
});
|
|
7714
7718
|
this.readonly = !editable;
|
|
7719
|
+
this.smoothlyFormEdit.emit(editable);
|
|
7715
7720
|
}
|
|
7716
7721
|
async reset() {
|
|
7717
7722
|
this.inputs.forEach(input => {
|
|
7718
7723
|
Editable.Element.type.is(input) && input.reset();
|
|
7719
7724
|
});
|
|
7720
7725
|
this.changed = [...this.inputs.values()].some(input => (Editable.type.is(input) ? input.changed : true));
|
|
7726
|
+
this.smoothlyFormReset.emit();
|
|
7721
7727
|
}
|
|
7722
7728
|
async setInitialValue() {
|
|
7723
7729
|
this.inputs.forEach(input => {
|
|
@@ -10633,7 +10639,7 @@ const Table = class {
|
|
|
10633
10639
|
};
|
|
10634
10640
|
Table.style = styleCss$g;
|
|
10635
10641
|
|
|
10636
|
-
const styleCss$f = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem
|
|
10642
|
+
const styleCss$f = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem .5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}.sc-smoothly-table-cell-h smoothly-icon.sc-smoothly-table-cell{display:none;width:1em;height:auto;aspect-ratio:1 / 1;margin:0 0.3rem;transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-table-cell-h:hover smoothly-icon.sc-smoothly-table-cell{opacity:1}smoothly-table-expandable-row>div .sc-smoothly-table-cell-h:last-of-type smoothly-icon.sc-smoothly-table-cell{display:flex}smoothly-table-expandable-row[open]>div .sc-smoothly-table-cell-h:last-of-type smoothly-icon.sc-smoothly-table-cell{transform:rotate(90deg)}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:grid;grid-template-columns:1fr auto;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";
|
|
10637
10643
|
|
|
10638
10644
|
const TableCell = class {
|
|
10639
10645
|
constructor(hostRef) {
|
|
@@ -10743,7 +10749,7 @@ const names = {
|
|
|
10743
10749
|
};
|
|
10744
10750
|
TableDemoFiltered.style = styleCss$d;
|
|
10745
10751
|
|
|
10746
|
-
const styleCss$c = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0 0.3rem 0;cursor:pointer;line-height:1.5rem}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:1em;padding:0
|
|
10752
|
+
const styleCss$c = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0.5rem 0.3rem 0.2rem;cursor:pointer;line-height:1.5rem}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{width:1em;padding-right:0.3rem;transition:transform 0.2s, opacity 0.1s;display:flex;height:auto;aspect-ratio:1 / 1;align-self:center;opacity:0.3}.sc-smoothly-table-expandable-cell-h:hover smoothly-icon.sc-smoothly-table-expandable-cell{opacity:1}[open].sc-smoothly-table-expandable-cell-h smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg) translateX(3px)}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{display:grid;grid-template-columns:auto 1fr;align-items:center}.hide.sc-smoothly-table-expandable-cell{display:none}td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}td.sc-smoothly-table-expandable-cell-s>*::before{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}td.sc-smoothly-table-expandable-cell-s>*::after{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}";
|
|
10747
10753
|
|
|
10748
10754
|
const TableExpandableCell = class {
|
|
10749
10755
|
constructor(hostRef) {
|
|
@@ -10844,7 +10850,7 @@ const TableFooter = class {
|
|
|
10844
10850
|
};
|
|
10845
10851
|
TableFooter.style = styleCss$a;
|
|
10846
10852
|
|
|
10847
|
-
const styleCss$9 = ".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-top:1px solid rgb(var(--smoothly-color-shade));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade));padding
|
|
10853
|
+
const styleCss$9 = ".sc-smoothly-table-header-h{display:table-cell;line-height:2.5rem;border-top:1px solid rgb(var(--smoothly-color-shade));box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade));padding:0 .5rem;font-weight:bold}smoothly-table[align=bottom] .sc-smoothly-table-header-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-header-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-header-h{vertical-align:top}";
|
|
10848
10854
|
|
|
10849
10855
|
const TableHeader = class {
|
|
10850
10856
|
constructor(hostRef) {
|