smoothly 1.0.0-alpha.56 → 1.0.0-alpha.58
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_65.cjs.entry.js +6 -5
- package/dist/cjs/smoothly-accordion_65.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/file/index.js +4 -3
- package/dist/collection/components/input/file/index.js.map +1 -1
- package/dist/collection/components/input/file/style.css +8 -1
- package/dist/collection/components/picker/menu/index.js +1 -1
- package/dist/collection/components/picker/menu/index.js.map +1 -1
- package/dist/custom-elements/index.js +6 -5
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/smoothly-accordion_65.entry.js +6 -5
- package/dist/esm/smoothly-accordion_65.entry.js.map +1 -1
- package/dist/smoothly/{p-90987921.entry.js → p-52df768b.entry.js} +2 -2
- package/dist/smoothly/{p-90987921.entry.js.map → p-52df768b.entry.js.map} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
|
@@ -28030,7 +28030,7 @@ const SmoothlyInputDemo = class {
|
|
|
28030
28030
|
};
|
|
28031
28031
|
SmoothlyInputDemo.style = styleCss$z;
|
|
28032
28032
|
|
|
28033
|
-
const styleCss$y = ".sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100
|
|
28033
|
+
const styleCss$y = ".sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem}.mask.sc-smoothly-input-file{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgb(var(--smoothly-default-contrast), 0.3)}.sc-smoothly-input-file-h:not(.dragging) .mask.sc-smoothly-input-file{display:none}input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.input.sc-smoothly-input-file{display:flex;align-items:center;padding-left:0.4rem;padding-bottom:0.2rem}smoothly-button.sc-smoothly-input-file{margin:0;border:none}label.sc-smoothly-input-file{padding-left:0.4rem;padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--text-color, var(--smoothly-default-contrast)));cursor:inherit}label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}smoothly-icon.sc-smoothly-input-file{display:none;position:absolute;right:0.2em;top:0.6em}span.sc-smoothly-input-file{cursor:pointer;padding-left:0.5rem}";
|
|
28034
28034
|
|
|
28035
28035
|
const SmoothlyInputFile = class {
|
|
28036
28036
|
constructor(hostRef) {
|
|
@@ -28046,7 +28046,7 @@ const SmoothlyInputFile = class {
|
|
|
28046
28046
|
}
|
|
28047
28047
|
render() {
|
|
28048
28048
|
var _a, _b;
|
|
28049
|
-
return (index.h(index.Host, { class: { dragging: this.dragging }, onDragOver: (event) => (event.preventDefault(), event.stopPropagation()), onDragEnter: () => (this.dragging = true) }, index.h("label", null, index.h("slot", { name: "label" })), index.h("smoothly-button", { size: "flexible", onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, index.h("slot", { name: "button" })), index.h("span", { onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { class: "mask", onDrop: event => {
|
|
28049
|
+
return (index.h(index.Host, { class: { dragging: this.dragging }, onDragOver: (event) => (event.preventDefault(), event.stopPropagation()), onDragEnter: () => (this.dragging = true) }, index.h("label", null, index.h("slot", { name: "label" })), index.h("div", { class: "input" }, index.h("smoothly-button", { size: "flexible", onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, index.h("slot", { name: "button" })), index.h("span", { onClick: event => { var _a; return (event.stopPropagation(), (_a = this.input) === null || _a === void 0 ? void 0 : _a.click()); } }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { class: "mask", onDrop: event => {
|
|
28050
28050
|
var _a;
|
|
28051
28051
|
return (event.preventDefault(),
|
|
28052
28052
|
event.stopPropagation(),
|
|
@@ -28061,8 +28061,9 @@ const SmoothlyInputFile = class {
|
|
|
28061
28061
|
}, onChange: event => {
|
|
28062
28062
|
var _a, _b, _c;
|
|
28063
28063
|
return (event.stopPropagation(),
|
|
28064
|
-
((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) &&
|
|
28065
|
-
|
|
28064
|
+
((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) &&
|
|
28065
|
+
this.smoothlyChange.emit({ [this.name]: (this.value = (_c = this.input) === null || _c === void 0 ? void 0 : _c.files[0]) }));
|
|
28066
|
+
} })), index.h("slot", null)));
|
|
28066
28067
|
}
|
|
28067
28068
|
};
|
|
28068
28069
|
SmoothlyInputFile.style = styleCss$y;
|
|
@@ -28493,7 +28494,7 @@ const SmoothlyPickerMenu = class {
|
|
|
28493
28494
|
this.notice.emit(validation.notice);
|
|
28494
28495
|
}
|
|
28495
28496
|
render() {
|
|
28496
|
-
return (index.h(index.Host, null, index.h("div", { class: "controls" }, index.h("smoothly-input", { ref: element => (this.searchElement = element), value: this.search, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyChange: e => this.inputHandler(e), onSmoothlyBlur: e => e.stopPropagation(), onKeyDown: event => this.keyDownHandler(event) }, index.h("slot", { name: "search" })), this.mutable ? (index.h("button", { onClick: () => this.addHandler(), disabled: !this.allowed, class: "add", type: "button" }, index.h("smoothly-icon", { name: "add-outline" }))) : null), index.h("div", { class: "items" }, index.h("slot", null), this.new.map(option => (index.h("smoothly-picker-option", { labeled: this.labeledDefault, selected: option.selected, value: option.value, onSmoothlyPickerOptionChanged: event => (option.selected = event.detail.element.selected) }, option.value))))));
|
|
28497
|
+
return (index.h(index.Host, null, index.h("div", { class: "controls" }, index.h("smoothly-input", { ref: element => (this.searchElement = element), name: "search", value: this.search, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyChange: e => this.inputHandler(e), onSmoothlyBlur: e => e.stopPropagation(), onKeyDown: event => this.keyDownHandler(event) }, index.h("slot", { name: "search" })), this.mutable ? (index.h("button", { onClick: () => this.addHandler(), disabled: !this.allowed, class: "add", type: "button" }, index.h("smoothly-icon", { name: "add-outline" }))) : null), index.h("div", { class: "items" }, index.h("slot", null), this.new.map(option => (index.h("smoothly-picker-option", { labeled: this.labeledDefault, selected: option.selected, value: option.value, onSmoothlyPickerOptionChanged: event => (option.selected = event.detail.element.selected) }, option.value))))));
|
|
28497
28498
|
}
|
|
28498
28499
|
get element() { return index.getElement(this); }
|
|
28499
28500
|
};
|