@schukai/monster 3.51.5 → 3.52.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +17 -0
- package/README.md +15 -12
- package/example/components/form/button.mjs +10 -0
- package/example/components/form/select.mjs +25 -0
- package/example/components/form/tree-select.mjs +27 -0
- package/example/components/host/host.mjs +0 -0
- package/example/components/notify/message.mjs +4 -0
- package/example/components/notify/notify.mjs +4 -0
- package/example/components/state/log.mjs +0 -0
- package/example/components/state/state.mjs +0 -0
- package/package.json +6 -2
- package/source/components/constants.mjs +132 -0
- package/source/components/datatable/columnbar.mjs +310 -0
- package/source/components/datatable/constants.mjs +121 -0
- package/source/components/datatable/dataset.mjs +219 -0
- package/source/components/datatable/datasource/dom.mjs +186 -0
- package/source/components/datatable/datasource/namespace.mjs +13 -0
- package/source/components/datatable/datasource/rest.mjs +400 -0
- package/source/components/datatable/datasource.mjs +102 -0
- package/source/components/datatable/datatable/header.mjs +268 -0
- package/source/components/datatable/datatable/namespace.mjs +13 -0
- package/source/components/datatable/datatable.mjs +789 -0
- package/source/components/datatable/embedded-pagination.mjs +113 -0
- package/source/components/datatable/filter/abstract-base.mjs +31 -0
- package/source/components/datatable/filter/date-range.mjs +1041 -0
- package/source/components/datatable/filter/input.mjs +175 -0
- package/source/components/datatable/filter/namespace.mjs +13 -0
- package/source/components/datatable/filter/range.mjs +671 -0
- package/source/components/datatable/filter/select.mjs +65 -0
- package/source/components/datatable/filter/settings.mjs +116 -0
- package/source/components/datatable/filter-button.mjs +98 -0
- package/source/components/datatable/filter.mjs +929 -0
- package/source/components/datatable/namespace.mjs +11 -0
- package/source/components/datatable/pagination.mjs +456 -0
- package/source/components/datatable/style/column-bar.pcss +123 -0
- package/source/components/datatable/style/dataset.pcss +13 -0
- package/source/components/datatable/style/datasource.pcss +16 -0
- package/source/components/datatable/style/datatable.pcss +239 -0
- package/source/components/datatable/style/embedded-pagination.pcss +101 -0
- package/source/components/datatable/style/filter-button.pcss +22 -0
- package/source/components/datatable/style/filter-controls-defaults.pcss +46 -0
- package/source/components/datatable/style/filter-date-range.pcss +9 -0
- package/source/components/datatable/style/filter-range.pcss +5 -0
- package/source/components/datatable/style/filter.pcss +156 -0
- package/source/components/datatable/style/pagination.pcss +59 -0
- package/source/components/datatable/style/select-filter.pcss +27 -0
- package/source/components/datatable/stylesheet/column-bar.mjs +33 -0
- package/source/components/datatable/stylesheet/dataset.mjs +33 -0
- package/source/components/datatable/stylesheet/datasource.mjs +33 -0
- package/source/components/datatable/stylesheet/datatable.mjs +33 -0
- package/source/components/datatable/stylesheet/embedded-pagination.mjs +33 -0
- package/source/components/datatable/stylesheet/filter-button.mjs +33 -0
- package/source/components/datatable/stylesheet/filter-controls-defaults.mjs +33 -0
- package/source/components/datatable/stylesheet/filter-date-range.mjs +33 -0
- package/source/components/datatable/stylesheet/filter-range.mjs +33 -0
- package/source/components/datatable/stylesheet/filter.mjs +33 -0
- package/source/components/datatable/stylesheet/namespace.mjs +13 -0
- package/source/components/datatable/stylesheet/pagination.mjs +33 -0
- package/source/components/datatable/stylesheet/select-filter.mjs +33 -0
- package/source/components/datatable/util.mjs +60 -0
- package/source/components/form/action-button.mjs +262 -0
- package/source/components/form/api-button.mjs +515 -0
- package/source/components/form/button-bar.mjs +739 -0
- package/source/components/form/button.mjs +350 -0
- package/source/components/form/confirm-button.mjs +330 -0
- package/source/components/form/constants.mjs +111 -0
- package/source/components/form/context-help.mjs +123 -0
- package/source/components/form/events.mjs +84 -0
- package/source/components/form/form.mjs +601 -0
- package/source/components/form/message-state-button.mjs +396 -0
- package/source/components/form/namespace.mjs +13 -0
- package/source/components/form/popper-button.mjs +435 -0
- package/source/components/form/popper.mjs +487 -0
- package/source/components/form/reload.mjs +360 -0
- package/source/components/form/select.mjs +2314 -0
- package/source/components/form/shadow-reload.mjs +137 -0
- package/source/components/form/state-button.mjs +182 -0
- package/source/components/form/style/action-button.pcss +41 -0
- package/source/components/form/style/api-button.pcss +0 -0
- package/source/components/form/style/button-bar.pcss +51 -0
- package/source/components/form/style/button.pcss +8 -0
- package/source/components/form/style/confirm-button.pcss +17 -0
- package/source/components/form/style/context-help.pcss +16 -0
- package/source/components/form/style/form.pcss +10 -0
- package/source/components/form/style/message-state-button.pcss +10 -0
- package/source/components/form/style/popper-button.pcss +16 -0
- package/source/components/form/style/popper.pcss +8 -0
- package/source/components/form/style/select.pcss +265 -0
- package/source/components/form/style/state-button.pcss +116 -0
- package/source/components/form/style/tabs.pcss +170 -0
- package/source/components/form/style/tree-select.pcss +81 -0
- package/source/components/form/stylesheet/action-button.mjs +33 -0
- package/source/components/form/stylesheet/api-button.mjs +33 -0
- package/source/components/form/stylesheet/button-bar.mjs +33 -0
- package/source/components/form/stylesheet/button.mjs +33 -0
- package/source/components/form/stylesheet/confirm-button.mjs +33 -0
- package/source/components/form/stylesheet/context-help.mjs +33 -0
- package/source/components/form/stylesheet/form.mjs +33 -0
- package/source/components/form/stylesheet/message-state-button.mjs +33 -0
- package/source/components/form/stylesheet/namespace.mjs +13 -0
- package/source/components/form/stylesheet/popper-button.mjs +33 -0
- package/source/components/form/stylesheet/popper.mjs +33 -0
- package/source/components/form/stylesheet/select.mjs +33 -0
- package/source/components/form/stylesheet/state-button.mjs +33 -0
- package/source/components/form/stylesheet/tabs.mjs +33 -0
- package/source/components/form/stylesheet/tree-select.mjs +33 -0
- package/source/components/form/tabs.mjs +1011 -0
- package/source/components/form/template.mjs +373 -0
- package/source/components/form/tree-select.mjs +527 -0
- package/source/components/form/types/namespace.mjs +13 -0
- package/source/components/form/types/state.mjs +93 -0
- package/source/components/form/util/fetch.mjs +133 -0
- package/source/components/form/util/floating-ui.mjs +245 -0
- package/source/components/form/util/namespace.mjs +13 -0
- package/source/components/form/util/popper.mjs +49 -0
- package/source/components/host/call-button.mjs +236 -0
- package/source/components/host/collapse.mjs +526 -0
- package/source/components/host/config-manager.mjs +304 -0
- package/source/components/host/constants.mjs +18 -0
- package/source/components/host/details.mjs +268 -0
- package/source/components/host/events.mjs +131 -0
- package/source/components/host/host.mjs +420 -0
- package/source/components/host/namespace.mjs +13 -0
- package/source/components/host/overlay.mjs +339 -0
- package/source/components/host/style/call-button.pcss +36 -0
- package/source/components/host/style/collapse.pcss +67 -0
- package/source/components/host/style/config-manager.pcss +5 -0
- package/source/components/host/style/details.pcss +68 -0
- package/source/components/host/style/host.pcss +43 -0
- package/source/components/host/style/overlay.pcss +73 -0
- package/source/components/host/style/toggle-button.pcss +36 -0
- package/source/components/host/style/viewer.pcss +13 -0
- package/source/components/host/stylesheet/call-button.mjs +33 -0
- package/source/components/host/stylesheet/collapse.mjs +33 -0
- package/source/components/host/stylesheet/config-manager.mjs +33 -0
- package/source/components/host/stylesheet/details.mjs +33 -0
- package/source/components/host/stylesheet/host.mjs +33 -0
- package/source/components/host/stylesheet/namespace.mjs +13 -0
- package/source/components/host/stylesheet/overlay.mjs +33 -0
- package/source/components/host/stylesheet/toggle-button.mjs +33 -0
- package/source/components/host/stylesheet/viewer.mjs +33 -0
- package/source/components/host/toggle-button.mjs +88 -0
- package/source/components/host/util.mjs +23 -0
- package/source/components/host/viewer.mjs +309 -0
- package/source/components/namespace.mjs +14 -0
- package/source/components/notify/constants.mjs +15 -0
- package/source/components/notify/events.mjs +15 -0
- package/source/components/notify/message.mjs +374 -0
- package/source/components/notify/namespace.mjs +15 -0
- package/source/components/notify/notify.mjs +236 -0
- package/source/components/notify/style/message.pcss +57 -0
- package/source/components/notify/style/notify.pcss +118 -0
- package/source/components/notify/stylesheet/message.mjs +33 -0
- package/source/components/notify/stylesheet/namespace.mjs +15 -0
- package/source/components/notify/stylesheet/notify.mjs +33 -0
- package/source/components/state/log/entry.mjs +126 -0
- package/source/components/state/log/namespace.mjs +13 -0
- package/source/components/state/log.mjs +275 -0
- package/source/components/state/namespace.mjs +13 -0
- package/source/components/state/state.mjs +131 -0
- package/source/components/state/style/log.pcss +111 -0
- package/source/components/state/style/state.pcss +113 -0
- package/source/components/state/stylesheet/log.mjs +33 -0
- package/source/components/state/stylesheet/state.mjs +33 -0
- package/source/components/style/badge.pcss +92 -0
- package/source/components/style/border.pcss +77 -0
- package/source/components/style/button.pcss +105 -0
- package/source/components/style/card.pcss +108 -0
- package/source/components/style/color.pcss +257 -0
- package/source/components/style/common.pcss +103 -0
- package/source/components/style/control.pcss +11 -0
- package/source/components/style/data-grid.pcss +43 -0
- package/source/components/style/display.pcss +42 -0
- package/source/components/style/floating-ui.pcss +33 -0
- package/source/components/style/form.pcss +5 -0
- package/source/components/style/host.pcss +15 -0
- package/source/components/style/link.pcss +63 -0
- package/source/components/style/mixin/badge.pcss +18 -0
- package/source/components/style/mixin/button.pcss +54 -0
- package/source/components/style/mixin/form.pcss +247 -0
- package/source/components/style/mixin/hover.pcss +8 -0
- package/source/components/style/mixin/media.pcss +107 -0
- package/source/components/style/mixin/property.pcss +288 -0
- package/source/components/style/mixin/skeleton.pcss +26 -0
- package/source/components/style/mixin/spinner.pcss +24 -0
- package/source/components/style/mixin/typography.pcss +52 -0
- package/source/components/style/normalize.pcss +14 -0
- package/source/components/style/popper.pcss +78 -0
- package/source/components/style/property.pcss +17 -0
- package/source/components/style/ripple.pcss +14 -0
- package/source/components/style/skeleton.pcss +28 -0
- package/source/components/style/space.pcss +47 -0
- package/source/components/style/spinner.pcss +6 -0
- package/source/components/style/table.pcss +46 -0
- package/source/components/style/theme.pcss +119 -0
- package/source/components/style/typography.pcss +131 -0
- package/source/components/stylesheet/badge.mjs +33 -0
- package/source/components/stylesheet/border.mjs +33 -0
- package/source/components/stylesheet/button.mjs +33 -0
- package/source/components/stylesheet/card.mjs +33 -0
- package/source/components/stylesheet/color.mjs +33 -0
- package/source/components/stylesheet/common.mjs +33 -0
- package/source/components/stylesheet/control.mjs +33 -0
- package/source/components/stylesheet/data-grid.mjs +33 -0
- package/source/components/stylesheet/display.mjs +33 -0
- package/source/components/stylesheet/floating-ui.mjs +33 -0
- package/source/components/stylesheet/form.mjs +33 -0
- package/source/components/stylesheet/host.mjs +33 -0
- package/source/components/stylesheet/link.mjs +33 -0
- package/source/components/stylesheet/namespace.mjs +13 -0
- package/source/components/stylesheet/normalize.mjs +33 -0
- package/source/components/stylesheet/popper.mjs +33 -0
- package/source/components/stylesheet/property.mjs +33 -0
- package/source/components/stylesheet/ripple.mjs +33 -0
- package/source/components/stylesheet/skeleton.mjs +33 -0
- package/source/components/stylesheet/space.mjs +33 -0
- package/source/components/stylesheet/spinner.mjs +33 -0
- package/source/components/stylesheet/table.mjs +33 -0
- package/source/components/stylesheet/theme.mjs +33 -0
- package/source/components/stylesheet/tree-menu.mjs +33 -0
- package/source/components/stylesheet/typography.mjs +33 -0
- package/source/components/tree-menu/namespace.mjs +13 -0
- package/source/components/tree-menu/style/tree-menu.pcss +107 -0
- package/source/components/tree-menu/stylesheet/namespace.mjs +13 -0
- package/source/components/tree-menu/stylesheet/tree-menu.mjs +33 -0
- package/source/components/tree-menu/tree-menu.mjs +660 -0
- package/source/constraints/abstract.mjs +17 -24
- package/source/constraints/abstractoperator.mjs +27 -22
- package/source/constraints/andoperator.mjs +20 -17
- package/source/constraints/invalid.mjs +17 -17
- package/source/constraints/isarray.mjs +20 -20
- package/source/constraints/isobject.mjs +20 -20
- package/source/constraints/oroperator.mjs +45 -45
- package/source/constraints/valid.mjs +17 -17
- package/source/data/buildmap.mjs +108 -103
- package/source/data/buildtree.mjs +59 -57
- package/source/data/datasource/dom.mjs +80 -84
- package/source/data/datasource/namespace.mjs +1 -1
- package/source/data/datasource/server/restapi/data-fetch-error.mjs +27 -25
- package/source/data/datasource/server/restapi/writeerror.mjs +34 -32
- package/source/data/datasource/server/restapi.mjs +176 -177
- package/source/data/datasource/server/webconnect.mjs +150 -156
- package/source/data/datasource/server.mjs +58 -59
- package/source/data/datasource/storage/localstorage.mjs +25 -24
- package/source/data/datasource/storage/sessionstorage.mjs +28 -25
- package/source/data/datasource/storage.mjs +74 -73
- package/source/data/datasource.mjs +176 -167
- package/source/data/diff.mjs +98 -97
- package/source/data/extend.mjs +42 -42
- package/source/data/pathfinder.mjs +301 -288
- package/source/data/pipe.mjs +36 -36
- package/source/data/transformer.mjs +742 -726
- package/source/dom/assembler.mjs +44 -44
- package/source/dom/attributes.mjs +142 -122
- package/source/dom/constants.mjs +62 -58
- package/source/dom/customcontrol.mjs +299 -299
- package/source/dom/customelement.mjs +843 -806
- package/source/dom/dimension.mjs +56 -46
- package/source/dom/events.mjs +74 -69
- package/source/dom/focusmanager.mjs +175 -175
- package/source/dom/locale.mjs +28 -28
- package/source/dom/ready.mjs +13 -13
- package/source/dom/resource/data.mjs +117 -111
- package/source/dom/resource/link/stylesheet.mjs +16 -16
- package/source/dom/resource/link.mjs +94 -96
- package/source/dom/resource/script.mjs +72 -74
- package/source/dom/resource.mjs +174 -172
- package/source/dom/resourcemanager.mjs +152 -156
- package/source/dom/slotted.mjs +78 -80
- package/source/dom/template.mjs +126 -112
- package/source/dom/theme.mjs +35 -35
- package/source/dom/updater.mjs +673 -651
- package/source/dom/util/extract-keys.mjs +34 -22
- package/source/dom/util/init-options-from-attributes.mjs +46 -38
- package/source/dom/util/namespace.mjs +13 -0
- package/source/dom/util/set-option-from-attribute.mjs +35 -29
- package/source/dom/util.mjs +112 -81
- package/source/dom/worker/factory.mjs +83 -83
- package/source/i18n/formatter.mjs +75 -73
- package/source/i18n/locale.mjs +146 -144
- package/source/i18n/provider.mjs +70 -64
- package/source/i18n/providers/embed.mjs +136 -127
- package/source/i18n/providers/fetch.mjs +84 -76
- package/source/i18n/translations.mjs +205 -195
- package/source/logging/handler/console.mjs +36 -36
- package/source/logging/handler.mjs +140 -140
- package/source/logging/logentry.mjs +25 -25
- package/source/logging/logger.mjs +177 -175
- package/source/math/random.mjs +63 -59
- package/source/monster.mjs +223 -103
- package/source/net/webconnect/message.mjs +31 -31
- package/source/net/webconnect.mjs +278 -271
- package/source/text/bracketed-key-value-hash.mjs +182 -179
- package/source/text/formatter.mjs +235 -210
- package/source/text/generate-range-comparison-expression.mjs +56 -34
- package/source/text/namespace.mjs +1 -1
- package/source/types/base.mjs +69 -61
- package/source/types/basewithoptions.mjs +46 -46
- package/source/types/binary.mjs +20 -20
- package/source/types/dataurl.mjs +96 -90
- package/source/types/global.mjs +45 -39
- package/source/types/id.mjs +25 -25
- package/source/types/internal.mjs +115 -114
- package/source/types/is.mjs +56 -40
- package/source/types/mediatype.mjs +119 -119
- package/source/types/namespace.mjs +1 -1
- package/source/types/node.mjs +160 -150
- package/source/types/nodelist.mjs +94 -96
- package/source/types/noderecursiveiterator.mjs +50 -50
- package/source/types/observablequeue.mjs +73 -73
- package/source/types/observer.mjs +104 -104
- package/source/types/observerlist.mjs +66 -66
- package/source/types/proxyobserver.mjs +210 -210
- package/source/types/queue.mjs +63 -63
- package/source/types/randomid.mjs +13 -13
- package/source/types/regex.mjs +3 -1
- package/source/types/stack.mjs +64 -64
- package/source/types/tokenlist.mjs +206 -205
- package/source/types/typeof.mjs +12 -10
- package/source/types/uniquequeue.mjs +48 -48
- package/source/types/uuid.mjs +32 -32
- package/source/types/validate.mjs +67 -67
- package/source/types/version.mjs +115 -105
- package/source/util/clone.mjs +103 -91
- package/source/util/comparator.mjs +97 -97
- package/source/util/deadmansswitch.mjs +40 -44
- package/source/util/freeze.mjs +10 -9
- package/source/util/namespace.mjs +1 -1
- package/source/util/processing.mjs +104 -105
- package/source/util/runtime.mjs +56 -44
- package/source/util/trimspaces.mjs +24 -24
- package/test/cases/components/form/button.mjs +122 -0
- package/test/cases/components/form/confirm-button.mjs +127 -0
- package/test/cases/components/form/form.mjs +317 -0
- package/test/cases/components/form/reload.mjs +188 -0
- package/test/cases/components/form/select.mjs +229 -0
- package/test/cases/components/form/state-button.mjs +130 -0
- package/test/cases/components/form/tabs.mjs +98 -0
- package/test/cases/components/form/template.mjs +189 -0
- package/test/cases/components/form/tree-select.mjs +216 -0
- package/test/cases/components/host/details.mjs +68 -0
- package/test/cases/components/host/host.mjs +70 -0
- package/test/cases/components/host/overlay.mjs +60 -0
- package/test/cases/components/host/util.mjs +79 -0
- package/test/cases/components/notify/message.mjs +39 -0
- package/test/cases/components/notify/notify.mjs +89 -0
- package/test/cases/dom/customcontrol.mjs +5 -4
- package/test/cases/math/random.mjs +0 -1
- package/test/cases/monster.mjs +1 -1
- package/test/cases/net/webconnect/message.mjs +0 -1
- package/test/cases/types/node.mjs +1 -1
- package/test/util/chai-dom.mjs +2 -2
- package/test/util/intersection-mock.mjs +69 -0
- package/test/util/jsdom.mjs +41 -25
- package/test/util/localstorage.mjs +1 -0
- package/test/util/resize-observer.mjs +29 -0
- package/test/util/websocket.mjs +4 -1
- package/test/web/import.js +16 -1
- package/test/web/test.html +28 -5
- package/test/web/tests.js +30398 -17879
package/source/dom/locale.mjs
CHANGED
@@ -37,22 +37,22 @@ const DEFAULT_LANGUAGE = "en";
|
|
37
37
|
* @summary Tries to determine the locale used
|
38
38
|
*/
|
39
39
|
function getLocaleOfDocument() {
|
40
|
-
|
40
|
+
const document = getDocument();
|
41
41
|
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
42
|
+
const html = document.querySelector("html");
|
43
|
+
if (html instanceof HTMLElement && html.hasAttribute("lang")) {
|
44
|
+
const locale = html.getAttribute("lang");
|
45
|
+
if (locale) {
|
46
|
+
return new parseLocale(locale);
|
47
|
+
}
|
48
|
+
}
|
49
49
|
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
50
|
+
const navigatorLanguage = getNavigatorLanguage();
|
51
|
+
if (navigatorLanguage) {
|
52
|
+
return parseLocale(navigatorLanguage);
|
53
|
+
}
|
54
54
|
|
55
|
-
|
55
|
+
return parseLocale(DEFAULT_LANGUAGE);
|
56
56
|
}
|
57
57
|
|
58
58
|
/**
|
@@ -62,22 +62,22 @@ function getLocaleOfDocument() {
|
|
62
62
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Navigator/languages
|
63
63
|
*/
|
64
64
|
const getNavigatorLanguage = () => {
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
65
|
+
const navigator = getGlobalObject("navigator");
|
66
|
+
if (navigator === undefined) {
|
67
|
+
return undefined;
|
68
|
+
}
|
69
69
|
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
70
|
+
if (navigator.hasOwnProperty("language")) {
|
71
|
+
const language = navigator.language;
|
72
|
+
if (typeof language === "string" && language.length > 0) {
|
73
|
+
return language;
|
74
|
+
}
|
75
|
+
}
|
76
76
|
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
77
|
+
const languages = navigator?.languages;
|
78
|
+
if (Array.isArray(languages) && languages.length > 0) {
|
79
|
+
return languages[0];
|
80
|
+
}
|
81
81
|
|
82
|
-
|
82
|
+
return undefined;
|
83
83
|
};
|
package/source/dom/ready.mjs
CHANGED
@@ -29,13 +29,13 @@ export { domReady, windowReady };
|
|
29
29
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
|
30
30
|
*/
|
31
31
|
const domReady = new Promise((resolve) => {
|
32
|
-
|
32
|
+
const document = getDocument();
|
33
33
|
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
34
|
+
if (document.readyState === "loading") {
|
35
|
+
document.addEventListener("DOMContentLoaded", resolve);
|
36
|
+
} else {
|
37
|
+
resolve();
|
38
|
+
}
|
39
39
|
});
|
40
40
|
|
41
41
|
/**
|
@@ -54,12 +54,12 @@ const domReady = new Promise((resolve) => {
|
|
54
54
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
|
55
55
|
*/
|
56
56
|
const windowReady = new Promise((resolve) => {
|
57
|
-
|
58
|
-
|
57
|
+
const document = getDocument();
|
58
|
+
const window = getWindow();
|
59
59
|
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
60
|
+
if (document.readyState === "complete") {
|
61
|
+
resolve();
|
62
|
+
} else {
|
63
|
+
window.addEventListener("load", resolve);
|
64
|
+
}
|
65
65
|
});
|
@@ -9,15 +9,20 @@ import { internalStateSymbol } from "../../constants.mjs";
|
|
9
9
|
import { extend } from "../../data/extend.mjs";
|
10
10
|
import { getGlobalFunction } from "../../types/global.mjs";
|
11
11
|
import {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
12
|
+
ATTRIBUTE_CLASS,
|
13
|
+
ATTRIBUTE_ERRORMESSAGE,
|
14
|
+
ATTRIBUTE_ID,
|
15
|
+
ATTRIBUTE_SRC,
|
16
|
+
ATTRIBUTE_TITLE,
|
17
|
+
ATTRIBUTE_TYPE,
|
18
|
+
TAG_SCRIPT,
|
19
19
|
} from "../constants.mjs";
|
20
|
-
import {
|
20
|
+
import {
|
21
|
+
KEY_DOCUMENT,
|
22
|
+
KEY_QUERY,
|
23
|
+
referenceSymbol,
|
24
|
+
Resource,
|
25
|
+
} from "../resource.mjs";
|
21
26
|
import { instanceSymbol } from "../../constants.mjs";
|
22
27
|
export { Data };
|
23
28
|
|
@@ -31,58 +36,58 @@ export { Data };
|
|
31
36
|
* @summary A Data Resource class
|
32
37
|
*/
|
33
38
|
class Data extends Resource {
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
39
|
+
/**
|
40
|
+
* @property {string} mode=cors https://developer.mozilla.org/en-US/docs/Web/API/fetch
|
41
|
+
* @property {string} credentials=same-origin https://developer.mozilla.org/en-US/docs/Web/API/fetch
|
42
|
+
* @property {string} type=application/json {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-type}
|
43
|
+
*/
|
44
|
+
get defaults() {
|
45
|
+
return extend({}, super.defaults, {
|
46
|
+
mode: "cors",
|
47
|
+
credentials: "same-origin",
|
48
|
+
type: "application/json",
|
49
|
+
});
|
50
|
+
}
|
51
|
+
|
52
|
+
/**
|
53
|
+
*
|
54
|
+
* @return {Monster.DOM.Resource.Data}
|
55
|
+
*/
|
56
|
+
create() {
|
57
|
+
createElement.call(this);
|
58
|
+
return this;
|
59
|
+
}
|
60
|
+
|
61
|
+
/**
|
62
|
+
* This method appends the HTMLElement to the specified document
|
63
|
+
*
|
64
|
+
* throws {Error} target not found
|
65
|
+
* @return {Monster.DOM.Resource}
|
66
|
+
*/
|
67
|
+
connect() {
|
68
|
+
if (!(this[referenceSymbol] instanceof HTMLElement)) {
|
69
|
+
this.create();
|
70
|
+
}
|
71
|
+
|
72
|
+
appendToDocument.call(this);
|
73
|
+
return this;
|
74
|
+
}
|
75
|
+
|
76
|
+
/**
|
77
|
+
* This method is called by the `instanceof` operator.
|
78
|
+
* @returns {symbol}
|
79
|
+
* @since 2.1.0
|
80
|
+
*/
|
81
|
+
static get [instanceSymbol]() {
|
82
|
+
return Symbol.for("@schukai/monster/dom/resource/data");
|
83
|
+
}
|
84
|
+
|
85
|
+
/**
|
86
|
+
* @return {string}
|
87
|
+
*/
|
88
|
+
static getURLAttribute() {
|
89
|
+
return ATTRIBUTE_SRC;
|
90
|
+
}
|
86
91
|
}
|
87
92
|
|
88
93
|
/**
|
@@ -90,18 +95,21 @@ class Data extends Resource {
|
|
90
95
|
* @return {Monster.DOM.Resource.Data}
|
91
96
|
*/
|
92
97
|
function createElement() {
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
98
|
+
const document = this.getOption(KEY_DOCUMENT);
|
99
|
+
this[referenceSymbol] = document.createElement(TAG_SCRIPT);
|
100
|
+
|
101
|
+
for (const key of [
|
102
|
+
ATTRIBUTE_TYPE,
|
103
|
+
ATTRIBUTE_ID,
|
104
|
+
ATTRIBUTE_CLASS,
|
105
|
+
ATTRIBUTE_TITLE,
|
106
|
+
]) {
|
107
|
+
if (this.getOption(key) !== undefined) {
|
108
|
+
this[referenceSymbol][key] = this.getOption(key);
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
112
|
+
return this;
|
105
113
|
}
|
106
114
|
|
107
115
|
/**
|
@@ -110,43 +118,41 @@ function createElement() {
|
|
110
118
|
* throws {Error} target not found
|
111
119
|
*/
|
112
120
|
function appendToDocument() {
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
return self;
|
121
|
+
const targetNode = document.querySelector(this.getOption(KEY_QUERY, "head"));
|
122
|
+
if (!(targetNode instanceof HTMLElement)) {
|
123
|
+
throw new Error("target not found");
|
124
|
+
}
|
125
|
+
|
126
|
+
targetNode.appendChild(this[referenceSymbol]);
|
127
|
+
|
128
|
+
getGlobalFunction("fetch")(this.getOption(ATTRIBUTE_SRC), {
|
129
|
+
method: "GET", // *GET, POST, PUT, DELETE, etc.
|
130
|
+
mode: this.getOption("mode", "cors"), // no-cors, *cors, same-origin
|
131
|
+
cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
|
132
|
+
credentials: this.getOption("credentials", "same-origin"), // include, *same-origin, omit
|
133
|
+
headers: {
|
134
|
+
Accept: this.getOption("type", "application/json"),
|
135
|
+
},
|
136
|
+
redirect: "follow", // manual, *follow, error
|
137
|
+
referrerPolicy: "no-referrer", // no-referrer,
|
138
|
+
})
|
139
|
+
.then((response) => {
|
140
|
+
return response.text();
|
141
|
+
})
|
142
|
+
.then((text) => {
|
143
|
+
const textNode = document.createTextNode(text);
|
144
|
+
this[referenceSymbol].appendChild(textNode);
|
145
|
+
|
146
|
+
this[internalStateSymbol].getSubject()["loaded"] = true;
|
147
|
+
})
|
148
|
+
.catch((e) => {
|
149
|
+
this[internalStateSymbol].setSubject({
|
150
|
+
loaded: true,
|
151
|
+
error: e.toString(),
|
152
|
+
});
|
153
|
+
|
154
|
+
targetNode.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.toString());
|
155
|
+
});
|
156
|
+
|
157
|
+
return this;
|
152
158
|
}
|
@@ -21,21 +21,21 @@ export { Stylesheet };
|
|
21
21
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
|
22
22
|
*/
|
23
23
|
class Stylesheet extends Link {
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
24
|
+
/**
|
25
|
+
* @property {string} rel {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-rel}
|
26
|
+
*/
|
27
|
+
get defaults() {
|
28
|
+
return extend({}, super.defaults, {
|
29
|
+
rel: "stylesheet",
|
30
|
+
});
|
31
|
+
}
|
32
32
|
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
33
|
+
/**
|
34
|
+
* This method is called by the `instanceof` operator.
|
35
|
+
* @returns {symbol}
|
36
|
+
* @since 2.1.0
|
37
|
+
*/
|
38
|
+
static get [instanceSymbol]() {
|
39
|
+
return Symbol.for("@schukai/monster/dom/resource/link/stylesheet");
|
40
|
+
}
|
41
41
|
}
|
@@ -7,14 +7,14 @@
|
|
7
7
|
|
8
8
|
import { extend } from "../../data/extend.mjs";
|
9
9
|
import {
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
10
|
+
ATTRIBUTE_CLASS,
|
11
|
+
ATTRIBUTE_HREF,
|
12
|
+
ATTRIBUTE_ID,
|
13
|
+
ATTRIBUTE_NONCE,
|
14
|
+
ATTRIBUTE_SRC,
|
15
|
+
ATTRIBUTE_TITLE,
|
16
|
+
ATTRIBUTE_TYPE,
|
17
|
+
TAG_LINK,
|
18
18
|
} from "../constants.mjs";
|
19
19
|
import { KEY_DOCUMENT, referenceSymbol, Resource } from "../resource.mjs";
|
20
20
|
import { instanceSymbol } from "../../constants.mjs";
|
@@ -31,67 +31,67 @@ export { Link };
|
|
31
31
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link
|
32
32
|
*/
|
33
33
|
class Link extends Resource {
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
34
|
+
/**
|
35
|
+
* @property {string} as {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-as}
|
36
|
+
* @property {string} crossOrigin=anonymous {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-crossorigin}
|
37
|
+
* @property {boolean} disabled
|
38
|
+
* @property {string} href {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-href}
|
39
|
+
* @property {string} hreflang {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-hreflang}
|
40
|
+
* @property {string} imagesizes {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-imagesizes}
|
41
|
+
* @property {string} imagesrcset {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-imagesrcset}
|
42
|
+
* @property {string} integrity {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-integrity}
|
43
|
+
* @property {string} media {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-media}
|
44
|
+
* @property {string} prefetch {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-prefetch}
|
45
|
+
* @property {string} referrerpolicy {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-referrerpolicy}
|
46
|
+
* @property {string} rel {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-rel}
|
47
|
+
* @property {string} type {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-type}
|
48
|
+
* @property {string} sizes {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-sizes}
|
49
|
+
* @property {string} nonce {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-nonce}
|
50
|
+
*/
|
51
|
+
get defaults() {
|
52
|
+
return extend({}, super.defaults, {
|
53
|
+
as: undefined,
|
54
|
+
crossOrigin: "anonymous",
|
55
|
+
disabled: undefined,
|
56
|
+
href: undefined,
|
57
|
+
hreflang: undefined,
|
58
|
+
imagesizes: undefined,
|
59
|
+
imagesrcset: undefined,
|
60
|
+
integrity: undefined,
|
61
|
+
media: undefined,
|
62
|
+
prefetch: undefined,
|
63
|
+
referrerpolicy: undefined,
|
64
|
+
rel: undefined,
|
65
|
+
sizes: undefined,
|
66
|
+
type: undefined,
|
67
|
+
nonce: undefined,
|
68
|
+
});
|
69
|
+
}
|
70
70
|
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
71
|
+
/**
|
72
|
+
* This method is called by the `instanceof` operator.
|
73
|
+
* @returns {symbol}
|
74
|
+
* @since 2.1.0
|
75
|
+
*/
|
76
|
+
static get [instanceSymbol]() {
|
77
|
+
return Symbol.for("@schukai/monster/dom/resource/link");
|
78
|
+
}
|
79
79
|
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
80
|
+
/**
|
81
|
+
*
|
82
|
+
* @return {Monster.DOM.Resource.Link}
|
83
|
+
*/
|
84
|
+
create() {
|
85
|
+
createElement.call(this);
|
86
|
+
return this;
|
87
|
+
}
|
88
88
|
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
89
|
+
/**
|
90
|
+
* @return {string}
|
91
|
+
*/
|
92
|
+
static getURLAttribute() {
|
93
|
+
return ATTRIBUTE_HREF;
|
94
|
+
}
|
95
95
|
}
|
96
96
|
|
97
97
|
/**
|
@@ -99,36 +99,34 @@ class Link extends Resource {
|
|
99
99
|
* @return {Monster.DOM.Resource.Link}
|
100
100
|
*/
|
101
101
|
function createElement() {
|
102
|
-
|
102
|
+
const document = this.getOption(KEY_DOCUMENT);
|
103
|
+
this[referenceSymbol] = document.createElement(TAG_LINK);
|
103
104
|
|
104
|
-
|
105
|
-
|
105
|
+
for (const key of [
|
106
|
+
"as",
|
107
|
+
"crossOrigin",
|
108
|
+
"disabled",
|
109
|
+
"href",
|
110
|
+
"hreflang",
|
111
|
+
"imagesizes",
|
112
|
+
"imagesrcset",
|
113
|
+
"integrity",
|
114
|
+
"media",
|
115
|
+
"prefetch",
|
116
|
+
"referrerpolicy",
|
117
|
+
"sizes",
|
118
|
+
"rel",
|
119
|
+
"type",
|
120
|
+
ATTRIBUTE_HREF,
|
121
|
+
ATTRIBUTE_ID,
|
122
|
+
ATTRIBUTE_CLASS,
|
123
|
+
ATTRIBUTE_TITLE,
|
124
|
+
ATTRIBUTE_NONCE,
|
125
|
+
]) {
|
126
|
+
if (this.getOption(key) !== undefined) {
|
127
|
+
this[referenceSymbol][key] = this.getOption(key);
|
128
|
+
}
|
129
|
+
}
|
106
130
|
|
107
|
-
|
108
|
-
"as",
|
109
|
-
"crossOrigin",
|
110
|
-
"disabled",
|
111
|
-
"href",
|
112
|
-
"hreflang",
|
113
|
-
"imagesizes",
|
114
|
-
"imagesrcset",
|
115
|
-
"integrity",
|
116
|
-
"media",
|
117
|
-
"prefetch",
|
118
|
-
"referrerpolicy",
|
119
|
-
"sizes",
|
120
|
-
"rel",
|
121
|
-
"type",
|
122
|
-
ATTRIBUTE_HREF,
|
123
|
-
ATTRIBUTE_ID,
|
124
|
-
ATTRIBUTE_CLASS,
|
125
|
-
ATTRIBUTE_TITLE,
|
126
|
-
ATTRIBUTE_NONCE,
|
127
|
-
]) {
|
128
|
-
if (self.getOption(key) !== undefined) {
|
129
|
-
self[referenceSymbol][key] = self.getOption(key);
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
return self;
|
131
|
+
return this;
|
134
132
|
}
|