@nectary/components 5.20.5 → 5.20.7
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/package.json +3 -3
- package/sheet/index.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nectary/components",
|
|
3
|
-
"version": "5.20.
|
|
3
|
+
"version": "5.20.7",
|
|
4
4
|
"files": [
|
|
5
5
|
"**/*/*.css",
|
|
6
6
|
"**/*/*.json",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.22.15",
|
|
27
|
-
"@nectary/assets": "3.5.
|
|
27
|
+
"@nectary/assets": "3.5.5"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@babel/cli": "^7.22.15",
|
|
@@ -40,6 +40,6 @@
|
|
|
40
40
|
"vite": "^7.0.6"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@nectary/theme-base": "1.9.
|
|
43
|
+
"@nectary/theme-base": "1.9.3"
|
|
44
44
|
}
|
|
45
45
|
}
|
package/sheet/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { getRect } from "../utils/rect.js";
|
|
|
5
5
|
import { getReactEventHandler } from "../utils/get-react-event-handler.js";
|
|
6
6
|
import { isTargetEqual } from "../utils/event-target.js";
|
|
7
7
|
import { disableScroll, enableScroll } from "../utils/scroll-lock.js";
|
|
8
|
-
const templateHTML = '<style>:host{display:contents}#dialog{position:fixed;margin:0;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sinch-comp-sheet-size-padding);gap:var(--sinch-comp-sheet-size-gap);max-width:unset;max-height:unset;box-sizing:border-box;contain:content;background-color:var(--sinch-comp-sheet-color-background);border:none;outline:0;opacity:0;transition-property:transform,opacity;transition-duration:var(--sinch-comp-sheet-animation-duration),calc(var(--sinch-comp-sheet-animation-duration) / 2.5);transition-timing-function:var(--sinch-comp-sheet-animation-easing)}#dialog.overlay-push{opacity:.5}#dialog[open],#dialog[open].placement-bottom,#dialog[open].placement-left,#dialog[open].placement-right,#dialog[open].placement-top{transform:translateX(0) translateY(0);opacity:1}#dialog.placement-right{top:0;right:0;margin-left:auto;height:100dvh;transform:translateX(100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-left{top:0;left:0;margin-right:auto;height:100dvh;transform:translateX(-100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-top{top:0;left:0;right:0;width:100%;transform:translateY(-100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog.placement-bottom{bottom:0;left:0;right:0;width:100%;margin-top:auto;transform:translateY(100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog::backdrop{display:block;background:linear-gradient(var(--sinch-comp-sheet-color-backdrop-from),var(--sinch-comp-sheet-color-backdrop-to));backdrop-filter:blur(var(--sinch-comp-sheet-size-backdrop-blur))}#content{min-height:0;overflow:auto;overscroll-behavior:contain}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px}#action.empty{display:none}@media screen and (max-width:576px){#dialog.placement-left,#dialog.placement-right{max-width:100dvw}}@media (prefers-reduced-motion:reduce){#dialog{transition-duration:0s}}</style><dialog id="dialog" aria-labelledby="title" aria-describedby="content"><
|
|
8
|
+
const templateHTML = '<style>:host{display:contents}#dialog{position:fixed;margin:0;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sinch-comp-sheet-size-padding) 0;gap:var(--sinch-comp-sheet-size-gap);max-width:unset;max-height:unset;box-sizing:border-box;contain:content;background-color:var(--sinch-comp-sheet-color-background);border:none;outline:0;opacity:0;transition-property:transform,opacity;transition-duration:var(--sinch-comp-sheet-animation-duration),calc(var(--sinch-comp-sheet-animation-duration) / 2.5);transition-timing-function:var(--sinch-comp-sheet-animation-easing)}#dialog.overlay-push{opacity:.5}#dialog[open],#dialog[open].placement-bottom,#dialog[open].placement-left,#dialog[open].placement-right,#dialog[open].placement-top{transform:translateX(0) translateY(0);opacity:1}#dialog.placement-right{top:0;right:0;margin-left:auto;height:100dvh;transform:translateX(100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-left{top:0;left:0;margin-right:auto;height:100dvh;transform:translateX(-100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-top{top:0;left:0;right:0;width:100%;transform:translateY(-100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog.placement-bottom{bottom:0;left:0;right:0;width:100%;margin-top:auto;transform:translateY(100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog::backdrop{display:block;background:linear-gradient(var(--sinch-comp-sheet-color-backdrop-from),var(--sinch-comp-sheet-color-backdrop-to));backdrop-filter:blur(var(--sinch-comp-sheet-size-backdrop-blur))}#title{padding:0 var(--sinch-comp-sheet-size-padding)}#content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 var(--sinch-comp-sheet-size-padding);box-sizing:border-box}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;padding:0 var(--sinch-comp-sheet-size-padding)}#action.empty{display:none}@media screen and (max-width:576px){#dialog.placement-left,#dialog.placement-right{max-width:100dvw}}@media (prefers-reduced-motion:reduce){#dialog{transition-duration:0s}}</style><dialog id="dialog" aria-labelledby="title" aria-describedby="content"><div id="title"><slot name="title"></slot></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="footer"></slot></sinch-stop-events></div></dialog>';
|
|
9
9
|
const template = document.createElement("template");
|
|
10
10
|
template.innerHTML = templateHTML;
|
|
11
11
|
class Sheet extends NectaryElement {
|