smoothly 1.0.0-alpha.139 → 1.0.0-alpha.140
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_70.cjs.entry.js +6 -6
- package/dist/cjs/smoothly-accordion_70.cjs.entry.js.map +1 -1
- package/dist/collection/components/popup/index.js +5 -5
- package/dist/collection/components/popup/index.js.map +1 -1
- package/dist/collection/components/popup/style.css +4 -4
- package/dist/custom-elements/index.js +6 -6
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/smoothly-accordion_70.entry.js +6 -6
- package/dist/esm/smoothly-accordion_70.entry.js.map +1 -1
- package/dist/smoothly/{p-48fe2a8f.entry.js → p-f53a9c37.entry.js} +2 -2
- package/dist/smoothly/p-f53a9c37.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/dist/types/components/popup/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/smoothly/p-48fe2a8f.entry.js.map +0 -1
|
@@ -10238,7 +10238,7 @@ const SmoothlyPickerOption = class {
|
|
|
10238
10238
|
};
|
|
10239
10239
|
SmoothlyPickerOption.style = styleCss$v;
|
|
10240
10240
|
|
|
10241
|
-
const styleCss$u = ".sc-smoothly-popup-h{display:inline-flex;position:relative}[hidden].sc-smoothly-popup-h{display:none}.sc-smoothly-popup-h:not([visible])
|
|
10241
|
+
const styleCss$u = ".sc-smoothly-popup-h{display:inline-flex;position:relative}[hidden].sc-smoothly-popup-h{display:none}.sc-smoothly-popup-h:not([visible]) .popup.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .popup.sc-smoothly-popup{display:inline;position:absolute;padding:0.3em;left:var(--left);right:var(--right);background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);border-style:solid;border-width:0.1em;border-radius:0.6em;z-index:3}[direction=down].sc-smoothly-popup-h .popup.sc-smoothly-popup{top:2.2em;box-shadow:6px 5px 9px -9px black, 5px 6px 9px -9px black}[direction=up].sc-smoothly-popup-h .popup.sc-smoothly-popup{bottom:2.2em;box-shadow:-6px -5px 9px -9px black, -5px -6px 9px -9px black}.sc-smoothly-popup-h:not([visible]) .background.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .background.sc-smoothly-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-popup-h:not([visible]) .arrow.sc-smoothly-popup{display:none}.sc-smoothly-popup-h .arrow.sc-smoothly-popup{background-color:rgb(238, 238, 238);border-color:rgb(238, 238, 238);z-index:2;content:\"\";position:absolute;width:12px;height:12px;transform:rotate(45deg);left:calc(var(--left) + 1em);right:calc(var(--right) + 1em)}[direction=down].sc-smoothly-popup-h .arrow.sc-smoothly-popup{top:2em;border-top-style:solid;border-top-width:1px;border-left-style:solid;border-left-width:1px}[direction=up].sc-smoothly-popup-h .arrow.sc-smoothly-popup{bottom:2em;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.sc-smoothly-popup-h .pointer.sc-smoothly-popup{cursor:pointer}";
|
|
10242
10242
|
|
|
10243
10243
|
const SmoothlyPopup = class {
|
|
10244
10244
|
constructor(hostRef) {
|
|
@@ -10251,20 +10251,20 @@ const SmoothlyPopup = class {
|
|
|
10251
10251
|
onClick() {
|
|
10252
10252
|
var _a, _b, _c, _d, _e, _f;
|
|
10253
10253
|
if (this.visible == false) {
|
|
10254
|
-
(_a = this.
|
|
10254
|
+
(_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.style.setProperty("display", "block");
|
|
10255
10255
|
this.cssVariables =
|
|
10256
|
-
((_c = (_b = this.
|
|
10256
|
+
((_c = (_b = this.popupElement) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().right) !== null && _c !== void 0 ? _c : 0) >= window.innerWidth
|
|
10257
10257
|
? { "--right": "0.1em" }
|
|
10258
|
-
: ((_e = (_d = this.
|
|
10258
|
+
: ((_e = (_d = this.popupElement) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().left) !== null && _e !== void 0 ? _e : 0) < 0
|
|
10259
10259
|
? { "--left": "0.1em" }
|
|
10260
10260
|
: this.cssVariables;
|
|
10261
|
-
(_f = this.
|
|
10261
|
+
(_f = this.popupElement) === null || _f === void 0 ? void 0 : _f.style.removeProperty("display");
|
|
10262
10262
|
}
|
|
10263
10263
|
this.visible = !this.visible;
|
|
10264
10264
|
this.popup.emit(this.visible);
|
|
10265
10265
|
}
|
|
10266
10266
|
render() {
|
|
10267
|
-
return (index.h(index.Host, { style: Object.assign({}, this.cssVariables) }, index.h("
|
|
10267
|
+
return (index.h(index.Host, { style: Object.assign({}, this.cssVariables) }, index.h("div", { class: "pointer", onClick: () => this.onClick() }, index.h("slot", null)), index.h("div", { class: "background", onClick: () => this.onClick() }), index.h("div", { class: "arrow", onClick: () => this.onClick() }), index.h("div", { class: "popup", ref: el => (this.popupElement = el) }, index.h("slot", { name: "popup" }))));
|
|
10268
10268
|
}
|
|
10269
10269
|
};
|
|
10270
10270
|
SmoothlyPopup.style = styleCss$u;
|