@wavelengthusaf/web-components 1.6.2 → 1.7.1
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/cjs/index.cjs +129 -6
- package/dist/cjs/index.d.cts +394 -1
- package/dist/esm/index.d.ts +394 -1
- package/dist/esm/index.js +128 -5
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -5755,6 +5755,7 @@ template6.innerHTML = `
|
|
|
5755
5755
|
align-items: center;
|
|
5756
5756
|
justify-content: space-between;
|
|
5757
5757
|
cursor: pointer;
|
|
5758
|
+
box-sizing: border-box;
|
|
5758
5759
|
border: 1px solid black;
|
|
5759
5760
|
gap: 4px;
|
|
5760
5761
|
padding: 0 8px;
|
|
@@ -5783,7 +5784,7 @@ template6.innerHTML = `
|
|
|
5783
5784
|
}
|
|
5784
5785
|
|
|
5785
5786
|
.options-list {
|
|
5786
|
-
position:
|
|
5787
|
+
position: absolute;
|
|
5787
5788
|
left: 0;
|
|
5788
5789
|
right: 0;
|
|
5789
5790
|
margin: 0;
|
|
@@ -5822,7 +5823,26 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5822
5823
|
this._selectedValue = this.getAttribute("default-value");
|
|
5823
5824
|
}
|
|
5824
5825
|
static get observedAttributes() {
|
|
5825
|
-
return [
|
|
5826
|
+
return [
|
|
5827
|
+
"options",
|
|
5828
|
+
"default-value",
|
|
5829
|
+
"color",
|
|
5830
|
+
"font-size",
|
|
5831
|
+
"font-family",
|
|
5832
|
+
"border-radius",
|
|
5833
|
+
"border-color",
|
|
5834
|
+
"width",
|
|
5835
|
+
"height",
|
|
5836
|
+
"arrow-size",
|
|
5837
|
+
"arrow-color",
|
|
5838
|
+
"popup-radius",
|
|
5839
|
+
"popup-align",
|
|
5840
|
+
"popup-selected-color",
|
|
5841
|
+
"popup-background-color",
|
|
5842
|
+
"popup-text-color",
|
|
5843
|
+
"popup-text-align",
|
|
5844
|
+
"popup-hover-background"
|
|
5845
|
+
];
|
|
5826
5846
|
}
|
|
5827
5847
|
connectedCallback() {
|
|
5828
5848
|
this.parseOptionsAttribute();
|
|
@@ -5869,10 +5889,11 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5869
5889
|
li.style.textOverflow = "clip";
|
|
5870
5890
|
li.style.fontSize = this.getAttribute("font-size") || this.style.fontSize || "inherit";
|
|
5871
5891
|
li.style.fontFamily = this.getAttribute("font-family") || this.style.fontFamily || "inherit";
|
|
5872
|
-
li.style.color = "#000";
|
|
5892
|
+
li.style.color = this.getAttribute("popup-text-color") || "#000";
|
|
5893
|
+
li.style.textAlign = this.getAttribute("popup-text-align") || "left";
|
|
5873
5894
|
const originalBg = li.style.backgroundColor;
|
|
5874
5895
|
li.addEventListener("mouseenter", () => {
|
|
5875
|
-
li.style.backgroundColor = "#eee";
|
|
5896
|
+
li.style.backgroundColor = this.getAttribute("popup-hover-background") || "#eee";
|
|
5876
5897
|
});
|
|
5877
5898
|
li.addEventListener("mouseleave", () => {
|
|
5878
5899
|
if (this._selectedValue === opt.value) {
|
|
@@ -5919,6 +5940,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5919
5940
|
height: this.getAttribute("height") || style.height
|
|
5920
5941
|
});
|
|
5921
5942
|
Object.assign(this.dropdownField.style, {
|
|
5943
|
+
borderColor: this.getAttribute("border-color") || style.borderColor,
|
|
5922
5944
|
borderRadius: this.getAttribute("border-radius") || style.borderRadius,
|
|
5923
5945
|
fontSize: this.getAttribute("font-size") || style.fontSize,
|
|
5924
5946
|
fontFamily: this.getAttribute("font-family") || style.fontFamily,
|
|
@@ -5927,6 +5949,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5927
5949
|
this.dropdownBox.style.minWidth = this.getAttribute("width") || "auto";
|
|
5928
5950
|
const arrow = this.dropdownField.querySelector(".arrow");
|
|
5929
5951
|
arrow.style.padding = this.getAttribute("arrow-size") || "2px";
|
|
5952
|
+
arrow.style.background = this.getAttribute("arrow-color") || "black";
|
|
5930
5953
|
this.optionsList.style.minWidth = "auto";
|
|
5931
5954
|
const popupAlign = this.getAttribute("popup-align") || "left";
|
|
5932
5955
|
switch (popupAlign) {
|
|
@@ -5947,7 +5970,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5947
5970
|
this.optionsList.style.transform = "none";
|
|
5948
5971
|
break;
|
|
5949
5972
|
}
|
|
5950
|
-
this.optionsList.style.backgroundColor = "white";
|
|
5973
|
+
this.optionsList.style.backgroundColor = this.getAttribute("popup-background-color") || "white";
|
|
5951
5974
|
this.optionsList.style.borderRadius = this.getAttribute("popup-radius") || this.getAttribute("border-radius") || "4px";
|
|
5952
5975
|
}
|
|
5953
5976
|
get value() {
|
|
@@ -5972,6 +5995,106 @@ if (!customElements.get("wavelength-dropdown")) {
|
|
|
5972
5995
|
customElements.define("wavelength-dropdown", WavelengthDropdown);
|
|
5973
5996
|
}
|
|
5974
5997
|
|
|
5998
|
+
// src/web-components/wavelength-snackbar.template.html
|
|
5999
|
+
var wavelength_snackbar_template_default = '<style>\n :host {\n display: flex;\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100%;\n padding: 20px;\n box-sizing: border-box;\n pointer-events: none;\n opacity: 0;\n align-items: flex-end;\n transform: translateY(100px);\n justify-content: var(--justify-content, center);\n transition:\n opacity 0.3s ease-in-out,\n transform 0.3s ease-in-out;\n }\n\n :host([vertical-align="top"]) {\n align-items: flex-start;\n transform: translateY(-100px);\n }\n\n :host([vertical-align="center"]) {\n align-items: center;\n transform: scale(0.9);\n }\n\n :host([vertical-align="bottom"]) {\n align-items: flex-end;\n transform: translateY(100px);\n }\n\n :host(.show) {\n opacity: 1;\n transform: none;\n }\n\n #container {\n display: none;\n pointer-events: auto;\n background-color: var(--background-color, #333);\n color: var(--font-color, #fff);\n font-family: var(--font-family, Arial, sans-serif);\n font-size: var(--font-size, 16px);\n border: var(--border, none);\n padding: var(--padding, 16px);\n border-radius: var(--border-radius, 8px);\n width: var(--width, auto);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n text-align: center;\n }\n</style>\n\n<div id="container"></div>\n';
|
|
6000
|
+
|
|
6001
|
+
// src/web-components/wavelength-snackbar.ts
|
|
6002
|
+
var WavelengthSnackbar = class extends HTMLElement {
|
|
6003
|
+
static get observedAttributes() {
|
|
6004
|
+
return ["message", "background-color", "font-color", "font-family", "font-size", "border", "padding", "border-radius", "width", "horizontal-align", "duration"];
|
|
6005
|
+
}
|
|
6006
|
+
constructor() {
|
|
6007
|
+
super();
|
|
6008
|
+
this.attachShadow({ mode: "open" });
|
|
6009
|
+
}
|
|
6010
|
+
connectedCallback() {
|
|
6011
|
+
this.shadowRoot.innerHTML = wavelength_snackbar_template_default;
|
|
6012
|
+
this.snackbarElement = this.shadowRoot.querySelector("#container");
|
|
6013
|
+
this.render();
|
|
6014
|
+
}
|
|
6015
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
6016
|
+
if (oldValue === newValue) return;
|
|
6017
|
+
this.render();
|
|
6018
|
+
if (name === "message" && newValue) this.show();
|
|
6019
|
+
}
|
|
6020
|
+
render() {
|
|
6021
|
+
if (!this.snackbarElement) return;
|
|
6022
|
+
const message = this.getAttribute("message") || "";
|
|
6023
|
+
this.snackbarElement.textContent = message;
|
|
6024
|
+
this.snackbarElement.style.display = message ? "block" : "none";
|
|
6025
|
+
const props = [
|
|
6026
|
+
["--background-color", "background-color", "#333"],
|
|
6027
|
+
["--font-color", "font-color", "#fff"],
|
|
6028
|
+
["--font-family", "font-family", "Arial, sans-serif"],
|
|
6029
|
+
["--font-size", "font-size", "16px"],
|
|
6030
|
+
["--border", "border", "none"],
|
|
6031
|
+
["--padding", "padding", "16px"],
|
|
6032
|
+
["--border-radius", "border-radius", "8px"],
|
|
6033
|
+
["--width", "width", "auto"],
|
|
6034
|
+
["--justify-content", "horizontal-align", "center"]
|
|
6035
|
+
];
|
|
6036
|
+
for (const [prop, attr, fallback] of props) {
|
|
6037
|
+
this.style.setProperty(prop, _nullishCoalesce(this.getAttribute(attr), () => ( fallback)));
|
|
6038
|
+
}
|
|
6039
|
+
}
|
|
6040
|
+
show(message, duration) {
|
|
6041
|
+
if (!this.snackbarElement) return;
|
|
6042
|
+
if (message) this.snackbarElement.textContent = message;
|
|
6043
|
+
const displayDuration = _nullishCoalesce(duration, () => ( parseInt(_nullishCoalesce(this.getAttribute("duration"), () => ( "3000")), 10)));
|
|
6044
|
+
this.classList.remove("show");
|
|
6045
|
+
void this.offsetWidth;
|
|
6046
|
+
this.classList.add("show");
|
|
6047
|
+
setTimeout(() => this.classList.remove("show"), displayDuration);
|
|
6048
|
+
}
|
|
6049
|
+
};
|
|
6050
|
+
customElements.define("wavelength-snackbar", WavelengthSnackbar);
|
|
6051
|
+
|
|
6052
|
+
// src/web-components/wavelength-planetrail.template.html
|
|
6053
|
+
var wavelength_planetrail_template_default = '<style>\n :host {\n display: block;\n --color: #00308F;\n }\n .flex-container {\n display: flex;\n align-items: center;\n }\n\n #inner {\n border-radius: 25px;\n height: 2px;\n flex-grow: 1;\n background-color: var(--color);\n }\n\n #path {\n fill: var(--color);\n }\n</style>\n\n<div id="outer" class="flex-container" >\n <div id="inner">\n </div>\n <div>\n <svg id="plane" width="40" height="40">\n <path\n d="M 4.1666 16.3988 L 5.7608 16.3988 L 8.1645 19.6359 L 18.2616 19.6359 L 14.1291 5.6667 L 16.2425 5.6667 L 24.5075 19.6359 L 33.985 19.6359 C 34.5022 19.6359 34.9422 19.8172 35.305 20.18 C 35.6677 20.5428 35.8491 20.9828 35.8491 21.5 C 35.8491 22.0172 35.6677 22.4572 35.305 22.82 C 34.9422 23.1828 34.5022 23.3642 33.985 23.3642 L 24.5075 23.3642 L 16.2425 37.3334 L 14.1291 37.3334 L 18.2616 23.3642 L 8.1966 23.3642 L 5.7608 26.6013 L 4.1666 26.6013 L 5.6433 21.5 L 4.1666 16.3988 Z"\n id="path"\n />\n </svg>\n </div>\n</div>\n';
|
|
6054
|
+
|
|
6055
|
+
// src/web-components/wavelength-planetrail.ts
|
|
6056
|
+
var BasePlaneTrail = class extends HTMLElement {
|
|
6057
|
+
static get observedAttributes() {
|
|
6058
|
+
return ["traildir", "color"];
|
|
6059
|
+
}
|
|
6060
|
+
constructor() {
|
|
6061
|
+
super();
|
|
6062
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
6063
|
+
this.shadow.innerHTML = wavelength_planetrail_template_default;
|
|
6064
|
+
this.plane = this.shadow.querySelector("#plane");
|
|
6065
|
+
this.outer = this.shadow.querySelector("#outer");
|
|
6066
|
+
this.inner = this.shadow.querySelector("#inner");
|
|
6067
|
+
}
|
|
6068
|
+
connectedCallback() {
|
|
6069
|
+
this.updateComponent();
|
|
6070
|
+
}
|
|
6071
|
+
attributeChangedCallback() {
|
|
6072
|
+
this.updateComponent();
|
|
6073
|
+
}
|
|
6074
|
+
updateComponent() {
|
|
6075
|
+
const trailDir = this.getAttribute("traildir") || "right";
|
|
6076
|
+
const color = this.getAttribute("color") || "#00308F";
|
|
6077
|
+
this.style.setProperty("--color", color);
|
|
6078
|
+
this.plane.style.setProperty("transform", trailDir === "right" ? "" : "matrix(-1, 0, 0, 1, 0, 0)");
|
|
6079
|
+
this.outer.style.setProperty("flex-direction", trailDir === "right" ? "row" : "row-reverse");
|
|
6080
|
+
this.outer.style.setProperty("justify-content", trailDir === "right" ? "right" : "left");
|
|
6081
|
+
if (trailDir === "right") {
|
|
6082
|
+
this.inner.style.setProperty("margin-right", "10px");
|
|
6083
|
+
this.inner.style.setProperty("margin-left", "0px");
|
|
6084
|
+
} else {
|
|
6085
|
+
this.inner.style.setProperty("margin-left", "10px");
|
|
6086
|
+
this.inner.style.setProperty("margin-right", "0px");
|
|
6087
|
+
}
|
|
6088
|
+
}
|
|
6089
|
+
};
|
|
6090
|
+
var WavelengthPlaneTrail = class extends StylingMixin(BasePlaneTrail) {
|
|
6091
|
+
};
|
|
6092
|
+
if (!customElements.get("wavelength-planetrail")) {
|
|
6093
|
+
customElements.define("wavelength-planetrail", WavelengthPlaneTrail);
|
|
6094
|
+
}
|
|
6095
|
+
|
|
6096
|
+
|
|
6097
|
+
|
|
5975
6098
|
|
|
5976
6099
|
|
|
5977
6100
|
|
|
@@ -5989,7 +6112,7 @@ if (!customElements.get("wavelength-dropdown")) {
|
|
|
5989
6112
|
|
|
5990
6113
|
|
|
5991
6114
|
|
|
5992
|
-
exports.BaseWavelengthInput = BaseWavelengthInput; exports.BaseWavelengthMultiSelectAutocomplete = BaseWavelengthMultiSelectAutocomplete; exports.ChildDataTable = ChildDataTable; exports.SampleComponent = SampleComponent; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthButton = WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthForm = WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthTitleBar = WavelengthTitleBar;
|
|
6115
|
+
exports.BaseWavelengthInput = BaseWavelengthInput; exports.BaseWavelengthMultiSelectAutocomplete = BaseWavelengthMultiSelectAutocomplete; exports.ChildDataTable = ChildDataTable; exports.SampleComponent = SampleComponent; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthButton = WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthForm = WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar;
|
|
5993
6116
|
/*! Bundled license information:
|
|
5994
6117
|
|
|
5995
6118
|
react/cjs/react.production.min.js:
|
package/dist/cjs/index.d.cts
CHANGED
|
@@ -1852,4 +1852,397 @@ declare class WavelengthDropdown extends HTMLElement {
|
|
|
1852
1852
|
set color(col: string);
|
|
1853
1853
|
}
|
|
1854
1854
|
|
|
1855
|
-
|
|
1855
|
+
declare class WavelengthSnackbar extends HTMLElement {
|
|
1856
|
+
static get observedAttributes(): string[];
|
|
1857
|
+
private snackbarElement;
|
|
1858
|
+
constructor();
|
|
1859
|
+
connectedCallback(): void;
|
|
1860
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
1861
|
+
private render;
|
|
1862
|
+
show(message?: string, duration?: number): void;
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
declare class BasePlaneTrail extends HTMLElement {
|
|
1866
|
+
static get observedAttributes(): string[];
|
|
1867
|
+
private shadow;
|
|
1868
|
+
private plane;
|
|
1869
|
+
private outer;
|
|
1870
|
+
private inner;
|
|
1871
|
+
constructor();
|
|
1872
|
+
connectedCallback(): void;
|
|
1873
|
+
attributeChangedCallback(): void;
|
|
1874
|
+
updateComponent(): void;
|
|
1875
|
+
}
|
|
1876
|
+
declare const WavelengthPlaneTrail_base: {
|
|
1877
|
+
new (...args: any[]): {
|
|
1878
|
+
readonly _mixinStyleTagId: "custom-mixin-styles";
|
|
1879
|
+
set customStyles(styleObject: {
|
|
1880
|
+
[key: string]: string | number | {
|
|
1881
|
+
[key: string]: string | number;
|
|
1882
|
+
};
|
|
1883
|
+
});
|
|
1884
|
+
toKebabCase(str: string): string;
|
|
1885
|
+
createCssPropertiesString(ruleObject: {
|
|
1886
|
+
[key: string]: string | number;
|
|
1887
|
+
}): string;
|
|
1888
|
+
generateAndApplyStyles(styleObject: {
|
|
1889
|
+
[key: string]: string | number | {
|
|
1890
|
+
[key: string]: string | number;
|
|
1891
|
+
};
|
|
1892
|
+
}): void;
|
|
1893
|
+
accessKey: string;
|
|
1894
|
+
readonly accessKeyLabel: string;
|
|
1895
|
+
autocapitalize: string;
|
|
1896
|
+
autocorrect: boolean;
|
|
1897
|
+
dir: string;
|
|
1898
|
+
draggable: boolean;
|
|
1899
|
+
hidden: boolean;
|
|
1900
|
+
inert: boolean;
|
|
1901
|
+
innerText: string;
|
|
1902
|
+
lang: string;
|
|
1903
|
+
readonly offsetHeight: number;
|
|
1904
|
+
readonly offsetLeft: number;
|
|
1905
|
+
readonly offsetParent: Element | null;
|
|
1906
|
+
readonly offsetTop: number;
|
|
1907
|
+
readonly offsetWidth: number;
|
|
1908
|
+
outerText: string;
|
|
1909
|
+
popover: string | null;
|
|
1910
|
+
spellcheck: boolean;
|
|
1911
|
+
title: string;
|
|
1912
|
+
translate: boolean;
|
|
1913
|
+
writingSuggestions: string;
|
|
1914
|
+
attachInternals(): ElementInternals;
|
|
1915
|
+
click(): void;
|
|
1916
|
+
hidePopover(): void;
|
|
1917
|
+
showPopover(): void;
|
|
1918
|
+
togglePopover(options?: boolean): boolean;
|
|
1919
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
1920
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
1921
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
1922
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
1923
|
+
readonly attributes: NamedNodeMap;
|
|
1924
|
+
get classList(): DOMTokenList;
|
|
1925
|
+
set classList(value: string);
|
|
1926
|
+
className: string;
|
|
1927
|
+
readonly clientHeight: number;
|
|
1928
|
+
readonly clientLeft: number;
|
|
1929
|
+
readonly clientTop: number;
|
|
1930
|
+
readonly clientWidth: number;
|
|
1931
|
+
readonly currentCSSZoom: number;
|
|
1932
|
+
id: string;
|
|
1933
|
+
innerHTML: string;
|
|
1934
|
+
readonly localName: string;
|
|
1935
|
+
readonly namespaceURI: string | null;
|
|
1936
|
+
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
|
|
1937
|
+
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
1938
|
+
outerHTML: string;
|
|
1939
|
+
readonly ownerDocument: Document;
|
|
1940
|
+
get part(): DOMTokenList;
|
|
1941
|
+
set part(value: string);
|
|
1942
|
+
readonly prefix: string | null;
|
|
1943
|
+
readonly scrollHeight: number;
|
|
1944
|
+
scrollLeft: number;
|
|
1945
|
+
scrollTop: number;
|
|
1946
|
+
readonly scrollWidth: number;
|
|
1947
|
+
readonly shadowRoot: ShadowRoot | null;
|
|
1948
|
+
slot: string;
|
|
1949
|
+
readonly tagName: string;
|
|
1950
|
+
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
1951
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
1952
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
1953
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
1954
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
1955
|
+
closest<E extends Element = Element>(selectors: string): E | null;
|
|
1956
|
+
computedStyleMap(): StylePropertyMapReadOnly;
|
|
1957
|
+
getAttribute(qualifiedName: string): string | null;
|
|
1958
|
+
getAttributeNS(namespace: string | null, localName: string): string | null;
|
|
1959
|
+
getAttributeNames(): string[];
|
|
1960
|
+
getAttributeNode(qualifiedName: string): Attr | null;
|
|
1961
|
+
getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
|
|
1962
|
+
getBoundingClientRect(): DOMRect;
|
|
1963
|
+
getClientRects(): DOMRectList;
|
|
1964
|
+
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
1965
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
1966
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
1967
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
1968
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
1969
|
+
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
1970
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
1971
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
1972
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
|
1973
|
+
getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
1974
|
+
getHTML(options?: GetHTMLOptions): string;
|
|
1975
|
+
hasAttribute(qualifiedName: string): boolean;
|
|
1976
|
+
hasAttributeNS(namespace: string | null, localName: string): boolean;
|
|
1977
|
+
hasAttributes(): boolean;
|
|
1978
|
+
hasPointerCapture(pointerId: number): boolean;
|
|
1979
|
+
insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
|
|
1980
|
+
insertAdjacentHTML(position: InsertPosition, string: string): void;
|
|
1981
|
+
insertAdjacentText(where: InsertPosition, data: string): void;
|
|
1982
|
+
matches(selectors: string): boolean;
|
|
1983
|
+
releasePointerCapture(pointerId: number): void;
|
|
1984
|
+
removeAttribute(qualifiedName: string): void;
|
|
1985
|
+
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
1986
|
+
removeAttributeNode(attr: Attr): Attr;
|
|
1987
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
1988
|
+
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
|
1989
|
+
scroll(options?: ScrollToOptions): void;
|
|
1990
|
+
scroll(x: number, y: number): void;
|
|
1991
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
1992
|
+
scrollBy(x: number, y: number): void;
|
|
1993
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
1994
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
1995
|
+
scrollTo(x: number, y: number): void;
|
|
1996
|
+
setAttribute(qualifiedName: string, value: string): void;
|
|
1997
|
+
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
1998
|
+
setAttributeNode(attr: Attr): Attr | null;
|
|
1999
|
+
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
2000
|
+
setHTMLUnsafe(html: string): void;
|
|
2001
|
+
setPointerCapture(pointerId: number): void;
|
|
2002
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
2003
|
+
webkitMatchesSelector(selectors: string): boolean;
|
|
2004
|
+
get textContent(): string;
|
|
2005
|
+
set textContent(value: string | null);
|
|
2006
|
+
readonly baseURI: string;
|
|
2007
|
+
readonly childNodes: NodeListOf<ChildNode>;
|
|
2008
|
+
readonly firstChild: ChildNode | null;
|
|
2009
|
+
readonly isConnected: boolean;
|
|
2010
|
+
readonly lastChild: ChildNode | null;
|
|
2011
|
+
readonly nextSibling: ChildNode | null;
|
|
2012
|
+
readonly nodeName: string;
|
|
2013
|
+
readonly nodeType: number;
|
|
2014
|
+
nodeValue: string | null;
|
|
2015
|
+
readonly parentElement: HTMLElement | null;
|
|
2016
|
+
readonly parentNode: ParentNode | null;
|
|
2017
|
+
readonly previousSibling: ChildNode | null;
|
|
2018
|
+
appendChild<T extends Node>(node: T): T;
|
|
2019
|
+
cloneNode(subtree?: boolean): Node;
|
|
2020
|
+
compareDocumentPosition(other: Node): number;
|
|
2021
|
+
contains(other: Node | null): boolean;
|
|
2022
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
2023
|
+
hasChildNodes(): boolean;
|
|
2024
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
2025
|
+
isDefaultNamespace(namespace: string | null): boolean;
|
|
2026
|
+
isEqualNode(otherNode: Node | null): boolean;
|
|
2027
|
+
isSameNode(otherNode: Node | null): boolean;
|
|
2028
|
+
lookupNamespaceURI(prefix: string | null): string | null;
|
|
2029
|
+
lookupPrefix(namespace: string | null): string | null;
|
|
2030
|
+
normalize(): void;
|
|
2031
|
+
removeChild<T extends Node>(child: T): T;
|
|
2032
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
2033
|
+
readonly ELEMENT_NODE: 1;
|
|
2034
|
+
readonly ATTRIBUTE_NODE: 2;
|
|
2035
|
+
readonly TEXT_NODE: 3;
|
|
2036
|
+
readonly CDATA_SECTION_NODE: 4;
|
|
2037
|
+
readonly ENTITY_REFERENCE_NODE: 5;
|
|
2038
|
+
readonly ENTITY_NODE: 6;
|
|
2039
|
+
readonly PROCESSING_INSTRUCTION_NODE: 7;
|
|
2040
|
+
readonly COMMENT_NODE: 8;
|
|
2041
|
+
readonly DOCUMENT_NODE: 9;
|
|
2042
|
+
readonly DOCUMENT_TYPE_NODE: 10;
|
|
2043
|
+
readonly DOCUMENT_FRAGMENT_NODE: 11;
|
|
2044
|
+
readonly NOTATION_NODE: 12;
|
|
2045
|
+
readonly DOCUMENT_POSITION_DISCONNECTED: 1;
|
|
2046
|
+
readonly DOCUMENT_POSITION_PRECEDING: 2;
|
|
2047
|
+
readonly DOCUMENT_POSITION_FOLLOWING: 4;
|
|
2048
|
+
readonly DOCUMENT_POSITION_CONTAINS: 8;
|
|
2049
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
2050
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
2051
|
+
dispatchEvent(event: Event): boolean;
|
|
2052
|
+
ariaActiveDescendantElement: Element | null;
|
|
2053
|
+
ariaAtomic: string | null;
|
|
2054
|
+
ariaAutoComplete: string | null;
|
|
2055
|
+
ariaBrailleLabel: string | null;
|
|
2056
|
+
ariaBrailleRoleDescription: string | null;
|
|
2057
|
+
ariaBusy: string | null;
|
|
2058
|
+
ariaChecked: string | null;
|
|
2059
|
+
ariaColCount: string | null;
|
|
2060
|
+
ariaColIndex: string | null;
|
|
2061
|
+
ariaColIndexText: string | null;
|
|
2062
|
+
ariaColSpan: string | null;
|
|
2063
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
2064
|
+
ariaCurrent: string | null;
|
|
2065
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
2066
|
+
ariaDescription: string | null;
|
|
2067
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
2068
|
+
ariaDisabled: string | null;
|
|
2069
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
2070
|
+
ariaExpanded: string | null;
|
|
2071
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
2072
|
+
ariaHasPopup: string | null;
|
|
2073
|
+
ariaHidden: string | null;
|
|
2074
|
+
ariaInvalid: string | null;
|
|
2075
|
+
ariaKeyShortcuts: string | null;
|
|
2076
|
+
ariaLabel: string | null;
|
|
2077
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
2078
|
+
ariaLevel: string | null;
|
|
2079
|
+
ariaLive: string | null;
|
|
2080
|
+
ariaModal: string | null;
|
|
2081
|
+
ariaMultiLine: string | null;
|
|
2082
|
+
ariaMultiSelectable: string | null;
|
|
2083
|
+
ariaOrientation: string | null;
|
|
2084
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
2085
|
+
ariaPlaceholder: string | null;
|
|
2086
|
+
ariaPosInSet: string | null;
|
|
2087
|
+
ariaPressed: string | null;
|
|
2088
|
+
ariaReadOnly: string | null;
|
|
2089
|
+
ariaRelevant: string | null;
|
|
2090
|
+
ariaRequired: string | null;
|
|
2091
|
+
ariaRoleDescription: string | null;
|
|
2092
|
+
ariaRowCount: string | null;
|
|
2093
|
+
ariaRowIndex: string | null;
|
|
2094
|
+
ariaRowIndexText: string | null;
|
|
2095
|
+
ariaRowSpan: string | null;
|
|
2096
|
+
ariaSelected: string | null;
|
|
2097
|
+
ariaSetSize: string | null;
|
|
2098
|
+
ariaSort: string | null;
|
|
2099
|
+
ariaValueMax: string | null;
|
|
2100
|
+
ariaValueMin: string | null;
|
|
2101
|
+
ariaValueNow: string | null;
|
|
2102
|
+
ariaValueText: string | null;
|
|
2103
|
+
role: string | null;
|
|
2104
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
2105
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
2106
|
+
after(...nodes: (Node | string)[]): void;
|
|
2107
|
+
before(...nodes: (Node | string)[]): void;
|
|
2108
|
+
remove(): void;
|
|
2109
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
2110
|
+
readonly nextElementSibling: Element | null;
|
|
2111
|
+
readonly previousElementSibling: Element | null;
|
|
2112
|
+
readonly childElementCount: number;
|
|
2113
|
+
readonly children: HTMLCollection;
|
|
2114
|
+
readonly firstElementChild: Element | null;
|
|
2115
|
+
readonly lastElementChild: Element | null;
|
|
2116
|
+
append(...nodes: (Node | string)[]): void;
|
|
2117
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
2118
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
2119
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
2120
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
2121
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
2122
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
2123
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
2124
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
2125
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
2126
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
2127
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
2128
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
2129
|
+
readonly assignedSlot: HTMLSlotElement | null;
|
|
2130
|
+
readonly attributeStyleMap: StylePropertyMap;
|
|
2131
|
+
get style(): CSSStyleDeclaration;
|
|
2132
|
+
set style(cssText: string);
|
|
2133
|
+
contentEditable: string;
|
|
2134
|
+
enterKeyHint: string;
|
|
2135
|
+
inputMode: string;
|
|
2136
|
+
readonly isContentEditable: boolean;
|
|
2137
|
+
onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
2138
|
+
onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2139
|
+
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2140
|
+
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2141
|
+
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2142
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2143
|
+
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
2144
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2145
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
2146
|
+
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
2147
|
+
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2148
|
+
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2149
|
+
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2150
|
+
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2151
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2152
|
+
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2153
|
+
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2154
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2155
|
+
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2156
|
+
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2157
|
+
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2158
|
+
oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2159
|
+
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2160
|
+
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2161
|
+
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2162
|
+
ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2163
|
+
ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2164
|
+
ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2165
|
+
ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2166
|
+
ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2167
|
+
ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2168
|
+
onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2169
|
+
onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2170
|
+
onerror: OnErrorEventHandler;
|
|
2171
|
+
onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
2172
|
+
onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
|
|
2173
|
+
ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2174
|
+
oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2175
|
+
oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2176
|
+
onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2177
|
+
onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2178
|
+
onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2179
|
+
onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2180
|
+
onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2181
|
+
onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2182
|
+
onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2183
|
+
onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2184
|
+
onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2185
|
+
onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2186
|
+
onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2187
|
+
onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2188
|
+
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2189
|
+
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2190
|
+
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2191
|
+
onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2192
|
+
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2193
|
+
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2194
|
+
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2195
|
+
onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2196
|
+
onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2197
|
+
onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2198
|
+
onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2199
|
+
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2200
|
+
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2201
|
+
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2202
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2203
|
+
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2204
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
2205
|
+
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2206
|
+
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2207
|
+
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
2208
|
+
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2209
|
+
onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2210
|
+
onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
|
|
2211
|
+
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2212
|
+
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2213
|
+
onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2214
|
+
onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2215
|
+
onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2216
|
+
onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2217
|
+
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2218
|
+
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
2219
|
+
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2220
|
+
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2221
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
2222
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2223
|
+
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2224
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2225
|
+
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2226
|
+
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2227
|
+
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2228
|
+
ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2229
|
+
ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2230
|
+
onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2231
|
+
onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2232
|
+
onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2233
|
+
onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2234
|
+
onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2235
|
+
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2236
|
+
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
2237
|
+
autofocus: boolean;
|
|
2238
|
+
readonly dataset: DOMStringMap;
|
|
2239
|
+
nonce?: string;
|
|
2240
|
+
tabIndex: number;
|
|
2241
|
+
blur(): void;
|
|
2242
|
+
focus(options?: FocusOptions): void;
|
|
2243
|
+
};
|
|
2244
|
+
} & typeof BasePlaneTrail;
|
|
2245
|
+
declare class WavelengthPlaneTrail extends WavelengthPlaneTrail_base {
|
|
2246
|
+
}
|
|
2247
|
+
|
|
2248
|
+
export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSnackbar, WavelengthTitleBar };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1852,4 +1852,397 @@ declare class WavelengthDropdown extends HTMLElement {
|
|
|
1852
1852
|
set color(col: string);
|
|
1853
1853
|
}
|
|
1854
1854
|
|
|
1855
|
-
|
|
1855
|
+
declare class WavelengthSnackbar extends HTMLElement {
|
|
1856
|
+
static get observedAttributes(): string[];
|
|
1857
|
+
private snackbarElement;
|
|
1858
|
+
constructor();
|
|
1859
|
+
connectedCallback(): void;
|
|
1860
|
+
attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
|
|
1861
|
+
private render;
|
|
1862
|
+
show(message?: string, duration?: number): void;
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
declare class BasePlaneTrail extends HTMLElement {
|
|
1866
|
+
static get observedAttributes(): string[];
|
|
1867
|
+
private shadow;
|
|
1868
|
+
private plane;
|
|
1869
|
+
private outer;
|
|
1870
|
+
private inner;
|
|
1871
|
+
constructor();
|
|
1872
|
+
connectedCallback(): void;
|
|
1873
|
+
attributeChangedCallback(): void;
|
|
1874
|
+
updateComponent(): void;
|
|
1875
|
+
}
|
|
1876
|
+
declare const WavelengthPlaneTrail_base: {
|
|
1877
|
+
new (...args: any[]): {
|
|
1878
|
+
readonly _mixinStyleTagId: "custom-mixin-styles";
|
|
1879
|
+
set customStyles(styleObject: {
|
|
1880
|
+
[key: string]: string | number | {
|
|
1881
|
+
[key: string]: string | number;
|
|
1882
|
+
};
|
|
1883
|
+
});
|
|
1884
|
+
toKebabCase(str: string): string;
|
|
1885
|
+
createCssPropertiesString(ruleObject: {
|
|
1886
|
+
[key: string]: string | number;
|
|
1887
|
+
}): string;
|
|
1888
|
+
generateAndApplyStyles(styleObject: {
|
|
1889
|
+
[key: string]: string | number | {
|
|
1890
|
+
[key: string]: string | number;
|
|
1891
|
+
};
|
|
1892
|
+
}): void;
|
|
1893
|
+
accessKey: string;
|
|
1894
|
+
readonly accessKeyLabel: string;
|
|
1895
|
+
autocapitalize: string;
|
|
1896
|
+
autocorrect: boolean;
|
|
1897
|
+
dir: string;
|
|
1898
|
+
draggable: boolean;
|
|
1899
|
+
hidden: boolean;
|
|
1900
|
+
inert: boolean;
|
|
1901
|
+
innerText: string;
|
|
1902
|
+
lang: string;
|
|
1903
|
+
readonly offsetHeight: number;
|
|
1904
|
+
readonly offsetLeft: number;
|
|
1905
|
+
readonly offsetParent: Element | null;
|
|
1906
|
+
readonly offsetTop: number;
|
|
1907
|
+
readonly offsetWidth: number;
|
|
1908
|
+
outerText: string;
|
|
1909
|
+
popover: string | null;
|
|
1910
|
+
spellcheck: boolean;
|
|
1911
|
+
title: string;
|
|
1912
|
+
translate: boolean;
|
|
1913
|
+
writingSuggestions: string;
|
|
1914
|
+
attachInternals(): ElementInternals;
|
|
1915
|
+
click(): void;
|
|
1916
|
+
hidePopover(): void;
|
|
1917
|
+
showPopover(): void;
|
|
1918
|
+
togglePopover(options?: boolean): boolean;
|
|
1919
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
1920
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
1921
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
1922
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
1923
|
+
readonly attributes: NamedNodeMap;
|
|
1924
|
+
get classList(): DOMTokenList;
|
|
1925
|
+
set classList(value: string);
|
|
1926
|
+
className: string;
|
|
1927
|
+
readonly clientHeight: number;
|
|
1928
|
+
readonly clientLeft: number;
|
|
1929
|
+
readonly clientTop: number;
|
|
1930
|
+
readonly clientWidth: number;
|
|
1931
|
+
readonly currentCSSZoom: number;
|
|
1932
|
+
id: string;
|
|
1933
|
+
innerHTML: string;
|
|
1934
|
+
readonly localName: string;
|
|
1935
|
+
readonly namespaceURI: string | null;
|
|
1936
|
+
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
|
|
1937
|
+
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
|
|
1938
|
+
outerHTML: string;
|
|
1939
|
+
readonly ownerDocument: Document;
|
|
1940
|
+
get part(): DOMTokenList;
|
|
1941
|
+
set part(value: string);
|
|
1942
|
+
readonly prefix: string | null;
|
|
1943
|
+
readonly scrollHeight: number;
|
|
1944
|
+
scrollLeft: number;
|
|
1945
|
+
scrollTop: number;
|
|
1946
|
+
readonly scrollWidth: number;
|
|
1947
|
+
readonly shadowRoot: ShadowRoot | null;
|
|
1948
|
+
slot: string;
|
|
1949
|
+
readonly tagName: string;
|
|
1950
|
+
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
1951
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
1952
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
1953
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
1954
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
1955
|
+
closest<E extends Element = Element>(selectors: string): E | null;
|
|
1956
|
+
computedStyleMap(): StylePropertyMapReadOnly;
|
|
1957
|
+
getAttribute(qualifiedName: string): string | null;
|
|
1958
|
+
getAttributeNS(namespace: string | null, localName: string): string | null;
|
|
1959
|
+
getAttributeNames(): string[];
|
|
1960
|
+
getAttributeNode(qualifiedName: string): Attr | null;
|
|
1961
|
+
getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
|
|
1962
|
+
getBoundingClientRect(): DOMRect;
|
|
1963
|
+
getClientRects(): DOMRectList;
|
|
1964
|
+
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
1965
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
1966
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
1967
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
1968
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
1969
|
+
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
1970
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
1971
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
1972
|
+
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
|
|
1973
|
+
getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
|
|
1974
|
+
getHTML(options?: GetHTMLOptions): string;
|
|
1975
|
+
hasAttribute(qualifiedName: string): boolean;
|
|
1976
|
+
hasAttributeNS(namespace: string | null, localName: string): boolean;
|
|
1977
|
+
hasAttributes(): boolean;
|
|
1978
|
+
hasPointerCapture(pointerId: number): boolean;
|
|
1979
|
+
insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
|
|
1980
|
+
insertAdjacentHTML(position: InsertPosition, string: string): void;
|
|
1981
|
+
insertAdjacentText(where: InsertPosition, data: string): void;
|
|
1982
|
+
matches(selectors: string): boolean;
|
|
1983
|
+
releasePointerCapture(pointerId: number): void;
|
|
1984
|
+
removeAttribute(qualifiedName: string): void;
|
|
1985
|
+
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
1986
|
+
removeAttributeNode(attr: Attr): Attr;
|
|
1987
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
1988
|
+
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
|
1989
|
+
scroll(options?: ScrollToOptions): void;
|
|
1990
|
+
scroll(x: number, y: number): void;
|
|
1991
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
1992
|
+
scrollBy(x: number, y: number): void;
|
|
1993
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
1994
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
1995
|
+
scrollTo(x: number, y: number): void;
|
|
1996
|
+
setAttribute(qualifiedName: string, value: string): void;
|
|
1997
|
+
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
1998
|
+
setAttributeNode(attr: Attr): Attr | null;
|
|
1999
|
+
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
2000
|
+
setHTMLUnsafe(html: string): void;
|
|
2001
|
+
setPointerCapture(pointerId: number): void;
|
|
2002
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
2003
|
+
webkitMatchesSelector(selectors: string): boolean;
|
|
2004
|
+
get textContent(): string;
|
|
2005
|
+
set textContent(value: string | null);
|
|
2006
|
+
readonly baseURI: string;
|
|
2007
|
+
readonly childNodes: NodeListOf<ChildNode>;
|
|
2008
|
+
readonly firstChild: ChildNode | null;
|
|
2009
|
+
readonly isConnected: boolean;
|
|
2010
|
+
readonly lastChild: ChildNode | null;
|
|
2011
|
+
readonly nextSibling: ChildNode | null;
|
|
2012
|
+
readonly nodeName: string;
|
|
2013
|
+
readonly nodeType: number;
|
|
2014
|
+
nodeValue: string | null;
|
|
2015
|
+
readonly parentElement: HTMLElement | null;
|
|
2016
|
+
readonly parentNode: ParentNode | null;
|
|
2017
|
+
readonly previousSibling: ChildNode | null;
|
|
2018
|
+
appendChild<T extends Node>(node: T): T;
|
|
2019
|
+
cloneNode(subtree?: boolean): Node;
|
|
2020
|
+
compareDocumentPosition(other: Node): number;
|
|
2021
|
+
contains(other: Node | null): boolean;
|
|
2022
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
2023
|
+
hasChildNodes(): boolean;
|
|
2024
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
2025
|
+
isDefaultNamespace(namespace: string | null): boolean;
|
|
2026
|
+
isEqualNode(otherNode: Node | null): boolean;
|
|
2027
|
+
isSameNode(otherNode: Node | null): boolean;
|
|
2028
|
+
lookupNamespaceURI(prefix: string | null): string | null;
|
|
2029
|
+
lookupPrefix(namespace: string | null): string | null;
|
|
2030
|
+
normalize(): void;
|
|
2031
|
+
removeChild<T extends Node>(child: T): T;
|
|
2032
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
2033
|
+
readonly ELEMENT_NODE: 1;
|
|
2034
|
+
readonly ATTRIBUTE_NODE: 2;
|
|
2035
|
+
readonly TEXT_NODE: 3;
|
|
2036
|
+
readonly CDATA_SECTION_NODE: 4;
|
|
2037
|
+
readonly ENTITY_REFERENCE_NODE: 5;
|
|
2038
|
+
readonly ENTITY_NODE: 6;
|
|
2039
|
+
readonly PROCESSING_INSTRUCTION_NODE: 7;
|
|
2040
|
+
readonly COMMENT_NODE: 8;
|
|
2041
|
+
readonly DOCUMENT_NODE: 9;
|
|
2042
|
+
readonly DOCUMENT_TYPE_NODE: 10;
|
|
2043
|
+
readonly DOCUMENT_FRAGMENT_NODE: 11;
|
|
2044
|
+
readonly NOTATION_NODE: 12;
|
|
2045
|
+
readonly DOCUMENT_POSITION_DISCONNECTED: 1;
|
|
2046
|
+
readonly DOCUMENT_POSITION_PRECEDING: 2;
|
|
2047
|
+
readonly DOCUMENT_POSITION_FOLLOWING: 4;
|
|
2048
|
+
readonly DOCUMENT_POSITION_CONTAINS: 8;
|
|
2049
|
+
readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
|
|
2050
|
+
readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
|
|
2051
|
+
dispatchEvent(event: Event): boolean;
|
|
2052
|
+
ariaActiveDescendantElement: Element | null;
|
|
2053
|
+
ariaAtomic: string | null;
|
|
2054
|
+
ariaAutoComplete: string | null;
|
|
2055
|
+
ariaBrailleLabel: string | null;
|
|
2056
|
+
ariaBrailleRoleDescription: string | null;
|
|
2057
|
+
ariaBusy: string | null;
|
|
2058
|
+
ariaChecked: string | null;
|
|
2059
|
+
ariaColCount: string | null;
|
|
2060
|
+
ariaColIndex: string | null;
|
|
2061
|
+
ariaColIndexText: string | null;
|
|
2062
|
+
ariaColSpan: string | null;
|
|
2063
|
+
ariaControlsElements: ReadonlyArray<Element> | null;
|
|
2064
|
+
ariaCurrent: string | null;
|
|
2065
|
+
ariaDescribedByElements: ReadonlyArray<Element> | null;
|
|
2066
|
+
ariaDescription: string | null;
|
|
2067
|
+
ariaDetailsElements: ReadonlyArray<Element> | null;
|
|
2068
|
+
ariaDisabled: string | null;
|
|
2069
|
+
ariaErrorMessageElements: ReadonlyArray<Element> | null;
|
|
2070
|
+
ariaExpanded: string | null;
|
|
2071
|
+
ariaFlowToElements: ReadonlyArray<Element> | null;
|
|
2072
|
+
ariaHasPopup: string | null;
|
|
2073
|
+
ariaHidden: string | null;
|
|
2074
|
+
ariaInvalid: string | null;
|
|
2075
|
+
ariaKeyShortcuts: string | null;
|
|
2076
|
+
ariaLabel: string | null;
|
|
2077
|
+
ariaLabelledByElements: ReadonlyArray<Element> | null;
|
|
2078
|
+
ariaLevel: string | null;
|
|
2079
|
+
ariaLive: string | null;
|
|
2080
|
+
ariaModal: string | null;
|
|
2081
|
+
ariaMultiLine: string | null;
|
|
2082
|
+
ariaMultiSelectable: string | null;
|
|
2083
|
+
ariaOrientation: string | null;
|
|
2084
|
+
ariaOwnsElements: ReadonlyArray<Element> | null;
|
|
2085
|
+
ariaPlaceholder: string | null;
|
|
2086
|
+
ariaPosInSet: string | null;
|
|
2087
|
+
ariaPressed: string | null;
|
|
2088
|
+
ariaReadOnly: string | null;
|
|
2089
|
+
ariaRelevant: string | null;
|
|
2090
|
+
ariaRequired: string | null;
|
|
2091
|
+
ariaRoleDescription: string | null;
|
|
2092
|
+
ariaRowCount: string | null;
|
|
2093
|
+
ariaRowIndex: string | null;
|
|
2094
|
+
ariaRowIndexText: string | null;
|
|
2095
|
+
ariaRowSpan: string | null;
|
|
2096
|
+
ariaSelected: string | null;
|
|
2097
|
+
ariaSetSize: string | null;
|
|
2098
|
+
ariaSort: string | null;
|
|
2099
|
+
ariaValueMax: string | null;
|
|
2100
|
+
ariaValueMin: string | null;
|
|
2101
|
+
ariaValueNow: string | null;
|
|
2102
|
+
ariaValueText: string | null;
|
|
2103
|
+
role: string | null;
|
|
2104
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
2105
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
2106
|
+
after(...nodes: (Node | string)[]): void;
|
|
2107
|
+
before(...nodes: (Node | string)[]): void;
|
|
2108
|
+
remove(): void;
|
|
2109
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
2110
|
+
readonly nextElementSibling: Element | null;
|
|
2111
|
+
readonly previousElementSibling: Element | null;
|
|
2112
|
+
readonly childElementCount: number;
|
|
2113
|
+
readonly children: HTMLCollection;
|
|
2114
|
+
readonly firstElementChild: Element | null;
|
|
2115
|
+
readonly lastElementChild: Element | null;
|
|
2116
|
+
append(...nodes: (Node | string)[]): void;
|
|
2117
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
2118
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
2119
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
2120
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
2121
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
2122
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
2123
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
2124
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
2125
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
2126
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
2127
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
2128
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
2129
|
+
readonly assignedSlot: HTMLSlotElement | null;
|
|
2130
|
+
readonly attributeStyleMap: StylePropertyMap;
|
|
2131
|
+
get style(): CSSStyleDeclaration;
|
|
2132
|
+
set style(cssText: string);
|
|
2133
|
+
contentEditable: string;
|
|
2134
|
+
enterKeyHint: string;
|
|
2135
|
+
inputMode: string;
|
|
2136
|
+
readonly isContentEditable: boolean;
|
|
2137
|
+
onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
2138
|
+
onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2139
|
+
onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2140
|
+
onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2141
|
+
onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
|
|
2142
|
+
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2143
|
+
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
|
|
2144
|
+
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2145
|
+
onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
2146
|
+
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
2147
|
+
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2148
|
+
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2149
|
+
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2150
|
+
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2151
|
+
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2152
|
+
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2153
|
+
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2154
|
+
oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2155
|
+
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2156
|
+
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2157
|
+
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2158
|
+
oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2159
|
+
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2160
|
+
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2161
|
+
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2162
|
+
ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2163
|
+
ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2164
|
+
ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2165
|
+
ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2166
|
+
ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
|
|
2167
|
+
ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2168
|
+
onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2169
|
+
onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2170
|
+
onerror: OnErrorEventHandler;
|
|
2171
|
+
onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
|
|
2172
|
+
onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
|
|
2173
|
+
ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2174
|
+
oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2175
|
+
oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2176
|
+
onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2177
|
+
onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2178
|
+
onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
|
|
2179
|
+
onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2180
|
+
onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2181
|
+
onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2182
|
+
onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2183
|
+
onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2184
|
+
onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2185
|
+
onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2186
|
+
onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2187
|
+
onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2188
|
+
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2189
|
+
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2190
|
+
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
|
|
2191
|
+
onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
|
|
2192
|
+
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2193
|
+
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2194
|
+
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2195
|
+
onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2196
|
+
onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2197
|
+
onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2198
|
+
onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2199
|
+
onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2200
|
+
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2201
|
+
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2202
|
+
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2203
|
+
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
2204
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
2205
|
+
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2206
|
+
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2207
|
+
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
2208
|
+
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2209
|
+
onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2210
|
+
onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
|
|
2211
|
+
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2212
|
+
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2213
|
+
onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2214
|
+
onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2215
|
+
onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2216
|
+
onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2217
|
+
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2218
|
+
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
|
|
2219
|
+
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2220
|
+
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2221
|
+
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
2222
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2223
|
+
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2224
|
+
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2225
|
+
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
2226
|
+
ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2227
|
+
ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2228
|
+
ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2229
|
+
ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
|
|
2230
|
+
onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2231
|
+
onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2232
|
+
onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2233
|
+
onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2234
|
+
onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2235
|
+
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
2236
|
+
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
2237
|
+
autofocus: boolean;
|
|
2238
|
+
readonly dataset: DOMStringMap;
|
|
2239
|
+
nonce?: string;
|
|
2240
|
+
tabIndex: number;
|
|
2241
|
+
blur(): void;
|
|
2242
|
+
focus(options?: FocusOptions): void;
|
|
2243
|
+
};
|
|
2244
|
+
} & typeof BasePlaneTrail;
|
|
2245
|
+
declare class WavelengthPlaneTrail extends WavelengthPlaneTrail_base {
|
|
2246
|
+
}
|
|
2247
|
+
|
|
2248
|
+
export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSnackbar, WavelengthTitleBar };
|
package/dist/esm/index.js
CHANGED
|
@@ -5755,6 +5755,7 @@ template6.innerHTML = `
|
|
|
5755
5755
|
align-items: center;
|
|
5756
5756
|
justify-content: space-between;
|
|
5757
5757
|
cursor: pointer;
|
|
5758
|
+
box-sizing: border-box;
|
|
5758
5759
|
border: 1px solid black;
|
|
5759
5760
|
gap: 4px;
|
|
5760
5761
|
padding: 0 8px;
|
|
@@ -5783,7 +5784,7 @@ template6.innerHTML = `
|
|
|
5783
5784
|
}
|
|
5784
5785
|
|
|
5785
5786
|
.options-list {
|
|
5786
|
-
position:
|
|
5787
|
+
position: absolute;
|
|
5787
5788
|
left: 0;
|
|
5788
5789
|
right: 0;
|
|
5789
5790
|
margin: 0;
|
|
@@ -5822,7 +5823,26 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5822
5823
|
this._selectedValue = this.getAttribute("default-value");
|
|
5823
5824
|
}
|
|
5824
5825
|
static get observedAttributes() {
|
|
5825
|
-
return [
|
|
5826
|
+
return [
|
|
5827
|
+
"options",
|
|
5828
|
+
"default-value",
|
|
5829
|
+
"color",
|
|
5830
|
+
"font-size",
|
|
5831
|
+
"font-family",
|
|
5832
|
+
"border-radius",
|
|
5833
|
+
"border-color",
|
|
5834
|
+
"width",
|
|
5835
|
+
"height",
|
|
5836
|
+
"arrow-size",
|
|
5837
|
+
"arrow-color",
|
|
5838
|
+
"popup-radius",
|
|
5839
|
+
"popup-align",
|
|
5840
|
+
"popup-selected-color",
|
|
5841
|
+
"popup-background-color",
|
|
5842
|
+
"popup-text-color",
|
|
5843
|
+
"popup-text-align",
|
|
5844
|
+
"popup-hover-background"
|
|
5845
|
+
];
|
|
5826
5846
|
}
|
|
5827
5847
|
connectedCallback() {
|
|
5828
5848
|
this.parseOptionsAttribute();
|
|
@@ -5869,10 +5889,11 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5869
5889
|
li.style.textOverflow = "clip";
|
|
5870
5890
|
li.style.fontSize = this.getAttribute("font-size") || this.style.fontSize || "inherit";
|
|
5871
5891
|
li.style.fontFamily = this.getAttribute("font-family") || this.style.fontFamily || "inherit";
|
|
5872
|
-
li.style.color = "#000";
|
|
5892
|
+
li.style.color = this.getAttribute("popup-text-color") || "#000";
|
|
5893
|
+
li.style.textAlign = this.getAttribute("popup-text-align") || "left";
|
|
5873
5894
|
const originalBg = li.style.backgroundColor;
|
|
5874
5895
|
li.addEventListener("mouseenter", () => {
|
|
5875
|
-
li.style.backgroundColor = "#eee";
|
|
5896
|
+
li.style.backgroundColor = this.getAttribute("popup-hover-background") || "#eee";
|
|
5876
5897
|
});
|
|
5877
5898
|
li.addEventListener("mouseleave", () => {
|
|
5878
5899
|
if (this._selectedValue === opt.value) {
|
|
@@ -5919,6 +5940,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5919
5940
|
height: this.getAttribute("height") || style.height
|
|
5920
5941
|
});
|
|
5921
5942
|
Object.assign(this.dropdownField.style, {
|
|
5943
|
+
borderColor: this.getAttribute("border-color") || style.borderColor,
|
|
5922
5944
|
borderRadius: this.getAttribute("border-radius") || style.borderRadius,
|
|
5923
5945
|
fontSize: this.getAttribute("font-size") || style.fontSize,
|
|
5924
5946
|
fontFamily: this.getAttribute("font-family") || style.fontFamily,
|
|
@@ -5927,6 +5949,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5927
5949
|
this.dropdownBox.style.minWidth = this.getAttribute("width") || "auto";
|
|
5928
5950
|
const arrow = this.dropdownField.querySelector(".arrow");
|
|
5929
5951
|
arrow.style.padding = this.getAttribute("arrow-size") || "2px";
|
|
5952
|
+
arrow.style.background = this.getAttribute("arrow-color") || "black";
|
|
5930
5953
|
this.optionsList.style.minWidth = "auto";
|
|
5931
5954
|
const popupAlign = this.getAttribute("popup-align") || "left";
|
|
5932
5955
|
switch (popupAlign) {
|
|
@@ -5947,7 +5970,7 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5947
5970
|
this.optionsList.style.transform = "none";
|
|
5948
5971
|
break;
|
|
5949
5972
|
}
|
|
5950
|
-
this.optionsList.style.backgroundColor = "white";
|
|
5973
|
+
this.optionsList.style.backgroundColor = this.getAttribute("popup-background-color") || "white";
|
|
5951
5974
|
this.optionsList.style.borderRadius = this.getAttribute("popup-radius") || this.getAttribute("border-radius") || "4px";
|
|
5952
5975
|
}
|
|
5953
5976
|
get value() {
|
|
@@ -5971,6 +5994,104 @@ var WavelengthDropdown = class extends HTMLElement {
|
|
|
5971
5994
|
if (!customElements.get("wavelength-dropdown")) {
|
|
5972
5995
|
customElements.define("wavelength-dropdown", WavelengthDropdown);
|
|
5973
5996
|
}
|
|
5997
|
+
|
|
5998
|
+
// src/web-components/wavelength-snackbar.template.html
|
|
5999
|
+
var wavelength_snackbar_template_default = '<style>\n :host {\n display: flex;\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100%;\n padding: 20px;\n box-sizing: border-box;\n pointer-events: none;\n opacity: 0;\n align-items: flex-end;\n transform: translateY(100px);\n justify-content: var(--justify-content, center);\n transition:\n opacity 0.3s ease-in-out,\n transform 0.3s ease-in-out;\n }\n\n :host([vertical-align="top"]) {\n align-items: flex-start;\n transform: translateY(-100px);\n }\n\n :host([vertical-align="center"]) {\n align-items: center;\n transform: scale(0.9);\n }\n\n :host([vertical-align="bottom"]) {\n align-items: flex-end;\n transform: translateY(100px);\n }\n\n :host(.show) {\n opacity: 1;\n transform: none;\n }\n\n #container {\n display: none;\n pointer-events: auto;\n background-color: var(--background-color, #333);\n color: var(--font-color, #fff);\n font-family: var(--font-family, Arial, sans-serif);\n font-size: var(--font-size, 16px);\n border: var(--border, none);\n padding: var(--padding, 16px);\n border-radius: var(--border-radius, 8px);\n width: var(--width, auto);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n text-align: center;\n }\n</style>\n\n<div id="container"></div>\n';
|
|
6000
|
+
|
|
6001
|
+
// src/web-components/wavelength-snackbar.ts
|
|
6002
|
+
var WavelengthSnackbar = class extends HTMLElement {
|
|
6003
|
+
static get observedAttributes() {
|
|
6004
|
+
return ["message", "background-color", "font-color", "font-family", "font-size", "border", "padding", "border-radius", "width", "horizontal-align", "duration"];
|
|
6005
|
+
}
|
|
6006
|
+
constructor() {
|
|
6007
|
+
super();
|
|
6008
|
+
this.attachShadow({ mode: "open" });
|
|
6009
|
+
}
|
|
6010
|
+
connectedCallback() {
|
|
6011
|
+
this.shadowRoot.innerHTML = wavelength_snackbar_template_default;
|
|
6012
|
+
this.snackbarElement = this.shadowRoot.querySelector("#container");
|
|
6013
|
+
this.render();
|
|
6014
|
+
}
|
|
6015
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
6016
|
+
if (oldValue === newValue) return;
|
|
6017
|
+
this.render();
|
|
6018
|
+
if (name === "message" && newValue) this.show();
|
|
6019
|
+
}
|
|
6020
|
+
render() {
|
|
6021
|
+
if (!this.snackbarElement) return;
|
|
6022
|
+
const message = this.getAttribute("message") || "";
|
|
6023
|
+
this.snackbarElement.textContent = message;
|
|
6024
|
+
this.snackbarElement.style.display = message ? "block" : "none";
|
|
6025
|
+
const props = [
|
|
6026
|
+
["--background-color", "background-color", "#333"],
|
|
6027
|
+
["--font-color", "font-color", "#fff"],
|
|
6028
|
+
["--font-family", "font-family", "Arial, sans-serif"],
|
|
6029
|
+
["--font-size", "font-size", "16px"],
|
|
6030
|
+
["--border", "border", "none"],
|
|
6031
|
+
["--padding", "padding", "16px"],
|
|
6032
|
+
["--border-radius", "border-radius", "8px"],
|
|
6033
|
+
["--width", "width", "auto"],
|
|
6034
|
+
["--justify-content", "horizontal-align", "center"]
|
|
6035
|
+
];
|
|
6036
|
+
for (const [prop, attr, fallback] of props) {
|
|
6037
|
+
this.style.setProperty(prop, this.getAttribute(attr) ?? fallback);
|
|
6038
|
+
}
|
|
6039
|
+
}
|
|
6040
|
+
show(message, duration) {
|
|
6041
|
+
if (!this.snackbarElement) return;
|
|
6042
|
+
if (message) this.snackbarElement.textContent = message;
|
|
6043
|
+
const displayDuration = duration ?? parseInt(this.getAttribute("duration") ?? "3000", 10);
|
|
6044
|
+
this.classList.remove("show");
|
|
6045
|
+
void this.offsetWidth;
|
|
6046
|
+
this.classList.add("show");
|
|
6047
|
+
setTimeout(() => this.classList.remove("show"), displayDuration);
|
|
6048
|
+
}
|
|
6049
|
+
};
|
|
6050
|
+
customElements.define("wavelength-snackbar", WavelengthSnackbar);
|
|
6051
|
+
|
|
6052
|
+
// src/web-components/wavelength-planetrail.template.html
|
|
6053
|
+
var wavelength_planetrail_template_default = '<style>\n :host {\n display: block;\n --color: #00308F;\n }\n .flex-container {\n display: flex;\n align-items: center;\n }\n\n #inner {\n border-radius: 25px;\n height: 2px;\n flex-grow: 1;\n background-color: var(--color);\n }\n\n #path {\n fill: var(--color);\n }\n</style>\n\n<div id="outer" class="flex-container" >\n <div id="inner">\n </div>\n <div>\n <svg id="plane" width="40" height="40">\n <path\n d="M 4.1666 16.3988 L 5.7608 16.3988 L 8.1645 19.6359 L 18.2616 19.6359 L 14.1291 5.6667 L 16.2425 5.6667 L 24.5075 19.6359 L 33.985 19.6359 C 34.5022 19.6359 34.9422 19.8172 35.305 20.18 C 35.6677 20.5428 35.8491 20.9828 35.8491 21.5 C 35.8491 22.0172 35.6677 22.4572 35.305 22.82 C 34.9422 23.1828 34.5022 23.3642 33.985 23.3642 L 24.5075 23.3642 L 16.2425 37.3334 L 14.1291 37.3334 L 18.2616 23.3642 L 8.1966 23.3642 L 5.7608 26.6013 L 4.1666 26.6013 L 5.6433 21.5 L 4.1666 16.3988 Z"\n id="path"\n />\n </svg>\n </div>\n</div>\n';
|
|
6054
|
+
|
|
6055
|
+
// src/web-components/wavelength-planetrail.ts
|
|
6056
|
+
var BasePlaneTrail = class extends HTMLElement {
|
|
6057
|
+
static get observedAttributes() {
|
|
6058
|
+
return ["traildir", "color"];
|
|
6059
|
+
}
|
|
6060
|
+
constructor() {
|
|
6061
|
+
super();
|
|
6062
|
+
this.shadow = this.attachShadow({ mode: "open" });
|
|
6063
|
+
this.shadow.innerHTML = wavelength_planetrail_template_default;
|
|
6064
|
+
this.plane = this.shadow.querySelector("#plane");
|
|
6065
|
+
this.outer = this.shadow.querySelector("#outer");
|
|
6066
|
+
this.inner = this.shadow.querySelector("#inner");
|
|
6067
|
+
}
|
|
6068
|
+
connectedCallback() {
|
|
6069
|
+
this.updateComponent();
|
|
6070
|
+
}
|
|
6071
|
+
attributeChangedCallback() {
|
|
6072
|
+
this.updateComponent();
|
|
6073
|
+
}
|
|
6074
|
+
updateComponent() {
|
|
6075
|
+
const trailDir = this.getAttribute("traildir") || "right";
|
|
6076
|
+
const color = this.getAttribute("color") || "#00308F";
|
|
6077
|
+
this.style.setProperty("--color", color);
|
|
6078
|
+
this.plane.style.setProperty("transform", trailDir === "right" ? "" : "matrix(-1, 0, 0, 1, 0, 0)");
|
|
6079
|
+
this.outer.style.setProperty("flex-direction", trailDir === "right" ? "row" : "row-reverse");
|
|
6080
|
+
this.outer.style.setProperty("justify-content", trailDir === "right" ? "right" : "left");
|
|
6081
|
+
if (trailDir === "right") {
|
|
6082
|
+
this.inner.style.setProperty("margin-right", "10px");
|
|
6083
|
+
this.inner.style.setProperty("margin-left", "0px");
|
|
6084
|
+
} else {
|
|
6085
|
+
this.inner.style.setProperty("margin-left", "10px");
|
|
6086
|
+
this.inner.style.setProperty("margin-right", "0px");
|
|
6087
|
+
}
|
|
6088
|
+
}
|
|
6089
|
+
};
|
|
6090
|
+
var WavelengthPlaneTrail = class extends StylingMixin(BasePlaneTrail) {
|
|
6091
|
+
};
|
|
6092
|
+
if (!customElements.get("wavelength-planetrail")) {
|
|
6093
|
+
customElements.define("wavelength-planetrail", WavelengthPlaneTrail);
|
|
6094
|
+
}
|
|
5974
6095
|
export {
|
|
5975
6096
|
BaseWavelengthInput,
|
|
5976
6097
|
BaseWavelengthMultiSelectAutocomplete,
|
|
@@ -5987,7 +6108,9 @@ export {
|
|
|
5987
6108
|
WavelengthMultiSelectAutocomplete,
|
|
5988
6109
|
WavelengthNavBar,
|
|
5989
6110
|
WavelengthNotificationPanel,
|
|
6111
|
+
WavelengthPlaneTrail,
|
|
5990
6112
|
WavelengthProgressBar,
|
|
6113
|
+
WavelengthSnackbar,
|
|
5991
6114
|
WavelengthTitleBar
|
|
5992
6115
|
};
|
|
5993
6116
|
/*! Bundled license information:
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@wavelengthusaf/web-components",
|
|
3
3
|
"author": "563 EWS - Wavelength",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.7.1",
|
|
6
6
|
"description": "Common component library used by Wavelength developers (NATIVE WEB COMPONENTS)",
|
|
7
7
|
"main": "/dist/cjs/index.cjs",
|
|
8
8
|
"module": "/dist/esm/index.js",
|