q2-tecton-elements 1.21.2 → 1.22.0

package/dist/collection/utils/charting.js

@@ -0,0 +1,182 @@
+var ValidColorNames;
+(function (ValidColorNames) {
+  ValidColorNames[ValidColorNames["aliceblue"] = 0] = "aliceblue";
+  ValidColorNames[ValidColorNames["antiquewhite"] = 1] = "antiquewhite";
+  ValidColorNames[ValidColorNames["aqua"] = 2] = "aqua";
+  ValidColorNames[ValidColorNames["aquamarine"] = 3] = "aquamarine";
+  ValidColorNames[ValidColorNames["azure"] = 4] = "azure";
+  ValidColorNames[ValidColorNames["beige"] = 5] = "beige";
+  ValidColorNames[ValidColorNames["bisque"] = 6] = "bisque";
+  ValidColorNames[ValidColorNames["black"] = 7] = "black";
+  ValidColorNames[ValidColorNames["blanchedalmond"] = 8] = "blanchedalmond";
+  ValidColorNames[ValidColorNames["blue"] = 9] = "blue";
+  ValidColorNames[ValidColorNames["blueviolet"] = 10] = "blueviolet";
+  ValidColorNames[ValidColorNames["brown"] = 11] = "brown";
+  ValidColorNames[ValidColorNames["burlywood"] = 12] = "burlywood";
+  ValidColorNames[ValidColorNames["cadetblue"] = 13] = "cadetblue";
+  ValidColorNames[ValidColorNames["chartreuse"] = 14] = "chartreuse";
+  ValidColorNames[ValidColorNames["chocolate"] = 15] = "chocolate";
+  ValidColorNames[ValidColorNames["coral"] = 16] = "coral";
+  ValidColorNames[ValidColorNames["cornflowerblue"] = 17] = "cornflowerblue";
+  ValidColorNames[ValidColorNames["cornsilk"] = 18] = "cornsilk";
+  ValidColorNames[ValidColorNames["crimson"] = 19] = "crimson";
+  ValidColorNames[ValidColorNames["cyan"] = 20] = "cyan";
+  ValidColorNames[ValidColorNames["darkblue"] = 21] = "darkblue";
+  ValidColorNames[ValidColorNames["darkcyan"] = 22] = "darkcyan";
+  ValidColorNames[ValidColorNames["darkgoldenrod"] = 23] = "darkgoldenrod";
+  ValidColorNames[ValidColorNames["darkgray"] = 24] = "darkgray";
+  ValidColorNames[ValidColorNames["darkgreen"] = 25] = "darkgreen";
+  ValidColorNames[ValidColorNames["darkkhaki"] = 26] = "darkkhaki";
+  ValidColorNames[ValidColorNames["darkmagenta"] = 27] = "darkmagenta";
+  ValidColorNames[ValidColorNames["darkolivegreen"] = 28] = "darkolivegreen";
+  ValidColorNames[ValidColorNames["darkorange"] = 29] = "darkorange";
+  ValidColorNames[ValidColorNames["darkorchid"] = 30] = "darkorchid";
+  ValidColorNames[ValidColorNames["darkred"] = 31] = "darkred";
+  ValidColorNames[ValidColorNames["darksalmon"] = 32] = "darksalmon";
+  ValidColorNames[ValidColorNames["darkseagreen"] = 33] = "darkseagreen";
+  ValidColorNames[ValidColorNames["darkslateblue"] = 34] = "darkslateblue";
+  ValidColorNames[ValidColorNames["darkslategray"] = 35] = "darkslategray";
+  ValidColorNames[ValidColorNames["darkturquoise"] = 36] = "darkturquoise";
+  ValidColorNames[ValidColorNames["darkviolet"] = 37] = "darkviolet";
+  ValidColorNames[ValidColorNames["deeppink"] = 38] = "deeppink";
+  ValidColorNames[ValidColorNames["deepskyblue"] = 39] = "deepskyblue";
+  ValidColorNames[ValidColorNames["dimgray"] = 40] = "dimgray";
+  ValidColorNames[ValidColorNames["dodgerblue"] = 41] = "dodgerblue";
+  ValidColorNames[ValidColorNames["firebrick"] = 42] = "firebrick";
+  ValidColorNames[ValidColorNames["floralwhite"] = 43] = "floralwhite";
+  ValidColorNames[ValidColorNames["forestgreen"] = 44] = "forestgreen";
+  ValidColorNames[ValidColorNames["fuchsia"] = 45] = "fuchsia";
+  ValidColorNames[ValidColorNames["gainsboro"] = 46] = "gainsboro";
+  ValidColorNames[ValidColorNames["ghostwhite"] = 47] = "ghostwhite";
+  ValidColorNames[ValidColorNames["gold"] = 48] = "gold";
+  ValidColorNames[ValidColorNames["goldenrod"] = 49] = "goldenrod";
+  ValidColorNames[ValidColorNames["gray"] = 50] = "gray";
+  ValidColorNames[ValidColorNames["green"] = 51] = "green";
+  ValidColorNames[ValidColorNames["greenyellow"] = 52] = "greenyellow";
+  ValidColorNames[ValidColorNames["honeydew"] = 53] = "honeydew";
+  ValidColorNames[ValidColorNames["hotpink"] = 54] = "hotpink";
+  ValidColorNames[ValidColorNames["indianred"] = 55] = "indianred";
+  ValidColorNames[ValidColorNames["indigo"] = 56] = "indigo";
+  ValidColorNames[ValidColorNames["ivory"] = 57] = "ivory";
+  ValidColorNames[ValidColorNames["khaki"] = 58] = "khaki";
+  ValidColorNames[ValidColorNames["lavender"] = 59] = "lavender";
+  ValidColorNames[ValidColorNames["lavenderblush"] = 60] = "lavenderblush";
+  ValidColorNames[ValidColorNames["lawngreen"] = 61] = "lawngreen";
+  ValidColorNames[ValidColorNames["lemonchiffon"] = 62] = "lemonchiffon";
+  ValidColorNames[ValidColorNames["lightblue"] = 63] = "lightblue";
+  ValidColorNames[ValidColorNames["lightcoral"] = 64] = "lightcoral";
+  ValidColorNames[ValidColorNames["lightcyan"] = 65] = "lightcyan";
+  ValidColorNames[ValidColorNames["lightgoldenrodyellow"] = 66] = "lightgoldenrodyellow";
+  ValidColorNames[ValidColorNames["lightgrey"] = 67] = "lightgrey";
+  ValidColorNames[ValidColorNames["lightgreen"] = 68] = "lightgreen";
+  ValidColorNames[ValidColorNames["lightpink"] = 69] = "lightpink";
+  ValidColorNames[ValidColorNames["lightsalmon"] = 70] = "lightsalmon";
+  ValidColorNames[ValidColorNames["lightseagreen"] = 71] = "lightseagreen";
+  ValidColorNames[ValidColorNames["lightskyblue"] = 72] = "lightskyblue";
+  ValidColorNames[ValidColorNames["lightslategray"] = 73] = "lightslategray";
+  ValidColorNames[ValidColorNames["lightsteelblue"] = 74] = "lightsteelblue";
+  ValidColorNames[ValidColorNames["lightyellow"] = 75] = "lightyellow";
+  ValidColorNames[ValidColorNames["lime"] = 76] = "lime";
+  ValidColorNames[ValidColorNames["limegreen"] = 77] = "limegreen";
+  ValidColorNames[ValidColorNames["linen"] = 78] = "linen";
+  ValidColorNames[ValidColorNames["magenta"] = 79] = "magenta";
+  ValidColorNames[ValidColorNames["maroon"] = 80] = "maroon";
+  ValidColorNames[ValidColorNames["mediumaquamarine"] = 81] = "mediumaquamarine";
+  ValidColorNames[ValidColorNames["mediumblue"] = 82] = "mediumblue";
+  ValidColorNames[ValidColorNames["mediumorchid"] = 83] = "mediumorchid";
+  ValidColorNames[ValidColorNames["mediumpurple"] = 84] = "mediumpurple";
+  ValidColorNames[ValidColorNames["mediumseagreen"] = 85] = "mediumseagreen";
+  ValidColorNames[ValidColorNames["mediumslateblue"] = 86] = "mediumslateblue";
+  ValidColorNames[ValidColorNames["mediumspringgreen"] = 87] = "mediumspringgreen";
+  ValidColorNames[ValidColorNames["mediumturquoise"] = 88] = "mediumturquoise";
+  ValidColorNames[ValidColorNames["mediumvioletred"] = 89] = "mediumvioletred";
+  ValidColorNames[ValidColorNames["midnightblue"] = 90] = "midnightblue";
+  ValidColorNames[ValidColorNames["mintcream"] = 91] = "mintcream";
+  ValidColorNames[ValidColorNames["mistyrose"] = 92] = "mistyrose";
+  ValidColorNames[ValidColorNames["moccasin"] = 93] = "moccasin";
+  ValidColorNames[ValidColorNames["navajowhite"] = 94] = "navajowhite";
+  ValidColorNames[ValidColorNames["navy"] = 95] = "navy";
+  ValidColorNames[ValidColorNames["oldlace"] = 96] = "oldlace";
+  ValidColorNames[ValidColorNames["olive"] = 97] = "olive";
+  ValidColorNames[ValidColorNames["olivedrab"] = 98] = "olivedrab";
+  ValidColorNames[ValidColorNames["orange"] = 99] = "orange";
+  ValidColorNames[ValidColorNames["orangered"] = 100] = "orangered";
+  ValidColorNames[ValidColorNames["orchid"] = 101] = "orchid";
+  ValidColorNames[ValidColorNames["palegoldenrod"] = 102] = "palegoldenrod";
+  ValidColorNames[ValidColorNames["palegreen"] = 103] = "palegreen";
+  ValidColorNames[ValidColorNames["paleturquoise"] = 104] = "paleturquoise";
+  ValidColorNames[ValidColorNames["palevioletred"] = 105] = "palevioletred";
+  ValidColorNames[ValidColorNames["papayawhip"] = 106] = "papayawhip";
+  ValidColorNames[ValidColorNames["peachpuff"] = 107] = "peachpuff";
+  ValidColorNames[ValidColorNames["peru"] = 108] = "peru";
+  ValidColorNames[ValidColorNames["pink"] = 109] = "pink";
+  ValidColorNames[ValidColorNames["plum"] = 110] = "plum";
+  ValidColorNames[ValidColorNames["powderblue"] = 111] = "powderblue";
+  ValidColorNames[ValidColorNames["purple"] = 112] = "purple";
+  ValidColorNames[ValidColorNames["red"] = 113] = "red";
+  ValidColorNames[ValidColorNames["rosybrown"] = 114] = "rosybrown";
+  ValidColorNames[ValidColorNames["royalblue"] = 115] = "royalblue";
+  ValidColorNames[ValidColorNames["saddlebrown"] = 116] = "saddlebrown";
+  ValidColorNames[ValidColorNames["salmon"] = 117] = "salmon";
+  ValidColorNames[ValidColorNames["sandybrown"] = 118] = "sandybrown";
+  ValidColorNames[ValidColorNames["seagreen"] = 119] = "seagreen";
+  ValidColorNames[ValidColorNames["seashell"] = 120] = "seashell";
+  ValidColorNames[ValidColorNames["sienna"] = 121] = "sienna";
+  ValidColorNames[ValidColorNames["silver"] = 122] = "silver";
+  ValidColorNames[ValidColorNames["skyblue"] = 123] = "skyblue";
+  ValidColorNames[ValidColorNames["slateblue"] = 124] = "slateblue";
+  ValidColorNames[ValidColorNames["slategray"] = 125] = "slategray";
+  ValidColorNames[ValidColorNames["snow"] = 126] = "snow";
+  ValidColorNames[ValidColorNames["springgreen"] = 127] = "springgreen";
+  ValidColorNames[ValidColorNames["steelblue"] = 128] = "steelblue";
+  ValidColorNames[ValidColorNames["tan"] = 129] = "tan";
+  ValidColorNames[ValidColorNames["teal"] = 130] = "teal";
+  ValidColorNames[ValidColorNames["thistle"] = 131] = "thistle";
+  ValidColorNames[ValidColorNames["tomato"] = 132] = "tomato";
+  ValidColorNames[ValidColorNames["turquoise"] = 133] = "turquoise";
+  ValidColorNames[ValidColorNames["violet"] = 134] = "violet";
+  ValidColorNames[ValidColorNames["wheat"] = 135] = "wheat";
+  ValidColorNames[ValidColorNames["white"] = 136] = "white";
+  ValidColorNames[ValidColorNames["whitesmoke"] = 137] = "whitesmoke";
+  ValidColorNames[ValidColorNames["yellow"] = 138] = "yellow";
+  ValidColorNames[ValidColorNames["yellowgreen"] = 139] = "yellowgreen";
+})(ValidColorNames || (ValidColorNames = {}));
+export function isValidColor(color) {
+  const hexRegex = new RegExp('^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$');
+  const isValidHex = hexRegex.test(color);
+  const isValidCSSColorName = !!ValidColorNames[color];
+  return isValidHex || isValidCSSColorName;
+}
+export function getCSSProperty(name, containerStyles, hostElementStyles) {
+  if (!name)
+    return;
+  let fallback;
+  if (name.startsWith('var(') && name.endsWith(')')) {
+    const regExp = /var\((.*)\)/g;
+    const result = regExp.exec(name);
+    const split = result.length >= 2 ? result[1].split(',') : [];
+    name = split[0];
+    fallback = split[1];
+  }
+  let result = containerStyles.getPropertyValue(name).trim();
+  if (!result)
+    result = hostElementStyles.getPropertyValue(name).trim();
+  return result || fallback;
+}
+export function formatValue(value, format) {
+  const valueAsFloat = parseFloat(value.toString());
+  if (isNaN(valueAsFloat))
+    return;
+  const decimals = isNaN(+format.decimals) ? 0 : +format.decimals;
+  if (format.type === 'currency') {
+    return Intl.NumberFormat('en-US', {
+      style: 'currency',
+      currency: 'USD',
+      maximumFractionDigits: decimals,
+      minimumFractionDigits: decimals,
+    }).format(valueAsFloat);
+  }
+  else {
+    return Intl.NumberFormat('en-US').format(valueAsFloat);
+  }
+}

package/dist/components/click-elsewhere.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ClickElsewhere extends Components.ClickElsewhere, HTMLElement {}
+export const ClickElsewhere: {
+  prototype: ClickElsewhere;
+  new (): ClickElsewhere;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/click-elsewhere.js

@@ -0,0 +1,6 @@
+import { C as ClickElsewhere$1, d as defineCustomElement$1 } from './index2.js';
+
+const ClickElsewhere = ClickElsewhere$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ClickElsewhere, defineCustomElement };

package/dist/components/index.d.ts

@@ -0,0 +1,62 @@
+/* Q2TectonElements custom elements */
+export { ClickElsewhere as ClickElsewhere } from '../types/components/click-elsewhere/index';
+export { Q2Avatar as Q2Avatar } from '../types/components/q2-avatar/index';
+export { Q2Badge as Q2Badge } from '../types/components/q2-badge/index';
+export { Q2Btn as Q2Btn } from '../types/components/q2-btn/index';
+export { Q2Calendar as Q2Calendar } from '../types/components/q2-calendar/index';
+export { Q2Card as Q2Card } from '../types/components/q2-card/index';
+export { Q2Carousel as Q2Carousel } from '../types/components/q2-carousel/index';
+export { Q2Carousel as Q2CarouselPane } from '../types/components/q2-carousel-pane/index';
+export { Q2ChartBar as Q2ChartBar } from '../types/components/q2-chart-bar/index';
+export { Q2ChartDonut as Q2ChartDonut } from '../types/components/q2-chart-donut/index';
+export { Q2Checkbox as Q2Checkbox } from '../types/components/q2-checkbox/index';
+export { Q2CheckboxGroup as Q2CheckboxGroup } from '../types/components/q2-checkbox-group/index';
+export { Q2Dropdown as Q2Dropdown } from '../types/components/q2-dropdown/index';
+export { Q2DropdownItem as Q2DropdownItem } from '../types/components/q2-dropdown-item/index';
+export { Q2EditableField as Q2EditableField } from '../types/components/q2-editable-field/index';
+export { Q2Icon as Q2Icon } from '../types/components/q2-icon/index';
+export { Q2Input as Q2Input } from '../types/components/q2-input/index';
+export { Q2Loading as Q2Loading } from '../types/components/q2-loading/index';
+export { Q2Loading as Q2LoadingElement } from '../types/components/q2-loading/skeleton/q2-loading-element/index';
+export { Q2Loc as Q2Loc } from '../types/components/q2-loc/index';
+export { Q2Message as Q2Message } from '../types/components/q2-message/index';
+export { Q2MonthPicker as Q2MonthPicker } from '../types/components/q2-calendar/q2-month-picker';
+export { Q2Optgroup as Q2Optgroup } from '../types/components/q2-optgroup/index';
+export { Q2Option as Q2Option } from '../types/components/q2-option/index';
+export { Q2OptionList as Q2OptionList } from '../types/components/q2-option-list/index';
+export { Q2Pagination as Q2Pagination } from '../types/components/q2-pagination/index';
+export { Q2Pill as Q2Pill } from '../types/components/q2-pill/index';
+export { Q2Popover as Q2Popover } from '../types/components/q2-popover/index';
+export { Q2Radio as Q2Radio } from '../types/components/q2-radio/index';
+export { Q2RadioGroup as Q2RadioGroup } from '../types/components/q2-radio-group/index';
+export { Q2Section as Q2Section } from '../types/components/q2-section/index';
+export { Q2Select as Q2Select } from '../types/components/q2-select/index';
+export { Q2Stepper as Q2Stepper } from '../types/components/q2-stepper/index';
+export { Q2StepperPane as Q2StepperPane } from '../types/components/q2-stepper-pane/index';
+export { Q2AdvancedStepper as Q2StepperVertical } from '../types/components/q2-stepper-vertical/index';
+export { Q2TabContainer as Q2TabContainer } from '../types/components/q2-tab-container/index';
+export { Q2TabPane as Q2TabPane } from '../types/components/q2-tab-pane/index';
+export { Q2Tag as Q2Tag } from '../types/components/q2-tag/index';
+export { Q2Textarea as Q2Textarea } from '../types/components/q2-textarea/index';
+export { Q2Tooltip as Q2Tooltip } from '../types/components/q2-tooltip/index';
+export { TectonTabPane as TectonTabPane } from '../types/components/tecton-tab-pane/index';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,42 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { ClickElsewhere, defineCustomElement as defineCustomElementClickElsewhere } from './click-elsewhere.js';
+export { Q2Avatar, defineCustomElement as defineCustomElementQ2Avatar } from './q2-avatar.js';
+export { Q2Badge, defineCustomElement as defineCustomElementQ2Badge } from './q2-badge.js';
+export { Q2Btn, defineCustomElement as defineCustomElementQ2Btn } from './q2-btn.js';
+export { Q2Calendar, defineCustomElement as defineCustomElementQ2Calendar } from './q2-calendar.js';
+export { Q2Card, defineCustomElement as defineCustomElementQ2Card } from './q2-card.js';
+export { Q2Carousel, defineCustomElement as defineCustomElementQ2Carousel } from './q2-carousel.js';
+export { Q2CarouselPane, defineCustomElement as defineCustomElementQ2CarouselPane } from './q2-carousel-pane.js';
+export { Q2ChartBar, defineCustomElement as defineCustomElementQ2ChartBar } from './q2-chart-bar.js';
+export { Q2ChartDonut, defineCustomElement as defineCustomElementQ2ChartDonut } from './q2-chart-donut.js';
+export { Q2Checkbox, defineCustomElement as defineCustomElementQ2Checkbox } from './q2-checkbox.js';
+export { Q2CheckboxGroup, defineCustomElement as defineCustomElementQ2CheckboxGroup } from './q2-checkbox-group.js';
+export { Q2Dropdown, defineCustomElement as defineCustomElementQ2Dropdown } from './q2-dropdown.js';
+export { Q2DropdownItem, defineCustomElement as defineCustomElementQ2DropdownItem } from './q2-dropdown-item.js';
+export { Q2EditableField, defineCustomElement as defineCustomElementQ2EditableField } from './q2-editable-field.js';
+export { Q2Icon, defineCustomElement as defineCustomElementQ2Icon } from './q2-icon.js';
+export { Q2Input, defineCustomElement as defineCustomElementQ2Input } from './q2-input.js';
+export { Q2Loading, defineCustomElement as defineCustomElementQ2Loading } from './q2-loading.js';
+export { Q2LoadingElement, defineCustomElement as defineCustomElementQ2LoadingElement } from './q2-loading-element.js';
+export { Q2Loc, defineCustomElement as defineCustomElementQ2Loc } from './q2-loc.js';
+export { Q2Message, defineCustomElement as defineCustomElementQ2Message } from './q2-message.js';
+export { Q2MonthPicker, defineCustomElement as defineCustomElementQ2MonthPicker } from './q2-month-picker.js';
+export { Q2Optgroup, defineCustomElement as defineCustomElementQ2Optgroup } from './q2-optgroup.js';
+export { Q2Option, defineCustomElement as defineCustomElementQ2Option } from './q2-option.js';
+export { Q2OptionList, defineCustomElement as defineCustomElementQ2OptionList } from './q2-option-list.js';
+export { Q2Pagination, defineCustomElement as defineCustomElementQ2Pagination } from './q2-pagination.js';
+export { Q2Pill, defineCustomElement as defineCustomElementQ2Pill } from './q2-pill.js';
+export { Q2Popover, defineCustomElement as defineCustomElementQ2Popover } from './q2-popover.js';
+export { Q2Radio, defineCustomElement as defineCustomElementQ2Radio } from './q2-radio.js';
+export { Q2RadioGroup, defineCustomElement as defineCustomElementQ2RadioGroup } from './q2-radio-group.js';
+export { Q2Section, defineCustomElement as defineCustomElementQ2Section } from './q2-section.js';
+export { Q2Select, defineCustomElement as defineCustomElementQ2Select } from './q2-select.js';
+export { Q2Stepper, defineCustomElement as defineCustomElementQ2Stepper } from './q2-stepper.js';
+export { Q2StepperPane, defineCustomElement as defineCustomElementQ2StepperPane } from './q2-stepper-pane.js';
+export { Q2StepperVertical, defineCustomElement as defineCustomElementQ2StepperVertical } from './q2-stepper-vertical.js';
+export { Q2TabContainer, defineCustomElement as defineCustomElementQ2TabContainer } from './q2-tab-container.js';
+export { Q2TabPane, defineCustomElement as defineCustomElementQ2TabPane } from './q2-tab-pane.js';
+export { Q2Tag, defineCustomElement as defineCustomElementQ2Tag } from './q2-tag.js';
+export { Q2Textarea, defineCustomElement as defineCustomElementQ2Textarea } from './q2-textarea.js';
+export { Q2Tooltip, defineCustomElement as defineCustomElementQ2Tooltip } from './q2-tooltip.js';
+export { TectonTabPane, defineCustomElement as defineCustomElementTectonTabPane } from './tecton-tab-pane.js';

package/dist/components/index10.js

@@ -0,0 +1,84 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { j as isFirefox, o as overrideFocus, n as nextPaint, i as isEventFromElement } from './index13.js';
+import { d as defineCustomElement$1 } from './index7.js';
+
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #33b4ff #06C)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3x, 15px))}:host(:not([appearance])),:host([appearance=standard]){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3x, 15px)) 0}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";
+
+const Q2Message = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.type = 'info';
+    this.appearance = 'standard';
+    this.description = false;
+    this.presentToggle = undefined;
+  }
+  get isFirefox() {
+    return isFirefox();
+  }
+  componentDidLoad() {
+    overrideFocus(this.hostElement);
+  }
+  async present() {
+    const { isFirefox } = this;
+    this.presentToggle = !this.presentToggle;
+    if (!isFirefox)
+      return;
+    nextPaint(() => {
+      this.presentToggle = false;
+    });
+  }
+  delegateFocus(event) {
+    if (!isEventFromElement(event, this.hostElement))
+      return;
+    this.hostElement.shadowRoot.querySelector('.message').focus();
+  }
+  render() {
+    const { isFirefox } = this;
+    const addAriaHiddenForAriaLive = isFirefox && this.presentToggle;
+    const addDivForAriaLive = !isFirefox && this.presentToggle;
+    const { description } = this;
+    return (h("div", { tabindex: "-1", class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'assertive', "aria-atomic": description ? undefined : 'true', "aria-relevant": description ? undefined : 'all' }, this.appearance === 'standard' ? generateIcon(this.type) : '', addDivForAriaLive && h("div", { class: "sr" }), h("div", { class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined }, h("slot", null))));
+  }
+  get hostElement() { return this; }
+  static get style() { return stylesCss; }
+}, [1, "q2-message", {
+    "type": [513],
+    "appearance": [513],
+    "description": [516],
+    "presentToggle": [32],
+    "present": [64]
+  }, [[0, "focus", "delegateFocus"]]]);
+function generateIcon(type) {
+  const iconMap = {
+    success: 'success',
+    warning: 'warning',
+    danger: 'error',
+    error: 'error',
+    info: 'info',
+  };
+  const icon = iconMap[type] || iconMap.info;
+  return (h("q2-icon", { type: icon, class: "message-icon" }));
+}
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["q2-message", "q2-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "q2-message":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Q2Message);
+      }
+      break;
+    case "q2-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Q2Message as Q, defineCustomElement as d };