@ui5/webcomponents-base 0.0.0-d1315d658 → 0.0.0-d473b9686

package/dist/types/ValueState.js

@@ -1,42 +1,28 @@
 /**
  * Different types of ValueStates.
  *
- * @readonly
- * @enum {string}
  * @public
- * @author SAP SE
- * @alias sap.ui.webc.base.types.ValueState
  */
 var ValueState;
 (function (ValueState) {
     /**
-     *
      * @public
-     * @type {None}
      */
     ValueState["None"] = "None";
     /**
-     *
      * @public
-     * @type {Success}
      */
-    ValueState["Success"] = "Success";
+    ValueState["Positive"] = "Positive";
     /**
-     *
      * @public
-     * @type {Warning}
      */
-    ValueState["Warning"] = "Warning";
+    ValueState["Critical"] = "Critical";
     /**
-     *
      * @public
-     * @type {Error}
      */
-    ValueState["Error"] = "Error";
+    ValueState["Negative"] = "Negative";
     /**
-     *
      * @public
-     * @type {Information}
      */
     ValueState["Information"] = "Information";
 })(ValueState || (ValueState = {}));

package/dist/types/ValueState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueState.js","sourceRoot":"","sources":["../../src/types/ValueState.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,UAmCJ;AAnCD,WAAK,UAAU;IACd;;;;OAIG;IACH,2BAAa,CAAA;IAEb;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,6BAAe,CAAA;IAEf;;;;OAIG;IACH,yCAA2B,CAAA;AAC5B,CAAC,EAnCI,UAAU,KAAV,UAAU,QAmCd;AAED,eAAe,UAAU,CAAC","sourcesContent":["/**\n * Different types of ValueStates.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.base.types.ValueState\n */\nenum ValueState {\n\t/**\n\t *\n\t * @public\n\t * @type {None}\n\t */\n\tNone = \"None\",\n\n\t/**\n\t *\n\t * @public\n\t * @type {Success}\n\t */\n\tSuccess = \"Success\",\n\n\t/**\n\t *\n\t * @public\n\t * @type {Warning}\n\t */\n\tWarning = \"Warning\",\n\n\t/**\n\t *\n\t * @public\n\t * @type {Error}\n\t */\n\tError = \"Error\",\n\n\t/**\n\t *\n\t * @public\n\t * @type {Information}\n\t */\n\tInformation = \"Information\",\n}\n\nexport default ValueState;\n"]}
+{"version":3,"file":"ValueState.js","sourceRoot":"","sources":["../../src/types/ValueState.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,UAyBJ;AAzBD,WAAK,UAAU;IACd;;OAEG;IACH,2BAAa,CAAA;IAEb;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,yCAA2B,CAAA;AAC5B,CAAC,EAzBI,UAAU,KAAV,UAAU,QAyBd;AAED,eAAe,UAAU,CAAC","sourcesContent":["/**\n * Different types of ValueStates.\n *\n * @public\n */\nenum ValueState {\n\t/**\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * @public\n\t */\n\tPositive = \"Positive\",\n\n\t/**\n\t * @public\n\t */\n\tCritical = \"Critical\",\n\n\t/**\n\t * @public\n\t */\n\tNegative = \"Negative\",\n\n\t/**\n\t * @public\n\t */\n\tInformation = \"Information\",\n}\n\nexport default ValueState;\n"]}

package/dist/types.d.ts

@@ -1,3 +1,5 @@
+import type AriaHasPopup from "./types/AriaHasPopup.js";
+import type AriaRole from "./types/AriaRole.js";
 type PromiseResolve = (value: void | PromiseLike<void>) => void;
 type Timeout = ReturnType<typeof setTimeout>;
 type Interval = ReturnType<typeof setInterval>;
@@ -15,4 +17,25 @@ type ClassMap = {
 type PassiveEventListenerObject = EventListenerObject & {
     passive: boolean;
 };
-export type { PromiseResolve, Timeout, Interval, StyleData, StyleDataCSP, ComponentStylesData, ClassMap, ClassMapValue, PassiveEventListenerObject, };
+type LowercaseString<T> = T extends string ? Lowercase<T> : never;
+type ARIARoles = LowercaseString<AriaRole>;
+type ARIAHasPopup = LowercaseString<AriaHasPopup>;
+type AccessibilityInfo = {
+    role?: ARIARoles;
+    type?: LowercaseString<string>;
+    description?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    children?: Array<HTMLElement>;
+};
+type AccessibilityAttributes = {
+    ariaSetsize?: number;
+    ariaPosinset?: number;
+    controls?: LowercaseString<string>;
+    expanded?: "true" | "false" | boolean;
+    hasPopup?: ARIAHasPopup;
+    name?: string;
+    role?: ARIARoles;
+};
+export type { AccessibilityInfo, AccessibilityAttributes, PromiseResolve, Timeout, Interval, StyleData, StyleDataCSP, ComponentStylesData, ClassMap, ClassMapValue, PassiveEventListenerObject, };

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["type PromiseResolve = (value: void | PromiseLike<void>) => void;\ntype Timeout = ReturnType<typeof setTimeout>;\ntype Interval = ReturnType<typeof setInterval>;\n\ntype StyleDataCSP = {\n\tcontent: string,\n\tpackageName: string,\n\tfileName: string,\n};\n\ntype StyleData = StyleDataCSP | string;\n\ntype ComponentStylesData = Array<ComponentStylesData> | Array<StyleData> | StyleData;\n\ntype ClassMapValue = Record<string, boolean>\n\ntype ClassMap = { [x: string] : ClassMapValue | ClassMap };\n\ntype PassiveEventListenerObject = EventListenerObject & { passive: boolean };\n\nexport type {\n\tPromiseResolve,\n\tTimeout,\n\tInterval,\n\tStyleData,\n\tStyleDataCSP,\n\tComponentStylesData,\n\tClassMap,\n\tClassMapValue,\n\tPassiveEventListenerObject,\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import type AriaHasPopup from \"./types/AriaHasPopup.js\";\nimport type AriaRole from \"./types/AriaRole.js\";\n\ntype PromiseResolve = (value: void | PromiseLike<void>) => void;\ntype Timeout = ReturnType<typeof setTimeout>;\ntype Interval = ReturnType<typeof setInterval>;\n\ntype StyleDataCSP = {\n\tcontent: string,\n\tpackageName: string,\n\tfileName: string,\n};\n\ntype StyleData = StyleDataCSP | string;\n\ntype ComponentStylesData = Array<ComponentStylesData> | Array<StyleData> | StyleData;\n\ntype ClassMapValue = Record<string, boolean>\n\ntype ClassMap = { [x: string] : ClassMapValue | ClassMap };\n\ntype PassiveEventListenerObject = EventListenerObject & { passive: boolean };\n\ntype LowercaseString<T> = T extends string ? Lowercase<T> : never;\n\ntype ARIARoles = LowercaseString<AriaRole>;\ntype ARIAHasPopup = LowercaseString<AriaHasPopup>;\n\ntype AccessibilityInfo = {\n\t// The WAI-ARIA role of the component.\n\trole?: ARIARoles,\n\n\t// A translated text that represents the component type. Used when several components share same role,\n\t// f.e. Select and ComboBox both have role=\"combobox\".\n\ttype?: LowercaseString<string>,\n\n\t// A translated text that represents relevant component description/state - value, placeholder, label, etc.\n\tdescription?: string,\n\n\t // The component disabled state.\n\tdisabled?: boolean,\n\n\t// The component readonly state.\n\treadonly?: boolean,\n\n\t// The component required state.\n\trequired?: boolean,\n\n\t// An array of elements, aggregated by the component\n\t// <b>Note:</b> Children should only be provided when it is helpful to understand the accessibility context.\n\tchildren?: Array<HTMLElement>,\n}\n\ntype AccessibilityAttributes = {\n\tariaSetsize?: number,\n\tariaPosinset?: number,\n\tcontrols?: LowercaseString<string>\n\texpanded?: \"true\" | \"false\" | boolean,\n\thasPopup?: ARIAHasPopup,\n\tname?: string\n\trole?: ARIARoles,\n}\n\nexport type {\n\tAccessibilityInfo,\n\tAccessibilityAttributes,\n\tPromiseResolve,\n\tTimeout,\n\tInterval,\n\tStyleData,\n\tStyleDataCSP,\n\tComponentStylesData,\n\tClassMap,\n\tClassMapValue,\n\tPassiveEventListenerObject,\n};\n"]}

package/dist/updateShadowRoot.d.ts

@@ -2,7 +2,6 @@ import type UI5Element from "./UI5Element.js";
 /**
  * Updates the shadow root of a UI5Element or its static area item
  * @param element
- * @param forStaticArea
  */
-declare const updateShadowRoot: (element: UI5Element, forStaticArea?: boolean) => void;
+declare const updateShadowRoot: (element: UI5Element) => void;
 export default updateShadowRoot;

package/dist/updateShadowRoot.js

@@ -1,41 +1,18 @@
 import getConstructableStyle from "./theming/getConstructableStyle.js";
-import getEffectiveStyle from "./theming/getEffectiveStyle.js";
-import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
-import { shouldUseLinks } from "./CSP.js";
 /**
  * Updates the shadow root of a UI5Element or its static area item
  * @param element
- * @param forStaticArea
  */
-const updateShadowRoot = (element, forStaticArea = false) => {
-    let styleStrOrHrefsArr;
+const updateShadowRoot = (element) => {
     const ctor = element.constructor;
-    const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
-    let renderResult;
-    if (forStaticArea) {
-        renderResult = element.renderStatic(); // this is checked before calling updateShadowRoot
-    }
-    else {
-        renderResult = element.render(); // this is checked before calling updateShadowRoot
-    }
+    const shadowRoot = element.shadowRoot;
+    const renderResult = element.render(); // this is checked before calling updateShadowRoot
     if (!shadowRoot) {
         console.warn(`There is no shadow root to update`); // eslint-disable-line
         return;
     }
-    if (shouldUseLinks()) {
-        styleStrOrHrefsArr = getEffectiveLinksHrefs(ctor, forStaticArea);
-    }
-    else if (document.adoptedStyleSheets) { // Chrome
-        shadowRoot.adoptedStyleSheets = getConstructableStyle(ctor, forStaticArea);
-    }
-    else { // FF, Safari
-        styleStrOrHrefsArr = getEffectiveStyle(ctor, forStaticArea);
-    }
-    if (ctor.renderer) {
-        ctor.renderer(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
-        return;
-    }
-    ctor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
+    shadowRoot.adoptedStyleSheets = getConstructableStyle(ctor);
+    ctor.renderer(renderResult, shadowRoot, { host: element });
 };
 export default updateShadowRoot;
 //# sourceMappingURL=updateShadowRoot.js.map

package/dist/updateShadowRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateShadowRoot.js","sourceRoot":"","sources":["../src/updateShadowRoot.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,aAAa,GAAG,KAAK,EAAE,EAAE;IACvE,IAAI,kBAAkB,CAAC;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,WAAgC,CAAC;IACtD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,cAAe,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAC3F,IAAI,YAAY,CAAC;IACjB,IAAI,aAAa,EAAE;QAClB,YAAY,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,kDAAkD;KACzF;SAAM;QACN,YAAY,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,kDAAkD;KACnF;IAED,IAAI,CAAC,UAAU,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAAC,sBAAsB;QACzE,OAAO;KACP;IAED,IAAI,cAAc,EAAE,EAAE;QACrB,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KACjE;SAAM,IAAI,QAAQ,CAAC,kBAAkB,EAAE,EAAE,SAAS;QAClD,UAAU,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC3E;SAAM,EAAE,aAAa;QACrB,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC5D;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9F,OAAO;KACP;IAED,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import getConstructableStyle from \"./theming/getConstructableStyle.js\";\nimport getEffectiveStyle from \"./theming/getEffectiveStyle.js\";\nimport getEffectiveLinksHrefs from \"./theming/getEffectiveLinksHrefs.js\";\nimport { shouldUseLinks } from \"./CSP.js\";\nimport type UI5Element from \"./UI5Element.js\";\n\n/**\n * Updates the shadow root of a UI5Element or its static area item\n * @param element\n * @param forStaticArea\n */\nconst updateShadowRoot = (element: UI5Element, forStaticArea = false) => {\n\tlet styleStrOrHrefsArr;\n\tconst ctor = element.constructor as typeof UI5Element;\n\tconst shadowRoot = forStaticArea ? element.staticAreaItem!.shadowRoot : element.shadowRoot;\n\tlet renderResult;\n\tif (forStaticArea) {\n\t\trenderResult = element.renderStatic(); // this is checked before calling updateShadowRoot\n\t} else {\n\t\trenderResult = element.render(); // this is checked before calling updateShadowRoot\n\t}\n\n\tif (!shadowRoot) {\n\t\tconsole.warn(`There is no shadow root to update`); // eslint-disable-line\n\t\treturn;\n\t}\n\n\tif (shouldUseLinks()) {\n\t\tstyleStrOrHrefsArr = getEffectiveLinksHrefs(ctor, forStaticArea);\n\t} else if (document.adoptedStyleSheets) { // Chrome\n\t\tshadowRoot.adoptedStyleSheets = getConstructableStyle(ctor, forStaticArea);\n\t} else { // FF, Safari\n\t\tstyleStrOrHrefsArr = getEffectiveStyle(ctor, forStaticArea);\n\t}\n\n\tif (ctor.renderer) {\n\t\tctor.renderer(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });\n\t\treturn;\n\t}\n\n\tctor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });\n};\n\nexport default updateShadowRoot;\n"]}
+{"version":3,"file":"updateShadowRoot.js","sourceRoot":"","sources":["../src/updateShadowRoot.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AAGvE;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,WAAgC,CAAC;IACtD,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,kDAAkD;IAEzF,IAAI,CAAC,UAAU,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAAC,sBAAsB;QACzE,OAAO;KACP;IAED,UAAU,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAE5D,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import getConstructableStyle from \"./theming/getConstructableStyle.js\";\nimport type UI5Element from \"./UI5Element.js\";\n\n/**\n * Updates the shadow root of a UI5Element or its static area item\n * @param element\n */\nconst updateShadowRoot = (element: UI5Element) => {\n\tconst ctor = element.constructor as typeof UI5Element;\n\tconst shadowRoot = element.shadowRoot;\n\tconst renderResult = element.render(); // this is checked before calling updateShadowRoot\n\n\tif (!shadowRoot) {\n\t\tconsole.warn(`There is no shadow root to update`); // eslint-disable-line\n\t\treturn;\n\t}\n\n\tshadowRoot.adoptedStyleSheets = getConstructableStyle(ctor);\n\n\tctor.renderer(renderResult, shadowRoot, { host: element });\n};\n\nexport default updateShadowRoot;\n"]}

package/dist/util/ColorConversion.js

@@ -5,157 +5,156 @@
 /**
  * Map of CSS colors to hex representation
  */
-var CSSColors;
-(function (CSSColors) {
-    CSSColors["aliceblue"] = "f0f8ff";
-    CSSColors["antiquewhite"] = "faebd7";
-    CSSColors["aqua"] = "00ffff";
-    CSSColors["aquamarine"] = "7fffd4";
-    CSSColors["azure"] = "f0ffff";
-    CSSColors["beige"] = "f5f5dc";
-    CSSColors["bisque"] = "ffe4c4";
-    CSSColors["black"] = "000000";
-    CSSColors["blanchedalmond"] = "ffebcd";
-    CSSColors["blue"] = "0000ff";
-    CSSColors["blueviolet"] = "8a2be2";
-    CSSColors["brown"] = "a52a2a";
-    CSSColors["burlywood"] = "deb887";
-    CSSColors["cadetblue"] = "5f9ea0";
-    CSSColors["chartreuse"] = "7fff00";
-    CSSColors["chocolate"] = "d2691e";
-    CSSColors["coral"] = "ff7f50";
-    CSSColors["cornflowerblue"] = "6495ed";
-    CSSColors["cornsilk"] = "fff8dc";
-    CSSColors["crimson"] = "dc143c";
-    CSSColors["cyan"] = "00ffff";
-    CSSColors["darkblue"] = "00008b";
-    CSSColors["darkcyan"] = "008b8b";
-    CSSColors["darkgoldenrod"] = "b8860b";
-    CSSColors["darkgray"] = "a9a9a9";
-    CSSColors["darkgrey"] = "a9a9a9";
-    CSSColors["darkgreen"] = "006400";
-    CSSColors["darkkhaki"] = "bdb76b";
-    CSSColors["darkmagenta"] = "8b008b";
-    CSSColors["darkolivegreen"] = "556b2f";
-    CSSColors["darkorange"] = "ff8c00";
-    CSSColors["darkorchid"] = "9932cc";
-    CSSColors["darkred"] = "8b0000";
-    CSSColors["darksalmon"] = "e9967a";
-    CSSColors["darkseagreen"] = "8fbc8f";
-    CSSColors["darkslateblue"] = "483d8b";
-    CSSColors["darkslategray"] = "2f4f4f";
-    CSSColors["darkslategrey"] = "2f4f4f";
-    CSSColors["darkturquoise"] = "00ced1";
-    CSSColors["darkviolet"] = "9400d3";
-    CSSColors["deeppink"] = "ff1493";
-    CSSColors["deepskyblue"] = "00bfff";
-    CSSColors["dimgray"] = "696969";
-    CSSColors["dimgrey"] = "696969";
-    CSSColors["dodgerblue"] = "1e90ff";
-    CSSColors["firebrick"] = "b22222";
-    CSSColors["floralwhite"] = "fffaf0";
-    CSSColors["forestgreen"] = "228b22";
-    CSSColors["fuchsia"] = "ff00ff";
-    CSSColors["gainsboro"] = "dcdcdc";
-    CSSColors["ghostwhite"] = "f8f8ff";
-    CSSColors["gold"] = "ffd700";
-    CSSColors["goldenrod"] = "daa520";
-    CSSColors["gray"] = "808080";
-    CSSColors["grey"] = "808080";
-    CSSColors["green"] = "008000";
-    CSSColors["greenyellow"] = "adff2f";
-    CSSColors["honeydew"] = "f0fff0";
-    CSSColors["hotpink"] = "ff69b4";
-    CSSColors["indianred"] = "cd5c5c";
-    CSSColors["indigo"] = "4b0082";
-    CSSColors["ivory"] = "fffff0";
-    CSSColors["khaki"] = "f0e68c";
-    CSSColors["lavender"] = "e6e6fa";
-    CSSColors["lavenderblush"] = "fff0f5";
-    CSSColors["lawngreen"] = "7cfc00";
-    CSSColors["lemonchiffon"] = "fffacd";
-    CSSColors["lightblue"] = "add8e6";
-    CSSColors["lightcoral"] = "f08080";
-    CSSColors["lightcyan"] = "e0ffff";
-    CSSColors["lightgoldenrodyellow"] = "fafad2";
-    CSSColors["lightgray"] = "d3d3d3";
-    CSSColors["lightgrey"] = "d3d3d3";
-    CSSColors["lightgreen"] = "90ee90";
-    CSSColors["lightpink"] = "ffb6c1";
-    CSSColors["lightsalmon"] = "ffa07a";
-    CSSColors["lightseagreen"] = "20b2aa";
-    CSSColors["lightskyblue"] = "87cefa";
-    CSSColors["lightslategray"] = "778899";
-    CSSColors["lightslategrey"] = "778899";
-    CSSColors["lightsteelblue"] = "b0c4de";
-    CSSColors["lightyellow"] = "ffffe0";
-    CSSColors["lime"] = "00ff00";
-    CSSColors["limegreen"] = "32cd32";
-    CSSColors["linen"] = "faf0e6";
-    CSSColors["magenta"] = "ff00ff";
-    CSSColors["maroon"] = "800000";
-    CSSColors["mediumaquamarine"] = "66cdaa";
-    CSSColors["mediumblue"] = "0000cd";
-    CSSColors["mediumorchid"] = "ba55d3";
-    CSSColors["mediumpurple"] = "9370db";
-    CSSColors["mediumseagreen"] = "3cb371";
-    CSSColors["mediumslateblue"] = "7b68ee";
-    CSSColors["mediumspringgreen"] = "00fa9a";
-    CSSColors["mediumturquoise"] = "48d1cc";
-    CSSColors["mediumvioletred"] = "c71585";
-    CSSColors["midnightblue"] = "191970";
-    CSSColors["mintcream"] = "f5fffa";
-    CSSColors["mistyrose"] = "ffe4e1";
-    CSSColors["moccasin"] = "ffe4b5";
-    CSSColors["navajowhite"] = "ffdead";
-    CSSColors["navy"] = "000080";
-    CSSColors["oldlace"] = "fdf5e6";
-    CSSColors["olive"] = "808000";
-    CSSColors["olivedrab"] = "6b8e23";
-    CSSColors["orange"] = "ffa500";
-    CSSColors["orangered"] = "ff4500";
-    CSSColors["orchid"] = "da70d6";
-    CSSColors["palegoldenrod"] = "eee8aa";
-    CSSColors["palegreen"] = "98fb98";
-    CSSColors["paleturquoise"] = "afeeee";
-    CSSColors["palevioletred"] = "db7093";
-    CSSColors["papayawhip"] = "ffefd5";
-    CSSColors["peachpuff"] = "ffdab9";
-    CSSColors["peru"] = "cd853f";
-    CSSColors["pink"] = "ffc0cb";
-    CSSColors["plum"] = "dda0dd";
-    CSSColors["powderblue"] = "b0e0e6";
-    CSSColors["purple"] = "800080";
-    CSSColors["red"] = "ff0000";
-    CSSColors["rosybrown"] = "bc8f8f";
-    CSSColors["royalblue"] = "4169e1";
-    CSSColors["saddlebrown"] = "8b4513";
-    CSSColors["salmon"] = "fa8072";
-    CSSColors["sandybrown"] = "f4a460";
-    CSSColors["seagreen"] = "2e8b57";
-    CSSColors["seashell"] = "fff5ee";
-    CSSColors["sienna"] = "a0522d";
-    CSSColors["silver"] = "c0c0c0";
-    CSSColors["skyblue"] = "87ceeb";
-    CSSColors["slateblue"] = "6a5acd";
-    CSSColors["slategray"] = "708090";
-    CSSColors["slategrey"] = "708090";
-    CSSColors["snow"] = "fffafa";
-    CSSColors["springgreen"] = "00ff7f";
-    CSSColors["steelblue"] = "4682b4";
-    CSSColors["tan"] = "d2b48c";
-    CSSColors["teal"] = "008080";
-    CSSColors["thistle"] = "d8bfd8";
-    CSSColors["tomato"] = "ff6347";
-    CSSColors["turquoise"] = "40e0d0";
-    CSSColors["violet"] = "ee82ee";
-    CSSColors["wheat"] = "f5deb3";
-    CSSColors["white"] = "ffffff";
-    CSSColors["whitesmoke"] = "f5f5f5";
-    CSSColors["yellow"] = "ffff00";
-    CSSColors["yellowgreen"] = "9acd32";
-    CSSColors["transparent"] = "00000000";
-})(CSSColors || (CSSColors = {}));
+const CSSColors = new Map([
+    ["aliceblue", "f0f8ff"],
+    ["antiquewhite", "faebd7"],
+    ["aqua", "00ffff"],
+    ["aquamarine", "7fffd4"],
+    ["azure", "f0ffff"],
+    ["beige", "f5f5dc"],
+    ["bisque", "ffe4c4"],
+    ["black", "000000"],
+    ["blanchedalmond", "ffebcd"],
+    ["blue", "0000ff"],
+    ["blueviolet", "8a2be2"],
+    ["brown", "a52a2a"],
+    ["burlywood", "deb887"],
+    ["cadetblue", "5f9ea0"],
+    ["chartreuse", "7fff00"],
+    ["chocolate", "d2691e"],
+    ["coral", "ff7f50"],
+    ["cornflowerblue", "6495ed"],
+    ["cornsilk", "fff8dc"],
+    ["crimson", "dc143c"],
+    ["cyan", "00ffff"],
+    ["darkblue", "00008b"],
+    ["darkcyan", "008b8b"],
+    ["darkgoldenrod", "b8860b"],
+    ["darkgray", "a9a9a9"],
+    ["darkgrey", "a9a9a9"],
+    ["darkgreen", "006400"],
+    ["darkkhaki", "bdb76b"],
+    ["darkmagenta", "8b008b"],
+    ["darkolivegreen", "556b2f"],
+    ["darkorange", "ff8c00"],
+    ["darkorchid", "9932cc"],
+    ["darkred", "8b0000"],
+    ["darksalmon", "e9967a"],
+    ["darkseagreen", "8fbc8f"],
+    ["darkslateblue", "483d8b"],
+    ["darkslategray", "2f4f4f"],
+    ["darkslategrey", "2f4f4f"],
+    ["darkturquoise", "00ced1"],
+    ["darkviolet", "9400d3"],
+    ["deeppink", "ff1493"],
+    ["deepskyblue", "00bfff"],
+    ["dimgray", "696969"],
+    ["dimgrey", "696969"],
+    ["dodgerblue", "1e90ff"],
+    ["firebrick", "b22222"],
+    ["floralwhite", "fffaf0"],
+    ["forestgreen", "228b22"],
+    ["fuchsia", "ff00ff"],
+    ["gainsboro", "dcdcdc"],
+    ["ghostwhite", "f8f8ff"],
+    ["gold", "ffd700"],
+    ["goldenrod", "daa520"],
+    ["gray", "808080"],
+    ["grey", "808080"],
+    ["green", "008000"],
+    ["greenyellow", "adff2f"],
+    ["honeydew", "f0fff0"],
+    ["hotpink", "ff69b4"],
+    ["indianred", "cd5c5c"],
+    ["indigo", "4b0082"],
+    ["ivory", "fffff0"],
+    ["khaki", "f0e68c"],
+    ["lavender", "e6e6fa"],
+    ["lavenderblush", "fff0f5"],
+    ["lawngreen", "7cfc00"],
+    ["lemonchiffon", "fffacd"],
+    ["lightblue", "add8e6"],
+    ["lightcoral", "f08080"],
+    ["lightcyan", "e0ffff"],
+    ["lightgoldenrodyellow", "fafad2"],
+    ["lightgray", "d3d3d3"],
+    ["lightgrey", "d3d3d3"],
+    ["lightgreen", "90ee90"],
+    ["lightpink", "ffb6c1"],
+    ["lightsalmon", "ffa07a"],
+    ["lightseagreen", "20b2aa"],
+    ["lightskyblue", "87cefa"],
+    ["lightslategray", "778899"],
+    ["lightslategrey", "778899"],
+    ["lightsteelblue", "b0c4de"],
+    ["lightyellow", "ffffe0"],
+    ["lime", "00ff00"],
+    ["limegreen", "32cd32"],
+    ["linen", "faf0e6"],
+    ["magenta", "ff00ff"],
+    ["maroon", "800000"],
+    ["mediumaquamarine", "66cdaa"],
+    ["mediumblue", "0000cd"],
+    ["mediumorchid", "ba55d3"],
+    ["mediumpurple", "9370db"],
+    ["mediumseagreen", "3cb371"],
+    ["mediumslateblue", "7b68ee"],
+    ["mediumspringgreen", "00fa9a"],
+    ["mediumturquoise", "48d1cc"],
+    ["mediumvioletred", "c71585"],
+    ["midnightblue", "191970"],
+    ["mintcream", "f5fffa"],
+    ["mistyrose", "ffe4e1"],
+    ["moccasin", "ffe4b5"],
+    ["navajowhite", "ffdead"],
+    ["navy", "000080"],
+    ["oldlace", "fdf5e6"],
+    ["olive", "808000"],
+    ["olivedrab", "6b8e23"],
+    ["orange", "ffa500"],
+    ["orangered", "ff4500"],
+    ["orchid", "da70d6"],
+    ["palegoldenrod", "eee8aa"],
+    ["palegreen", "98fb98"],
+    ["paleturquoise", "afeeee"],
+    ["palevioletred", "db7093"],
+    ["papayawhip", "ffefd5"],
+    ["peachpuff", "ffdab9"],
+    ["peru", "cd853f"],
+    ["pink", "ffc0cb"],
+    ["plum", "dda0dd"],
+    ["powderblue", "b0e0e6"],
+    ["purple", "800080"],
+    ["red", "ff0000"],
+    ["rosybrown", "bc8f8f"],
+    ["royalblue", "4169e1"],
+    ["saddlebrown", "8b4513"],
+    ["salmon", "fa8072"],
+    ["sandybrown", "f4a460"],
+    ["seagreen", "2e8b57"],
+    ["seashell", "fff5ee"],
+    ["sienna", "a0522d"],
+    ["silver", "c0c0c0"],
+    ["skyblue", "87ceeb"],
+    ["slateblue", "6a5acd"],
+    ["slategray", "708090"],
+    ["slategrey", "708090"],
+    ["snow", "fffafa"],
+    ["springgreen", "00ff7f"],
+    ["steelblue", "4682b4"],
+    ["tan", "d2b48c"],
+    ["teal", "008080"],
+    ["thistle", "d8bfd8"],
+    ["tomato", "ff6347"],
+    ["turquoise", "40e0d0"],
+    ["violet", "ee82ee"],
+    ["wheat", "f5deb3"],
+    ["white", "ffffff"],
+    ["whitesmoke", "f5f5f5"],
+    ["yellow", "ffff00"],
+    ["yellowgreen", "9acd32"],
+    ["transparent", "00000000"],
+]);
 const getRGBColor = (color) => {
     if (color.startsWith("rgba")) {
         return RGBAToRGB(color);
@@ -174,8 +173,8 @@ const getRGBColor = (color) => {
         }
     }
     // Css Color
-    if (color in CSSColors) {
-        color = CSSColors[color];
+    if (CSSColors.has(color)) {
+        color = CSSColors.get(color);
     }
     return HEXToRGB(color);
 };
@@ -215,61 +214,67 @@ const RGBStringToRGBObject = (color) => {
 };
 const HSLToRGB = (color) => {
     // Formula taken from https://www.rapidtables.com/convert/color/hsl-to-rgb.html
-    const C = (1 - Math.abs((2 * color.l) - 1)) * color.s, X = C * (1 - Math.abs(((color.h / 60) % 2) - 1)), m = color.l - C / 2;
-    let tempColor;
-    switch (Math.round(color.h / 60)) {
-        // 0 ≤ H < 60
+    let saturation = color.s * 100, lightness = color.l * 100, red, green, blue;
+    if (saturation > 100) {
+        saturation = 1;
+    }
+    else if (saturation < 0) {
+        saturation = 0;
+    }
+    else {
+        saturation /= 100;
+    }
+    if (lightness > 100) {
+        lightness = 1;
+    }
+    else if (lightness < 0) {
+        lightness = 0;
+    }
+    else {
+        lightness /= 100;
+    }
+    const hue = color.h, d = saturation * (1 - Math.abs(2 * lightness - 1)), m = 255 * (lightness - 0.5 * d), x = d * (1 - Math.abs(((hue / 60) % 2) - 1)), i = Math.floor(hue / 60), m255x = m + 255 * x, m255d = m + 255 * d;
+    switch (i) {
         case 0:
-            tempColor = {
-                r: C,
-                g: X,
-                b: 0,
-            };
+            red = m255d;
+            green = m255x;
+            blue = m;
             break;
-        // 60 ≤ H < 120
         case 1:
-            tempColor = {
-                r: X,
-                g: C,
-                b: 0,
-            };
+            red = m255x;
+            green = m255d;
+            blue = m;
             break;
-        // 120 ≤ H < 180
         case 2:
-            tempColor = {
-                r: 0,
-                g: C,
-                b: X,
-            };
+            red = m;
+            green = m255d;
+            blue = m255x;
             break;
-        // 180 ≤ H < 240
         case 3:
-            tempColor = {
-                r: 0,
-                g: X,
-                b: C,
-            };
+            red = m;
+            green = m255x;
+            blue = m255d;
             break;
-        // 240 ≤ H < 300
         case 4:
-            tempColor = {
-                r: X,
-                g: 0,
-                b: C,
-            };
+            red = m255x;
+            green = m;
+            blue = m255d;
+            break;
+        case 5:
+            red = m255d;
+            green = m;
+            blue = m255x;
             break;
-        // 300 ≤ H < 360
         default:
-            tempColor = {
-                r: C,
-                g: 0,
-                b: X,
-            };
+            red = 0;
+            green = 0;
+            blue = 0;
+            break;
     }
     return {
-        r: Math.floor((tempColor.r + m) * 255),
-        g: Math.floor((tempColor.g + m) * 255),
-        b: Math.floor((tempColor.b + m) * 255),
+        r: Math.round(red),
+        g: Math.round(green),
+        b: Math.round(blue),
     };
 };
 const HEXToRGB = (hex) => {