@blockquote-web-components/blockquote-dialog 1.1.0 → 1.1.2
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 +15 -66
- package/src/BlockquoteDialog.js +12 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockquote-web-components/blockquote-dialog",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "Webcomponent blockquote-dialog following open-wc recommendations",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"build": "echo \"This is not a TypeScript project, so no need to build.\"",
|
|
44
44
|
"dev:vite": "vite build",
|
|
45
45
|
"format": "npm run format:eslint && npm run format:prettier && npm run format:stylelint",
|
|
46
|
-
"format:eslint": "eslint
|
|
47
|
-
"format:prettier": "prettier \"**/*.{js,ts,json,html}\" --write --ignore-path .
|
|
48
|
-
"format:stylelint": "stylelint \"**/*.{scss,css}\" --fix --allow-empty-input --ignore-path .
|
|
46
|
+
"format:eslint": "eslint . --fix",
|
|
47
|
+
"format:prettier": "prettier \"**/*.{js,ts,json,html}\" --write --ignore-path .prettierignore",
|
|
48
|
+
"format:stylelint": "stylelint \"**/*.{scss,css}\" --fix --allow-empty-input --ignore-path .prettierignore",
|
|
49
49
|
"postinstall": "npm run sort:package",
|
|
50
50
|
"lint": "npm run lint:eslint && npm run lint:prettier && npm run lint:stylelint",
|
|
51
|
-
"lint:eslint": "eslint
|
|
52
|
-
"lint:prettier": "prettier \"**/*.{js,ts,json,html}\" --check --ignore-path .
|
|
53
|
-
"lint:stylelint": "stylelint \"**/*.{scss,css}\" --allow-empty-input --ignore-path .
|
|
51
|
+
"lint:eslint": "eslint .",
|
|
52
|
+
"lint:prettier": "prettier \"**/*.{js,ts,json,html}\" --check --ignore-path .prettierignore",
|
|
53
|
+
"lint:stylelint": "stylelint \"**/*.{scss,css}\" --allow-empty-input --ignore-path .prettierignore",
|
|
54
54
|
"prepare": "husky",
|
|
55
55
|
"preview:vite": "vite preview",
|
|
56
56
|
"sass:watch": "sass-style-template",
|
|
@@ -73,6 +73,8 @@
|
|
|
73
73
|
},
|
|
74
74
|
"prettier": {
|
|
75
75
|
"arrowParens": "avoid",
|
|
76
|
+
"bracketSameLine": true,
|
|
77
|
+
"htmlWhitespaceSensitivity": "ignore",
|
|
76
78
|
"printWidth": 100,
|
|
77
79
|
"singleQuote": true,
|
|
78
80
|
"trailingComma": "all",
|
|
@@ -86,59 +88,6 @@
|
|
|
86
88
|
}
|
|
87
89
|
]
|
|
88
90
|
},
|
|
89
|
-
"eslintConfig": {
|
|
90
|
-
"parserOptions": {
|
|
91
|
-
"ecmaVersion": "latest"
|
|
92
|
-
},
|
|
93
|
-
"extends": [
|
|
94
|
-
"@open-wc",
|
|
95
|
-
"prettier"
|
|
96
|
-
],
|
|
97
|
-
"rules": {
|
|
98
|
-
"class-methods-use-this": "off",
|
|
99
|
-
"indent": [
|
|
100
|
-
"error",
|
|
101
|
-
2,
|
|
102
|
-
{
|
|
103
|
-
"SwitchCase": 1,
|
|
104
|
-
"ignoredNodes": [
|
|
105
|
-
"PropertyDefinition",
|
|
106
|
-
"TemplateLiteral > *"
|
|
107
|
-
]
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
"no-unused-expressions": [
|
|
111
|
-
"error",
|
|
112
|
-
{
|
|
113
|
-
"allowShortCircuit": true,
|
|
114
|
-
"allowTernary": true
|
|
115
|
-
}
|
|
116
|
-
],
|
|
117
|
-
"object-curly-newline": "off",
|
|
118
|
-
"import/extensions": [
|
|
119
|
-
"error",
|
|
120
|
-
"always",
|
|
121
|
-
{
|
|
122
|
-
"ignorePackages": true
|
|
123
|
-
}
|
|
124
|
-
],
|
|
125
|
-
"import/no-extraneous-dependencies": [
|
|
126
|
-
"error",
|
|
127
|
-
{
|
|
128
|
-
"devDependencies": [
|
|
129
|
-
"**/test/**/*.{js,ts}",
|
|
130
|
-
"**/*.config.{js,ts,mjs,cjs}",
|
|
131
|
-
"**/*.conf.{js,ts,mjs,cjs}"
|
|
132
|
-
]
|
|
133
|
-
}
|
|
134
|
-
],
|
|
135
|
-
"import/no-unresolved": "off",
|
|
136
|
-
"import/prefer-default-export": "off",
|
|
137
|
-
"lit-a11y/click-events-have-key-events": "off",
|
|
138
|
-
"lit/no-classfield-shadowing": "off",
|
|
139
|
-
"lit/no-native-attributes": "off"
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
91
|
"stylelint": {
|
|
143
92
|
"extends": "stylelint-config-standard-scss",
|
|
144
93
|
"rules": {
|
|
@@ -149,21 +98,21 @@
|
|
|
149
98
|
}
|
|
150
99
|
},
|
|
151
100
|
"dependencies": {
|
|
152
|
-
"@blockquote-web-components/blockquote-directive-ariaidref-slot": "^1.
|
|
153
|
-
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.5.
|
|
101
|
+
"@blockquote-web-components/blockquote-directive-ariaidref-slot": "^1.1.2",
|
|
102
|
+
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.5.3",
|
|
154
103
|
"@blockquote/dev-utilities": "^1.0.0",
|
|
155
104
|
"@material/web": "^1.4.1",
|
|
156
105
|
"lit": "^3.1.3"
|
|
157
106
|
},
|
|
158
107
|
"devDependencies": {
|
|
159
|
-
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.
|
|
160
|
-
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.10.
|
|
161
|
-
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.
|
|
108
|
+
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.9.1",
|
|
109
|
+
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.10.3",
|
|
110
|
+
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.3",
|
|
162
111
|
"sinon": "^18.0.0"
|
|
163
112
|
},
|
|
164
113
|
"publishConfig": {
|
|
165
114
|
"access": "public"
|
|
166
115
|
},
|
|
167
116
|
"customElements": "custom-elements.json",
|
|
168
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "7e8105d41361bd4c4507b545f85a93b8e09529d9"
|
|
169
118
|
}
|
package/src/BlockquoteDialog.js
CHANGED
|
@@ -226,7 +226,9 @@ export class BlockquoteDialog extends LitElement {
|
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
get _slotTpl() {
|
|
229
|
-
return html`
|
|
229
|
+
return html`
|
|
230
|
+
<slot></slot>
|
|
231
|
+
`;
|
|
230
232
|
}
|
|
231
233
|
|
|
232
234
|
get _labeledbyTpl() {
|
|
@@ -238,11 +240,15 @@ export class BlockquoteDialog extends LitElement {
|
|
|
238
240
|
}
|
|
239
241
|
|
|
240
242
|
get _contentTpl() {
|
|
241
|
-
return html`
|
|
243
|
+
return html`
|
|
244
|
+
<div class="content" @click=${this._handleContentClick}>${this._slotTpl}</div>
|
|
245
|
+
`;
|
|
242
246
|
}
|
|
243
247
|
|
|
244
248
|
get _scrollerTpl() {
|
|
245
|
-
return html`
|
|
249
|
+
return html`
|
|
250
|
+
<div class="scroller">${this._contentTpl} ${this._labeledbyTpl}</div>
|
|
251
|
+
`;
|
|
246
252
|
}
|
|
247
253
|
|
|
248
254
|
get _firstNodeFocusTrapTpl() {
|
|
@@ -250,8 +256,7 @@ export class BlockquoteDialog extends LitElement {
|
|
|
250
256
|
<span
|
|
251
257
|
?hidden="${!(/** @type {HTMLDialogElement} */ (this.dialogRef.value)?.open)}"
|
|
252
258
|
tabindex="0"
|
|
253
|
-
@focus="${this._lastFocusTrap}"
|
|
254
|
-
></span>
|
|
259
|
+
@focus="${this._lastFocusTrap}"></span>
|
|
255
260
|
`;
|
|
256
261
|
}
|
|
257
262
|
|
|
@@ -260,8 +265,7 @@ export class BlockquoteDialog extends LitElement {
|
|
|
260
265
|
<span
|
|
261
266
|
?hidden="${!(/** @type {HTMLDialogElement} */ (this.dialogRef.value)?.open)}"
|
|
262
267
|
tabindex="0"
|
|
263
|
-
@focus="${this._firstFocusTrap}"
|
|
264
|
-
></span>
|
|
268
|
+
@focus="${this._firstFocusTrap}"></span>
|
|
265
269
|
`;
|
|
266
270
|
}
|
|
267
271
|
|
|
@@ -278,8 +282,7 @@ export class BlockquoteDialog extends LitElement {
|
|
|
278
282
|
@click=${this._handleDialogClick}
|
|
279
283
|
@cancel=${this._handleCancel}
|
|
280
284
|
@close=${this._handleClose}
|
|
281
|
-
.returnValue=${this.returnValue || nothing}
|
|
282
|
-
>
|
|
285
|
+
.returnValue=${this.returnValue || nothing}>
|
|
283
286
|
${this._firstNodeFocusTrapTpl} ${this._scrollerTpl} ${this._lastNodeFocusTrapTpl}
|
|
284
287
|
</dialog>
|
|
285
288
|
`;
|