@design.estate/dees-catalog 3.74.2 → 3.75.0
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_bundle/bundle.js +17 -15
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-layout/dees-tile/dees-tile.d.ts +1 -0
- package/dist_ts_web/elements/00group-layout/dees-tile/dees-tile.js +18 -3
- package/dist_ts_web/elements/00group-overlay/dees-modal/dees-modal.js +2 -10
- package/dist_watch/bundle.js +15 -13
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-layout/dees-tile/dees-tile.ts +11 -1
- package/ts_web/elements/00group-overlay/dees-modal/dees-modal.ts +1 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design.estate/dees-catalog",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.75.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
|
|
6
6
|
"main": "dist_ts_web/index.js",
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.
|
|
6
|
+
version: '3.75.0',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
}
|
|
@@ -45,6 +45,9 @@ export class DeesTile extends DeesElement {
|
|
|
45
45
|
@property({ type: String })
|
|
46
46
|
accessor heading: string = '';
|
|
47
47
|
|
|
48
|
+
@property({ type: String, reflect: true })
|
|
49
|
+
accessor overscroll: 'contain' | 'auto' | 'none' = 'auto';
|
|
50
|
+
|
|
48
51
|
@state()
|
|
49
52
|
accessor hasFooter: boolean = false;
|
|
50
53
|
|
|
@@ -100,7 +103,14 @@ export class DeesTile extends DeesElement {
|
|
|
100
103
|
border-radius: 8px;
|
|
101
104
|
border-top: 1px solid var(--dees-color-border-subtle);
|
|
102
105
|
border-bottom: 1px solid var(--dees-color-border-subtle);
|
|
103
|
-
overflow: hidden;
|
|
106
|
+
overflow-x: hidden;
|
|
107
|
+
overflow-y: auto;
|
|
108
|
+
scrollbar-width: thin;
|
|
109
|
+
scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:host([overscroll="contain"]) .tile-content {
|
|
113
|
+
overscroll-behavior: contain;
|
|
104
114
|
}
|
|
105
115
|
|
|
106
116
|
.tile-content.no-footer {
|
|
@@ -153,14 +153,6 @@ export class DeesModal extends DeesElement {
|
|
|
153
153
|
overscroll-behavior: contain;
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
dees-tile::part(content) {
|
|
157
|
-
overflow-x: hidden;
|
|
158
|
-
overflow-y: auto;
|
|
159
|
-
overscroll-behavior: contain;
|
|
160
|
-
scrollbar-width: thin;
|
|
161
|
-
scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
156
|
dees-tile::part(outer) {
|
|
165
157
|
box-shadow:
|
|
166
158
|
0 0 0 1px ${cssManager.bdTheme('hsl(0 0% 0% / 0.03)', 'hsl(0 0% 100% / 0.03)')},
|
|
@@ -351,7 +343,7 @@ export class DeesModal extends DeesElement {
|
|
|
351
343
|
${minWidthStyle ? `dees-tile { min-width: ${minWidthStyle}; }` : ''}
|
|
352
344
|
</style>
|
|
353
345
|
<div class="modalContainer" @click=${this.handleOutsideClick} style="z-index: ${this.modalZIndex}">
|
|
354
|
-
<dees-tile class="${widthClass} ${mobileFullscreenClass}">
|
|
346
|
+
<dees-tile class="${widthClass} ${mobileFullscreenClass}" .overscroll=${'contain'}>
|
|
355
347
|
<div slot="header" class="heading">
|
|
356
348
|
<div class="heading-text">${this.heading}</div>
|
|
357
349
|
<div class="header-buttons">
|