Skip to content
Snippets Groups Projects
Verified Commit 28692bb0 authored by Volker Schukai's avatar Volker Schukai :alien:
Browse files

chore: updates #160

parent 362716bb
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 3154 additions and 1003 deletions
CHANGELOG.md
+ 12
− 0
View file @ 28692bb0
## [3.57.0] - 2024-03-02
## Add Features
- New transformers set-toggle, set-set and set-remove [#162](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/162)
- New CustomElement::[updaterTransformerMethodsSymbol]() method [#163](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/163)
## Bug Fixes
- you should be able to start the selection in select with the keyboard [#161](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/161)
## [3.56.1] - 2024-02-26 ## [3.56.1] - 2024-02-26
### Bug Fixes ### Bug Fixes
......
playground/bind-with-datasource/index.html
+ 1
− 0
View file @ 28692bb0
...@@ -159,6 +159,7 @@ ...@@ -159,6 +159,7 @@
<div class="buttons"> <div class="buttons">
<monster-button <monster-button
data-monster-role="saveButton" data-monster-role="saveButton"
data-monster-option-actions-click="@@data-monster-call:overlay2.close"
id="saveButton" id="saveButton"
style="display:block;width:200px;">save style="display:block;width:200px;">save
</monster-button> </monster-button>
......
playground/bind-with-datasource/main.mjs
+ 3
− 3
View file @ 28692bb0
...@@ -60,9 +60,9 @@ let dataset1 = document.getElementById('dataset1'); ...@@ -60,9 +60,9 @@ let dataset1 = document.getElementById('dataset1');
//console.log(data); //console.log(data);
let saveButton = document.getElementById('saveButton'); let saveButton = document.getElementById('saveButton');
saveButton.setOption('actions.click', () => { // saveButton.setOption('actions.click', () => {
dataset1.write(); // dataset1.write();
}) // })
document.addEventListener("monster-button-clicked", (event) => { document.addEventListener("monster-button-clicked", (event) => {
document.getElementById('overlay1').close(); document.getElementById('overlay1').close();
......
playground/issues/142.html 0 → 100644
+ 33
− 0
View file @ 28692bb0
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<title>Issues</title>
<script src="./142.js" type="module"></script>
</head>
<body>
<main>
<h1>Issue 142</h1>
<p>
<a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/142" target="_blank">issues/142</a>
</p>
<div style="width: 450px; margin: 0 auto;">
<monster-select value="value1">
<div data-monster-value="value1">label-1</div>
<div data-monster-value="value2">label-2</div>
<div data-monster-value="value3">label-3</div>
</monster-select>
</div>
</main>
</body>
</html>
\ No newline at end of file
playground/issues/142.js 0 → 100644
+ 12
− 0
View file @ 28692bb0
import "../../source/components/style/property.pcss";
import "../../source/components/style/normalize.pcss";
import "../../source/components/style/color.pcss";
import "../../source/components/style/link.pcss";
import "../../source/components/style/button.pcss";
import "../../source/components/style/theme.pcss";
import "../../source/components/style/typography.pcss";
import "./generic.pcss";
import "../../source/components/form/confirm-button.mjs";
import "../../source/components/form/select.mjs";
playground/issues/144.js
+ 1
− 1
View file @ 28692bb0
...@@ -5,7 +5,7 @@ import "../../source/components/style/link.pcss"; ...@@ -5,7 +5,7 @@ import "../../source/components/style/link.pcss";
import "../../source/components/style/button.pcss"; import "../../source/components/style/button.pcss";
import "../../source/components/style/theme.pcss"; import "../../source/components/style/theme.pcss";
import "../../source/components/style/typography.pcss"; import "../../source/components/style/typography.pcss";
import "./144.pcss"; import "./generic.pcss";
import "../../source/components/form/confirm-button.mjs"; import "../../source/components/form/confirm-button.mjs";
playground/issues/152.html 0 → 100644
+ 33
− 0
View file @ 28692bb0
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
<title>Issues</title>
<script src="./152.js" type="module"></script>
</head>
<body>
<main>
<h1>Issues 152</h1>
<p>
<a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/152" target="_blank">issues/152</a>
</p>
<div style="width: 250px;margin: 0 auto;">
<form id="form">
<label for="checkbox1"></label><input name="checkbox1" type="checkbox" id="checkbox1" value="yes">
<button type="button" id="button">Submit</button>
</form>
</div>
</main>
</body>
</html>
\ No newline at end of file
playground/issues/152.js 0 → 100644
+ 26
− 0
View file @ 28692bb0
import "../../source/components/style/property.pcss";
import "../../source/components/style/normalize.pcss";
// import "../../source/components/style/color.pcss";
// import "../../source/components/style/link.pcss";
// import "../../source/components/style/button.pcss";
// import "../../source/components/style/theme.pcss";
import "../../source/components/style/typography.pcss";
// import "../../source/components/form/confirm-button.mjs";
let form = document.getElementById("form");
let checkbox = document.getElementById("checkbox1");
console.log(checkbox);
checkbox.defaultValue = "true1";
checkbox.value = "true2";
let button = document.getElementById("button");
button.addEventListener("click", function() {
let formData = new FormData(form);
for (let [key, value] of formData.entries()) {
console.log(key, value);
}
console.log("Button clicked");
})
playground/issues/144.pcss → playground/issues/generic.pcss
+ 0
− 0
View file @ 28692bb0
File moved
source/monster.mjs
+ 5
− 0
View file @ 28692bb0
/** /**
* Copyright schukai GmbH and contributors 2023. All Rights Reserved. * Copyright schukai GmbH and contributors 2023. All Rights Reserved.
* Node module: @schukai/monster * Node module: @schukai/monster
...@@ -93,9 +94,11 @@ export * from "./components/datatable/datatable/header.mjs"; ...@@ -93,9 +94,11 @@ export * from "./components/datatable/datatable/header.mjs";
export * from "./components/datatable/pagination.mjs"; export * from "./components/datatable/pagination.mjs";
export * from "./components/datatable/util.mjs"; export * from "./components/datatable/util.mjs";
export * from "./components/datatable/filter.mjs"; export * from "./components/datatable/filter.mjs";
export * from "./components/datatable/save-button.mjs";
export * from "./components/datatable/dataset.mjs"; export * from "./components/datatable/dataset.mjs";
export * from "./components/datatable/embedded-pagination.mjs"; export * from "./components/datatable/embedded-pagination.mjs";
export * from "./components/datatable/status.mjs"; export * from "./components/datatable/status.mjs";
export * from "./components/datatable/change-button.mjs";
export * from "./components/datatable/constants.mjs"; export * from "./components/datatable/constants.mjs";
export * from "./components/datatable/stylesheet/select-filter.mjs"; export * from "./components/datatable/stylesheet/select-filter.mjs";
export * from "./components/datatable/stylesheet/datasource.mjs"; export * from "./components/datatable/stylesheet/datasource.mjs";
...@@ -105,10 +108,12 @@ export * from "./components/datatable/stylesheet/filter-date-range.mjs"; ...@@ -105,10 +108,12 @@ export * from "./components/datatable/stylesheet/filter-date-range.mjs";
export * from "./components/datatable/stylesheet/datatable.mjs"; export * from "./components/datatable/stylesheet/datatable.mjs";
export * from "./components/datatable/stylesheet/pagination.mjs"; export * from "./components/datatable/stylesheet/pagination.mjs";
export * from "./components/datatable/stylesheet/filter.mjs"; export * from "./components/datatable/stylesheet/filter.mjs";
export * from "./components/datatable/stylesheet/save-button.mjs";
export * from "./components/datatable/stylesheet/dataset.mjs"; export * from "./components/datatable/stylesheet/dataset.mjs";
export * from "./components/datatable/stylesheet/embedded-pagination.mjs"; export * from "./components/datatable/stylesheet/embedded-pagination.mjs";
export * from "./components/datatable/stylesheet/filter-controls-defaults.mjs"; export * from "./components/datatable/stylesheet/filter-controls-defaults.mjs";
export * from "./components/datatable/stylesheet/status.mjs"; export * from "./components/datatable/stylesheet/status.mjs";
export * from "./components/datatable/stylesheet/change-button.mjs";
export * from "./components/datatable/stylesheet/filter-range.mjs"; export * from "./components/datatable/stylesheet/filter-range.mjs";
export * from "./components/state/log/entry.mjs"; export * from "./components/state/log/entry.mjs";
export * from "./components/state/state.mjs"; export * from "./components/state/state.mjs";
......
test/cases/data/transformer.mjs
+ 16
− 0
View file @ 28692bb0
...@@ -175,6 +175,22 @@ describe('Transformer', function () { ...@@ -175,6 +175,22 @@ describe('Transformer', function () {
['index:a', new Map().set('a', 5), 5], ['index:a', new Map().set('a', 5), 5],
['substring:2:4', 'abcdefghijklmnop', 'cdef'], ['substring:2:4', 'abcdefghijklmnop', 'cdef'],
['nop', 'abcdefghijklmnop', 'abcdefghijklmnop'], ['nop', 'abcdefghijklmnop', 'abcdefghijklmnop'],
['set-toggle:c', 'a b c', 'a b'],
['set-toggle:c', 'a b', 'a b c'],
['set-set:c', 'a b', 'a b c'],
['set-set:c', 'a b c', 'a b c'],
['set-remove:c', 'a b c', 'a b'],
['set-toggle:c:,', 'a,b,c', 'a,b'],
['set-toggle:c:,', 'a,b', 'a,b,c'],
['set-set:c:,', 'a,b', 'a,b,c'],
['set-set:c:,', 'a,b,c', 'a,b,c'],
['set-remove:c:,', 'a,b,c', 'a,b'],
['set-toggle:c,d:,', 'a,b,c', 'a,b,d'],
['set-toggle:c,d:,', 'a,b,c,d', 'a,b'],
['set-toggle:c,d:,', 'a,b', 'a,b,c,d'],
['set-set:c,d:,', 'a,b', 'a,b,c,d'],
['set-set:c,d:,', 'a,b,c', 'a,b,c,d'],
['set-remove:c:,', 'a,b,c', 'a,b'],
].forEach(function (data) { ].forEach(function (data) {
......
test/util/jsdom.mjs
+ 8
− 8
View file @ 28692bb0
...@@ -18,7 +18,6 @@ function initJSDOM(options) { ...@@ -18,7 +18,6 @@ function initJSDOM(options) {
if (typeof window === "object" && window['DOMParser']) return Promise.resolve(); if (typeof window === "object" && window['DOMParser']) return Promise.resolve();
const g = getGlobal(); const g = getGlobal();
options = extend({}, { options = extend({}, {
...@@ -41,7 +40,7 @@ function initJSDOM(options) { ...@@ -41,7 +40,7 @@ function initJSDOM(options) {
g['window'] = window; g['window'] = window;
return new Promise(resolve => return new Promise((resolve, reject) =>
window.addEventListener("load", () => { window.addEventListener("load", () => {
[ [
...@@ -83,19 +82,20 @@ function initJSDOM(options) { ...@@ -83,19 +82,20 @@ function initJSDOM(options) {
g[key] = window[key] g[key] = window[key]
}); });
import("dom-storage").then(({default: Storage}) => { import("dom-storage").then(({default: Storage}) => {
g.localStorage = new Storage(null, {strict: true}); g.localStorage = new Storage(null, {strict: true});
g.sessionStorage = new Storage(null, {strict: true}); g.sessionStorage = new Storage(null, {strict: true});
window['localStorage'] = g.localStorage; window['localStorage'] = g.localStorage;
window['sessionStorage'] = g.sessionStorage; window['sessionStorage'] = g.sessionStorage;
});
resolve(g); resolve(g);
}).catch(e => {
console.error(e);
reject(e);
});
}) })
); );
......
test/web/test.html
+ 2
− 2
View file @ 28692bb0
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
</head> </head>
<body> <body>
<div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;"> <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
<h1 style='margin-bottom: 0.1em;'>Monster 3.55.3</h1> <h1 style='margin-bottom: 0.1em;'>Monster 3.56.1</h1>
<div id="lastupdate" style='font-size:0.7em'>last update Mi 24. Jan 19:51:51 CET 2024</div> <div id="lastupdate" style='font-size:0.7em'>last update Fr 1. Mär 18:37:59 CET 2024</div>
</div> </div>
<div id="mocha-errors" <div id="mocha-errors"
style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div> style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>
......
test/web/tests.js
+ 3002
− 989
View file @ 28692bb0
Source diff could not be displayed: it is too large. Options to address this: view the blob.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment