@six-group/ui-library 0.0.0-insider.03e5196

package/dist/collection/utils/tabbable.js

@@ -0,0 +1,23 @@
+export function isTabbable(el) {
+  const tabIndex = el.tabIndex;
+  return tabIndex > -1;
+}
+export function getNearestTabbableElement(el) {
+  // Check the element
+  if (isTabbable(el)) {
+    return el;
+  }
+  // Check the element's shadow root
+  if (el.shadowRoot) {
+    const tabbableShadowChild = [...el.shadowRoot.children].find(isTabbable);
+    if (tabbableShadowChild) {
+      return tabbableShadowChild;
+    }
+  }
+  // Check the element's children
+  if (el.children) {
+    return [...el.children].map(getNearestTabbableElement)[0];
+  }
+  return null;
+}
+//# sourceMappingURL=tabbable.js.map

package/dist/collection/utils/tabbable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbable.js","sourceRoot":"","sources":["../../src/utils/tabbable.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,EAAe;EACxC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;EAC7B,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,EAAe;EACvD,oBAAoB;EACpB,IAAI,UAAU,CAAC,EAAE,CAAC,EAAE;IAClB,OAAO,EAAE,CAAC;GACX;EAED,kCAAkC;EAClC,IAAI,EAAE,CAAC,UAAU,EAAE;IACjB,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAU,CAAgB,CAAC;IACxF,IAAI,mBAAmB,EAAE;MACvB,OAAO,mBAAmB,CAAC;KAC5B;GACF;EAED,+BAA+B;EAC/B,IAAI,EAAE,CAAC,QAAQ,EAAE;IACf,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC;GAC3D;EAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["export function isTabbable(el: HTMLElement) {\n  const tabIndex = el.tabIndex;\n  return tabIndex > -1;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement {\n  // Check the element\n  if (isTabbable(el)) {\n    return el;\n  }\n\n  // Check the element's shadow root\n  if (el.shadowRoot) {\n    const tabbableShadowChild = [...el.shadowRoot.children].find(isTabbable) as HTMLElement;\n    if (tabbableShadowChild) {\n      return tabbableShadowChild;\n    }\n  }\n\n  // Check the element's children\n  if (el.children) {\n    return [...el.children].map(getNearestTabbableElement)[0];\n  }\n\n  return null;\n}\n"]}

package/dist/collection/utils/testing.js

@@ -0,0 +1,39 @@
+export const selectByTestId = async (page, testId) => {
+  const found = await page.evaluateHandle((testId) => {
+    const isSlotElement = (value) => value && value.tagName.toLowerCase() === 'slot';
+    const byTestId = (el) => {
+      var _a;
+      if (el.getAttribute('data-testid') === testId) {
+        return el;
+      }
+      if (isSlotElement(el)) {
+        for (const child of el.assignedElements({ flatten: true })) {
+          const found = byTestId(child);
+          if (found) {
+            return found;
+          }
+        }
+      }
+      for (const child of el.children || []) {
+        const found = byTestId(child);
+        if (found) {
+          return found;
+        }
+      }
+      for (const child of ((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.children) || []) {
+        const found = byTestId(child);
+        if (found) {
+          return found;
+        }
+      }
+    };
+    return byTestId(document.body);
+  }, testId);
+  if (found) {
+    return found.asElement();
+  }
+  else {
+    return null;
+  }
+};
+//# sourceMappingURL=testing.js.map

package/dist/collection/utils/testing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.js","sourceRoot":"","sources":["../../src/utils/testing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,IAAa,EAAE,MAAc,EAAE,EAAE;EACpE,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,MAAc,EAAE,EAAE;IACzD,MAAM,aAAa,GAAG,CAAC,KAAe,EAA4B,EAAE,CAClE,KAAK,IAAK,KAAiB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC;IAE/D,MAAM,QAAQ,GAAG,CAAC,EAAW,EAAE,EAAE;;MAC/B,IAAI,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,EAAE;QAC7C,OAAO,EAAE,CAAC;OACX;MACD,IAAI,aAAa,CAAC,EAAE,CAAC,EAAE;QACrB,KAAK,MAAM,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE;UAC1D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;UAC9B,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC;WACd;SACF;OACF;MACD,KAAK,MAAM,KAAK,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,EAAE;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,KAAK,EAAE;UACT,OAAO,KAAK,CAAC;SACd;OACF;MACD,KAAK,MAAM,KAAK,IAAI,CAAA,MAAA,EAAE,CAAC,UAAU,0CAAE,QAAQ,KAAI,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,KAAK,EAAE;UACT,OAAO,KAAK,CAAC;SACd;OACF;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;EACjC,CAAC,EAAE,MAAM,CAAC,CAAC;EAEX,IAAI,KAAK,EAAE;IACT,OAAO,KAAK,CAAC,SAAS,EAAE,CAAC;GAC1B;OAAM;IACL,OAAO,IAAI,CAAC;GACb;AACH,CAAC,CAAC","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\n\nexport const selectByTestId = async (page: E2EPage, testId: string) => {\n  const found = await page.evaluateHandle((testId: string) => {\n    const isSlotElement = (value?: unknown): value is HTMLSlotElement =>\n      value && (value as Element).tagName.toLowerCase() === 'slot';\n\n    const byTestId = (el: Element) => {\n      if (el.getAttribute('data-testid') === testId) {\n        return el;\n      }\n      if (isSlotElement(el)) {\n        for (const child of el.assignedElements({ flatten: true })) {\n          const found = byTestId(child);\n          if (found) {\n            return found;\n          }\n        }\n      }\n      for (const child of el.children || []) {\n        const found = byTestId(child);\n        if (found) {\n          return found;\n        }\n      }\n      for (const child of el.shadowRoot?.children || []) {\n        const found = byTestId(child);\n        if (found) {\n          return found;\n        }\n      }\n    };\n\n    return byTestId(document.body);\n  }, testId);\n\n  if (found) {\n    return found.asElement();\n  } else {\n    return null;\n  }\n};\n"]}

package/dist/collection/utils/time.util.js

@@ -0,0 +1,75 @@
+/*
+ * Returns the current time in the format of your choice
+ */
+import { SixTimePeriod, TIME_FORMAT_CHAR, TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP, } from '../components/six-timepicker/six-timepicker.types';
+export const getCurrentTimeIn24Hours = () => {
+  const now = new Date();
+  return {
+    hours: now.getHours(),
+    minutes: now.getMinutes(),
+    seconds: now.getSeconds(),
+    milliseconds: now.getMilliseconds(),
+    has24Hours: true,
+  };
+};
+const HOURS_IN_12_HOUR_CLOCK_FORMAT = 12;
+export const getHoursIn12HourFormat = (hours) => hours > HOURS_IN_12_HOUR_CLOCK_FORMAT ? hours - HOURS_IN_12_HOUR_CLOCK_FORMAT : hours;
+export const getCurrentTimeIn12Hours = () => {
+  const now = new Date();
+  const hours = now.getHours();
+  return {
+    hours: getHoursIn12HourFormat(hours),
+    minutes: now.getMinutes(),
+    seconds: now.getSeconds(),
+    milliseconds: now.getMilliseconds(),
+    has24Hours: false,
+    period: hours >= HOURS_IN_12_HOUR_CLOCK_FORMAT ? SixTimePeriod.PM : SixTimePeriod.AM,
+  };
+};
+export const getCurrentTime = (has24Hours = true) => {
+  return has24Hours ? getCurrentTimeIn24Hours() : getCurrentTimeIn12Hours();
+};
+export const TIME_FORMAT_SEPARATOR = ':';
+export const isValidTimeString = (timeStr, format) => {
+  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
+  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
+  return timeStringParts.length === timeFormatParts.length;
+};
+export const parseTimeString = (timeStr, format) => {
+  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);
+  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);
+  if (!isValidTimeString(timeStr, format)) {
+    console.error(`Timestring did not match expected format.\nExpected format: ${format}\nReceived timestring: ${timeStr}`);
+  }
+  const sixTime = {};
+  timeStringParts.forEach((timeStringPart, i) => {
+    const formatStringPart = timeFormatParts[i];
+    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[formatStringPart];
+    if (sixTimePropertyName !== undefined) {
+      if (formatStringPart === TIME_FORMAT_CHAR.PERIOD) {
+        sixTime.period = timeStringPart.toUpperCase() === SixTimePeriod.PM ? SixTimePeriod.PM : SixTimePeriod.AM;
+      }
+      else {
+        sixTime[sixTimePropertyName] = Number(timeStringPart);
+      }
+    }
+    if (formatStringPart === TIME_FORMAT_CHAR.HOUR_24) {
+      sixTime.has24Hours = true;
+    }
+    else if (formatStringPart === TIME_FORMAT_CHAR.HOUR_12) {
+      sixTime.has24Hours = false;
+    }
+  });
+  return sixTime;
+};
+export const createTimeString = (time, format) => {
+  return format
+    .split(TIME_FORMAT_SEPARATOR)
+    .map((timeFormatPart) => {
+    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[timeFormatPart];
+    const paddingLength = timeFormatPart === TIME_FORMAT_CHAR.MILLISECOND ? 3 : 2;
+    return String(time[sixTimePropertyName]).padStart(paddingLength, '0');
+  })
+    .join(TIME_FORMAT_SEPARATOR);
+};
+//# sourceMappingURL=time.util.js.map

package/dist/collection/utils/time.util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.util.js","sourceRoot":"","sources":["../../src/utils/time.util.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Returns the current time in the format of your choice\n */\nimport {\n  SixTime,\n  SixTimePeriod,\n  TIME_FORMAT_CHAR,\n  TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP,\n} from '../components/six-timepicker/six-timepicker.types';\nimport { SixTimeFormat } from '../components/six-timepicker/six-time-format';\n\nexport const getCurrentTimeIn24Hours = (): SixTime => {\n  const now = new Date();\n  return {\n    hours: now.getHours(),\n    minutes: now.getMinutes(),\n    seconds: now.getSeconds(),\n    milliseconds: now.getMilliseconds(),\n    has24Hours: true,\n  };\n};\n\nconst HOURS_IN_12_HOUR_CLOCK_FORMAT = 12;\n\nexport const getHoursIn12HourFormat = (hours: number) =>\n  hours > HOURS_IN_12_HOUR_CLOCK_FORMAT ? hours - HOURS_IN_12_HOUR_CLOCK_FORMAT : hours;\n\nexport const getCurrentTimeIn12Hours = (): SixTime => {\n  const now = new Date();\n  const hours = now.getHours();\n  return {\n    hours: getHoursIn12HourFormat(hours),\n    minutes: now.getMinutes(),\n    seconds: now.getSeconds(),\n    milliseconds: now.getMilliseconds(),\n    has24Hours: false,\n    period: hours >= HOURS_IN_12_HOUR_CLOCK_FORMAT ? SixTimePeriod.PM : SixTimePeriod.AM,\n  };\n};\n\nexport const getCurrentTime = (has24Hours: boolean = true): SixTime => {\n  return has24Hours ? getCurrentTimeIn24Hours() : getCurrentTimeIn12Hours();\n};\n\nexport const TIME_FORMAT_SEPARATOR = ':';\nexport const isValidTimeString = (timeStr: string, format: SixTimeFormat) => {\n  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);\n  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);\n  return timeStringParts.length === timeFormatParts.length;\n};\n\nexport const parseTimeString = (timeStr: string, format: SixTimeFormat): SixTime => {\n  const timeStringParts = timeStr.split(TIME_FORMAT_SEPARATOR);\n  const timeFormatParts = format.split(TIME_FORMAT_SEPARATOR);\n\n  if (!isValidTimeString(timeStr, format)) {\n    console.error(\n      `Timestring did not match expected format.\\nExpected format: ${format}\\nReceived timestring: ${timeStr}`\n    );\n  }\n\n  const sixTime: SixTime = {};\n\n  timeStringParts.forEach((timeStringPart, i) => {\n    const formatStringPart = timeFormatParts[i];\n    const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[formatStringPart];\n\n    if (sixTimePropertyName !== undefined) {\n      if (formatStringPart === TIME_FORMAT_CHAR.PERIOD) {\n        sixTime.period = timeStringPart.toUpperCase() === SixTimePeriod.PM ? SixTimePeriod.PM : SixTimePeriod.AM;\n      } else {\n        sixTime[sixTimePropertyName] = Number(timeStringPart);\n      }\n    }\n\n    if (formatStringPart === TIME_FORMAT_CHAR.HOUR_24) {\n      sixTime.has24Hours = true;\n    } else if (formatStringPart === TIME_FORMAT_CHAR.HOUR_12) {\n      sixTime.has24Hours = false;\n    }\n  });\n\n  return sixTime;\n};\n\nexport const createTimeString = (time: SixTime, format: SixTimeFormat) => {\n  return format\n    .split(TIME_FORMAT_SEPARATOR)\n    .map((timeFormatPart) => {\n      const sixTimePropertyName = TIME_FORMAT_CHAR_TO_SIX_TIME_PROPERTY_MAP[timeFormatPart];\n      const paddingLength = timeFormatPart === TIME_FORMAT_CHAR.MILLISECOND ? 3 : 2;\n      return String(time[sixTimePropertyName]).padStart(paddingLength, '0');\n    })\n    .join(TIME_FORMAT_SEPARATOR);\n};\n"]}

package/dist/collection/utils/type-check.js

@@ -0,0 +1,6 @@
+export const isString = (value) => typeof value === 'string';
+// only use '==' instead of '===' to also catch undefined and void
+export const isNil = (value) => value == null;
+export const isDate = (value) => value instanceof Date;
+export const isNumber = (value) => value === 'number';
+//# sourceMappingURL=type-check.js.map

package/dist/collection/utils/type-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-check.js","sourceRoot":"","sources":["../../src/utils/type-check.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAmB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC;AAEnF,kEAAkE;AAClE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAK,EAAiB,EAAE,CAAC,KAAK,YAAY,IAAI,CAAC;AAEtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAmB,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC","sourcesContent":["export const isString = (value: any): value is string => typeof value === 'string';\n\n// only use '==' instead of '===' to also catch undefined and void\nexport const isNil = (value) => value == null;\n\nexport const isDate = (value): value is Date => value instanceof Date;\n\nexport const isNumber = (value): value is number => value === 'number';\n"]}

package/dist/collection/utils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"","sourcesContent":["export type EmptyPayload = undefined;\n\nexport interface StyleDeclaration {\n  [key: string]: string | undefined;\n}\n"]}

package/dist/collection/wrappers/set-attributes/set-attributes.js

@@ -0,0 +1,72 @@
+import { h } from '@stencil/core';
+export class SetAttributes {
+  constructor() {
+    this.value = {};
+  }
+  componentWillLoad() {
+    this.injectAttrs();
+  }
+  attrsUpdated() {
+    this.injectAttrs();
+  }
+  injectAttrs() {
+    const slot = this.host.firstElementChild;
+    if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
+      return;
+    }
+    const child = slot.assignedElements().pop();
+    if (!child) {
+      return;
+    }
+    const types = {
+      // no need for function and bigint
+      undefined: (key) => child.removeAttribute(key),
+      boolean: (key, value) => {
+        if (value) {
+          child.setAttribute(key, '');
+        }
+        else {
+          child.removeAttribute(key);
+        }
+      },
+      number: (key, value) => child.setAttribute(key, value),
+      string: (key, value) => child.setAttribute(key, value),
+      object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
+    };
+    for (const [key, value] of Object.entries(this.value)) {
+      types[typeof value](key, value);
+    }
+  }
+  render() {
+    return h("slot", null);
+  }
+  static get is() { return "set-attributes"; }
+  static get properties() {
+    return {
+      "value": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{}",
+          "resolved": "{}",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Attributes map"
+        },
+        "defaultValue": "{}"
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "attrsUpdated"
+      }];
+  }
+}
+//# sourceMappingURL=set-attributes.js.map

package/dist/collection/wrappers/set-attributes/set-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-attributes.js","sourceRoot":"","sources":["../../../src/wrappers/set-attributes/set-attributes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,OAAO,aAAa;;iBAIR,EAAE;;EAElB,iBAAiB;IACf,IAAI,CAAC,WAAW,EAAE,CAAC;EACrB,CAAC;EAGD,YAAY;IACV,IAAI,CAAC,WAAW,EAAE,CAAC;EACrB,CAAC;EAED,WAAW;IACT,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;IAE5D,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;MAChD,OAAO;KACR;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;IAE5C,IAAI,CAAC,KAAK,EAAE;MACV,OAAO;KACR;IAED,MAAM,KAAK,GAAG;MACZ,kCAAkC;MAClC,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;MAC9C,OAAO,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACtB,IAAI,KAAK,EAAE;UACT,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;SAC7B;aAAM;UACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;SAC5B;MACH,CAAC;MACD,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;MACtD,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;MACtD,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;KACvE,CAAC;IAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;MACrD,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;KACjC;EACH,CAAC;EAED,MAAM;IACJ,OAAO,eAAQ,CAAC;EAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Watch, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key) => child.removeAttribute(key),\n      boolean: (key, value) => {\n        if (value) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key, value) => child.setAttribute(key, value),\n      string: (key, value) => child.setAttribute(key, value),\n      object: (key, value) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n"]}

package/dist/components/event-listeners.js

@@ -0,0 +1,43 @@
+const equals = (a) => (b) => Object.keys(a).every((key) => a[key] === b[key]);
+class EventListeners {
+  constructor() {
+    this.eventListeners = [];
+    this.add = (el, name, listener, identifier = null) => {
+      this.eventListeners.push({ el, name, listener, identifier });
+      el.addEventListener(name, listener);
+    };
+    this.remove = (el, name, listener) => {
+      const sameItem = equals({ el, name, listener });
+      this.eventListeners = this.getFilteredEventListeners(sameItem);
+    };
+    this.removeByIdentifier = (identifier) => {
+      const sameItem = (el) => el.identifier === identifier;
+      const foundListener = this.eventListeners.find(sameItem) !== undefined;
+      if (!foundListener) {
+        return;
+      }
+      this.eventListeners = this.getFilteredEventListeners(sameItem);
+    };
+    this.removeAll = () => {
+      while (this.eventListeners.length) {
+        const { el, name, listener } = this.eventListeners.pop();
+        el.removeEventListener(name, listener);
+      }
+    };
+  }
+  getFilteredEventListeners(sameItem) {
+    return this.eventListeners.filter((item) => {
+      if (sameItem(item)) {
+        item.el.removeEventListener(item.name, item.listener);
+        return false;
+      }
+      else {
+        return true;
+      }
+    });
+  }
+}
+
+export { EventListeners as E };
+
+//# sourceMappingURL=event-listeners.js.map

package/dist/components/event-listeners.js.map

@@ -0,0 +1 @@
+{"file":"event-listeners.js","mappings":"AAOA,MAAM,MAAM,GACV,CAAmB,CAAI,KACvB,CAAmB,CAAI,KACrB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;MAExC,cAAc;EAA3B;IACE,mBAAc,GAAoB,EAAE,CAAC;IAErC,QAAG,GAAG,CACJ,EAAK,EACL,IAAY,EACZ,QAA4C,EAC5C,UAAU,GAAG,IAAI;MAEjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;MAC7D,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACrC,CAAC;IAEF,WAAM,GAAG,CACP,EAAK,EACL,IAAY,EACZ,QAA4C;MAE5C,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;MAChD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;KAChE,CAAC;IAEF,uBAAkB,GAAG,CAAC,UAAkB;MACtC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,UAAU,KAAK,UAAU,CAAC;MACtD,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC;MAEvE,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;OACR;MAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAC;KAChE,CAAC;IAaF,cAAS,GAAG;MACV,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACjC,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;QACzD,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;OACxC;KACF,CAAC;GACH;EAjBS,yBAAyB,CAAC,QAAyB;IACzD,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI;MACrC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtD,OAAO,KAAK,CAAC;OACd;WAAM;QACL,OAAO,IAAI,CAAC;OACb;KACF,CAAC,CAAC;GACJ;;;;;","names":[],"sources":["./src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n  el: DocumentAndElementEventHandlers;\n  name: string;\n  listener: EventListenerOrEventListenerObject;\n  identifier?: string | null;\n}\n\nconst equals =\n  <A extends Object>(a: A) =>\n  <B extends Object>(b: B) =>\n    Object.keys(a).every((key) => a[key] === b[key]);\n\nexport class EventListeners {\n  eventListeners: EventListener[] = [];\n\n  add = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject,\n    identifier = null\n  ) => {\n    this.eventListeners.push({ el, name, listener, identifier });\n    el.addEventListener(name, listener);\n  };\n\n  remove = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject\n  ) => {\n    const sameItem = equals({ el, name, listener });\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  removeByIdentifier = (identifier: string) => {\n    const sameItem = (el) => el.identifier === identifier;\n    const foundListener = this.eventListeners.find(sameItem) !== undefined;\n\n    if (!foundListener) {\n      return;\n    }\n\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  private getFilteredEventListeners(sameItem: (el) => boolean) {\n    return this.eventListeners.filter((item) => {\n      if (sameItem(item)) {\n        item.el.removeEventListener(item.name, item.listener);\n        return false;\n      } else {\n        return true;\n      }\n    });\n  }\n\n  removeAll = () => {\n    while (this.eventListeners.length) {\n      const { el, name, listener } = this.eventListeners.pop();\n      el.removeEventListener(name, listener);\n    }\n  };\n}\n"],"version":3}

package/dist/components/execution-control.js

@@ -0,0 +1,40 @@
+const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;
+const DEFAULT_DEBOUNCE_FAST = 300;
+/**
+ * Debounce function to implement a timeframe to wait for no new changes before executing a callback
+
+ *  example usages:
+ *    debounce(() => saveInput());
+ *    debounce(() => saveInput(), 750);
+ *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));
+ *
+ *  regarding default timeout check https://lawsofux.com/doherty-threshold/
+ *
+ * @param callback
+ * @param timeout
+ */
+const debounce = (callback, timeout = DEFAULT_DEBOUNCE_FAST) => {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => callback.apply(undefined, args), timeout);
+  };
+};
+/**
+ * Debounce an event
+ *
+ * @param event
+ * @param timeout
+ */
+const debounceEvent = (event, timeout) => {
+  const original = event._original || event;
+  const emit = debounce(original.emit.bind(original), timeout);
+  return {
+    _original: event,
+    emit: emit,
+  };
+};
+
+export { DEFAULT_DEBOUNCE_FAST as D, debounce as a, DEFAULT_DEBOUNCE_INSANELY_FAST as b, debounceEvent as d };
+
+//# sourceMappingURL=execution-control.js.map

package/dist/components/execution-control.js.map

@@ -0,0 +1 @@
+{"file":"execution-control.js","mappings":"MAEa,8BAA8B,GAAG,GAAG;MAEpC,qBAAqB,GAAG,IAAI;AAGzC;;;;;;;;;;;;;MAaa,QAAQ,GAAG,CAAC,QAAkB,EAAE,OAAO,GAAG,qBAAqB;EAC1E,IAAI,KAAqB,CAAC;EAC1B,OAAO,CAAI,GAAG,IAAS;IACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,KAAK,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAACA,SAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;GAC/D,CAAC;AACJ,EAAE;AAEF;;;;;;MAMa,aAAa,GAAG,CAAC,KAAmB,EAAE,OAAe;EAChE,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;EACnD,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAyB,CAAC;EACrF,OAAO;IACL,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,IAAI;GACK,CAAC;AACpB;;;;","names":["this"],"sources":["./src/utils/execution-control.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;\nexport const DEFAULT_DEBOUNCE_VERY_FAST = 100;\nexport const DEFAULT_DEBOUNCE_FAST = 300;\nexport const DEFAULT_DEBOUNCE_SLOW = 600;\n\n/**\n * Debounce function to implement a timeframe to wait for no new changes before executing a callback\n\n *  example usages:\n *    debounce(() => saveInput());\n *    debounce(() => saveInput(), 750);\n *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));\n *\n *  regarding default timeout check https://lawsofux.com/doherty-threshold/\n *\n * @param callback\n * @param timeout\n */\nexport const debounce = (callback: Function, timeout = DEFAULT_DEBOUNCE_FAST) => {\n  let timer: NodeJS.Timeout;\n  return <T>(...args: T[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => callback.apply(this, args), timeout);\n  };\n};\n\n/**\n * Debounce an event\n *\n * @param event\n * @param timeout\n */\nexport const debounceEvent = (event: EventEmitter, timeout: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  const emit = debounce(original.emit.bind(original), timeout) as (any) => CustomEvent;\n  return {\n    _original: event,\n    emit: emit,\n  } as EventEmitter;\n};\n"],"version":3}

package/dist/components/focus-visible.js

@@ -0,0 +1,45 @@
+//
+// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a
+// `focus-visible` class. Works at the component level so no global polyfill is necessary.
+//
+// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible
+//
+const listeners = new WeakMap();
+function observe(el) {
+  if (!el)
+    return;
+  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp'];
+  const is = (event) => {
+    if (keys.includes(event.key)) {
+      el.classList.add('focus-visible');
+    }
+  };
+  const isNot = () => el.classList.remove('focus-visible');
+  listeners.set(el, { is, isNot });
+  el.addEventListener('keydown', is);
+  el.addEventListener('keyup', is);
+  el.addEventListener('mousedown', isNot);
+  el.addEventListener('mousedown', isNot);
+}
+function unobserve(el) {
+  if (!el)
+    return;
+  const listener = listeners.get(el);
+  if (!listener) {
+    return;
+  }
+  const { is, isNot } = listener;
+  el.classList.remove('focus-visible');
+  el.removeEventListener('keydown', is);
+  el.removeEventListener('keyup', is);
+  el.removeEventListener('mousedown', isNot);
+  el.removeEventListener('mousedown', isNot);
+}
+const focusVisible = {
+  observe,
+  unobserve,
+};
+
+export { focusVisible as f };
+
+//# sourceMappingURL=focus-visible.js.map

package/dist/components/focus-visible.js.map

@@ -0,0 +1 @@
+{"file":"focus-visible.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,SAAS,GAAG,IAAI,OAAO,EAAE,CAAC;SAEhB,OAAO,CAAC,EAAe;EACrC,IAAI,CAAC,EAAE;IAAE,OAAO;EAEhB,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAC7G,MAAM,EAAE,GAAG,CAAC,KAAoB;IAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;MAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;KACnC;GACF,CAAC;EACF,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;EACzD,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;EAEjC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EACnC,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;EACjC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;EACxC,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC1C,CAAC;SAEe,SAAS,CAAC,EAAe;EACvC,IAAI,CAAC,EAAE;IAAE,OAAO;EAEhB,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;EAEnC,IAAI,CAAC,QAAQ,EAAE;IACb,OAAO;GACR;EAED,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;EAE/B,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;EACrC,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EACtC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;EACpC,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;EAC3C,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC7C,CAAC;MAEY,YAAY,GAAG;EAC1B,OAAO;EACP,SAAS;;;;;","names":[],"sources":["./src/utils/focus-visible.ts"],"sourcesContent":["//\n// Simulates :focus-visible behavior on an element by watching for certain keyboard and mouse heuristics and toggling a\n// `focus-visible` class. Works at the component level so no global polyfill is necessary.\n//\n// This will eventually be removed pending better :focus-visible support: https://caniuse.com/#search=focus-visible\n//\nconst listeners = new WeakMap();\n\nexport function observe(el: HTMLElement) {\n  if (!el) return;\n\n  const keys = ['Tab', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageDown', 'PageUp'];\n  const is = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) {\n      el.classList.add('focus-visible');\n    }\n  };\n  const isNot = () => el.classList.remove('focus-visible');\n  listeners.set(el, { is, isNot });\n\n  el.addEventListener('keydown', is);\n  el.addEventListener('keyup', is);\n  el.addEventListener('mousedown', isNot);\n  el.addEventListener('mousedown', isNot);\n}\n\nexport function unobserve(el: HTMLElement) {\n  if (!el) return;\n\n  const listener = listeners.get(el);\n\n  if (!listener) {\n    return;\n  }\n\n  const { is, isNot } = listener;\n\n  el.classList.remove('focus-visible');\n  el.removeEventListener('keydown', is);\n  el.removeEventListener('keyup', is);\n  el.removeEventListener('mousedown', isNot);\n  el.removeEventListener('mousedown', isNot);\n}\n\nexport const focusVisible = {\n  observe,\n  unobserve,\n};\n"],"version":3}

package/dist/components/form-control.js

@@ -0,0 +1,32 @@
+import { h } from '@stencil/core/internal/client';
+
+const FormControl = (props, children) => {
+  const hasLabel = props.label ? true : props.hasLabelSlot;
+  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;
+  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */
+  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;
+  return (h("div", { part: "form-control", class: {
+      'form-control': true,
+      'form-control--small': props.size === 'small',
+      'form-control--medium': props.size === 'medium',
+      'form-control--large': props.size === 'large',
+      'form-control--has-label': hasLabel,
+      'form-control--has-help-text': hasHelpText,
+      'form-control--has-error-text': props.displayError,
+      'form-control--disabled': props.disabled,
+      'form-control--invalid': props.displayError && !props.disabled,
+    } },
+    h("label", { part: "label", id: props.labelId, class: {
+        'form-control__label': true,
+        'form-control__label__required': props.required,
+      }, htmlFor: props.inputId, "aria-hidden": hasLabel ? 'false' : 'true', onClick: props.onLabelClick },
+      h("slot", { name: "label" }, props.label)),
+    h("div", { class: "form-control__input" }, children),
+    h("div", { part: "error-text", id: props.errorTextId, class: "form-control__error-text", "aria-hidden": props.displayError ? 'false' : 'true' }, useErrorTextAttribute ? props.errorText : h("slot", { name: "error-text" })),
+    h("div", { part: "help-text", id: props.helpTextId, class: "form-control__help-text", "aria-hidden": hasHelpText ? 'false' : 'true' },
+      h("slot", { name: "help-text" }, props.helpText))));
+};
+
+export { FormControl as F };
+
+//# sourceMappingURL=form-control.js.map

package/dist/components/form-control.js.map

@@ -0,0 +1 @@
+{"file":"form-control.js","mappings":";;MAiDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAQ;EACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;EACzD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC;;EAElE,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;EAErG,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,KAAK,CAAC,YAAY;MAClD,wBAAwB,EAAE,KAAK,CAAC,QAAQ;MACxC,uBAAuB,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ;KAC/D;IAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,KAAK,CAAC,QAAQ;OAChD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,MAAM,IAEjD,qBAAqB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,YAAY,GAAG,CACjE;IAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["./src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether or not a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether or not a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string;\n\n  /** Whether or not a error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children) => {\n  const hasLabel = props.label ? true : props.hasLabelSlot;\n  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;\n  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */\n  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': props.displayError,\n        'form-control--disabled': props.disabled,\n        'form-control--invalid': props.displayError && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={props.displayError ? 'false' : 'true'}\n      >\n        {useErrorTextAttribute ? props.errorText : <slot name=\"error-text\" />}\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}

package/dist/components/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * 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;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: 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;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;

package/dist/components/index.js

@@ -0,0 +1,122 @@
+import { SetAttributes } from './set-attributes.js';
+import { SixAlert } from './six-alert.js';
+import { SixAvatar } from './six-avatar.js';
+import { SixBadge } from './six-badge.js';
+import { SixButton } from './six-button.js';
+import { SixCard } from './six-card.js';
+import { SixCheckbox } from './six-checkbox.js';
+import { SixDatepicker } from './six-datepicker.js';
+import { SixDetails } from './six-details.js';
+import { SixDialog } from './six-dialog.js';
+import { SixDrawer } from './six-drawer.js';
+import { SixDropdown } from './six-dropdown.js';
+import { SixErrorPage } from './six-error-page.js';
+import { SixFileList } from './six-file-list.js';
+import { SixFileListItem } from './six-file-list-item.js';
+import { SixFileUpload } from './six-file-upload.js';
+import { SixFooter } from './six-footer.js';
+import { SixForm } from './six-form.js';
+import { SixGroupLabel } from './six-group-label.js';
+import { SixHeader } from './six-header.js';
+import { SixIcon } from './six-icon.js';
+import { SixIconButton } from './six-icon-button.js';
+import { SixInput } from './six-input.js';
+import { SixItemPicker } from './six-item-picker.js';
+import { SixLanguageSwitcher } from './six-language-switcher.js';
+import { SixLayoutGrid } from './six-layout-grid.js';
+import { SixMainContainer } from './six-main-container.js';
+import { SixMenu } from './six-menu.js';
+import { SixMenuDivider } from './six-menu-divider.js';
+import { SixMenuItem } from './six-menu-item.js';
+import { SixMenuLabel } from './six-menu-label.js';
+import { SixPicto } from './six-picto.js';
+import { SixProgressBar } from './six-progress-bar.js';
+import { SixProgressRing } from './six-progress-ring.js';
+import { SixRadio } from './six-radio.js';
+import { SixRange } from './six-range.js';
+import { SixRoot } from './six-root.js';
+import { SixSearchField } from './six-search-field.js';
+import { SixSelect } from './six-select.js';
+import { SixSidebar } from './six-sidebar.js';
+import { SixSidebarItem } from './six-sidebar-item.js';
+import { SixSidebarItemGroup } from './six-sidebar-item-group.js';
+import { SixSpinner } from './six-spinner.js';
+import { SixStageIndicator } from './six-stage-indicator.js';
+import { SixSwitch } from './six-switch.js';
+import { SixTab } from './six-tab.js';
+import { SixTabGroup } from './six-tab-group.js';
+import { SixTabPanel } from './six-tab-panel.js';
+import { SixTag } from './six-tag.js';
+import { SixTextarea } from './six-textarea.js';
+import { SixTile } from './six-tile.js';
+import { SixTimepicker } from './six-timepicker.js';
+import { SixTooltip } from './six-tooltip.js';
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      SetAttributes,
+      SixAlert,
+      SixAvatar,
+      SixBadge,
+      SixButton,
+      SixCard,
+      SixCheckbox,
+      SixDatepicker,
+      SixDetails,
+      SixDialog,
+      SixDrawer,
+      SixDropdown,
+      SixErrorPage,
+      SixFileList,
+      SixFileListItem,
+      SixFileUpload,
+      SixFooter,
+      SixForm,
+      SixGroupLabel,
+      SixHeader,
+      SixIcon,
+      SixIconButton,
+      SixInput,
+      SixItemPicker,
+      SixLanguageSwitcher,
+      SixLayoutGrid,
+      SixMainContainer,
+      SixMenu,
+      SixMenuDivider,
+      SixMenuItem,
+      SixMenuLabel,
+      SixPicto,
+      SixProgressBar,
+      SixProgressRing,
+      SixRadio,
+      SixRange,
+      SixRoot,
+      SixSearchField,
+      SixSelect,
+      SixSidebar,
+      SixSidebarItem,
+      SixSidebarItemGroup,
+      SixSpinner,
+      SixStageIndicator,
+      SixSwitch,
+      SixTab,
+      SixTabGroup,
+      SixTabPanel,
+      SixTag,
+      SixTextarea,
+      SixTile,
+      SixTimepicker,
+      SixTooltip,
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { defineCustomElements };
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}