@odx/foundation 0.1.0-alpha.13 → 0.1.0-alpha.14

package/dist/elements/table/table.element.js

@@ -0,0 +1,97 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './table.element.css.js';
+import { OdxTableHeaderElement } from './elements/table-header/table-header.element.js';
+import { OdxTableRowElement } from './elements/table-row/table-row.element.js';
+import { OdxTableCheckboxCellElement } from './elements/table-checkbox-cell/table-checkbox-cell.element.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _selectedSet, _OdxTableElement_instances, selectAllRows_fn, deselectAllRows_fn, _handleChange;
+let OdxTableElement = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTableElement_instances);
+    __privateAdd(this, _selectedSet, /* @__PURE__ */ new Set());
+    this.mode = "selection";
+    this.selected = [];
+    this.items = [];
+    __privateAdd(this, _handleChange, (event) => {
+      if (event.target.localName !== OdxTableCheckboxCellElement.selector) return;
+      event.stopPropagation();
+      const rowElement = event.target.parentElement;
+      if (!rowElement) return;
+      const isSelected = event.target.checked;
+      if (rowElement.localName === OdxTableHeaderElement.selector) {
+        if (event.target.checked) {
+          __privateMethod(this, _OdxTableElement_instances, selectAllRows_fn).call(this);
+        } else {
+          __privateMethod(this, _OdxTableElement_instances, deselectAllRows_fn).call(this);
+        }
+      } else if (isSelected) {
+        __privateGet(this, _selectedSet).add(rowElement.value);
+      } else {
+        __privateGet(this, _selectedSet).delete(rowElement.value);
+      }
+    });
+  }
+  get headerElements() {
+    return Array.from(this.querySelectorAll(OdxTableHeaderElement.selector));
+  }
+  get rowElements() {
+    return Array.from(this.querySelectorAll(OdxTableRowElement.selector));
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.role = "grid";
+  }
+  render() {
+    return html`<slot @change=${__privateGet(this, _handleChange)}></slot>`;
+  }
+};
+_selectedSet = new WeakMap();
+_OdxTableElement_instances = new WeakSet();
+selectAllRows_fn = function() {
+  for (const row of this.rowElements) {
+    row.selected = true;
+    __privateGet(this, _selectedSet).add(row.value);
+  }
+};
+deselectAllRows_fn = function() {
+  __privateGet(this, _selectedSet).clear();
+  for (const row of this.rowElements) {
+    if (!row.selected) continue;
+    row.selected = false;
+  }
+};
+_handleChange = new WeakMap();
+__decorateClass([
+  property()
+], OdxTableElement.prototype, "mode", 2);
+__decorateClass([
+  property({ type: Array })
+], OdxTableElement.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Array })
+], OdxTableElement.prototype, "items", 2);
+OdxTableElement = __decorateClass([
+  customElement("odx-table", [styles])
+], OdxTableElement);
+
+export { OdxTableElement };

package/dist/elements/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../elements/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/elements/toast/models/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/toast/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../elements/toast/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/elements/toast/models/toast-variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-variant.d.ts","sourceRoot":"","sources":["../../../../src/elements/toast/models/toast-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,eAAO,MAAM,YAAY;;CAEf,CAAC"}
+{"version":3,"file":"toast-variant.d.ts","sourceRoot":"","sources":["../../../../elements/toast/models/toast-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E,eAAO,MAAM,YAAY;;CAEf,CAAC"}

package/dist/elements/toast/models/toast-variant.js

@@ -0,0 +1,5 @@
+const ToastVariant = {
+  DANGER: "danger"
+};
+
+export { ToastVariant };

package/dist/elements/toast/toast.element.css.js

@@ -0,0 +1,3 @@
+const styles = "";
+
+export { styles as default };

package/dist/elements/toast/toast.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.element.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;IAEhD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;cAEX,MAAM,IAAI,cAAc;CAM5C"}
+{"version":3,"file":"toast.element.d.ts","sourceRoot":"","sources":["../../../elements/toast/toast.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF;AAED,qBACa,eAAgB,SAAQ,aAAa;IAEhD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;cAEX,MAAM,IAAI,cAAc;CAM5C"}

package/dist/elements/toast/toast.element.js

@@ -0,0 +1,31 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './toast.element.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxToastElement = class extends CustomElement {
+  render() {
+    return html`
+      <slot name="title"></slot>
+      <slot></slot>
+    `;
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxToastElement.prototype, "variant", 2);
+OdxToastElement = __decorateClass([
+  customElement("odx-toast", [styles])
+], OdxToastElement);
+
+export { OdxToastElement };

package/dist/elements/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../elements/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}

package/dist/elements/tooltip/models/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/tooltip/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../elements/tooltip/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/elements/tooltip/models/tooltip-placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-placement.d.ts","sourceRoot":"","sources":["../../../../src/elements/tooltip/models/tooltip-placement.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC"}
+{"version":3,"file":"tooltip-placement.d.ts","sourceRoot":"","sources":["../../../../elements/tooltip/models/tooltip-placement.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC"}

package/dist/elements/tooltip/models/tooltip-placement.js

@@ -0,0 +1,10 @@
+import { PopoverPlacement } from '@odx/foundation/cdk';
+
+const TooltipPlacement = {
+  TOP: PopoverPlacement.TOP,
+  RIGHT: PopoverPlacement.RIGHT,
+  BOTTOM: PopoverPlacement.BOTTOM,
+  LEFT: PopoverPlacement.LEFT
+};
+
+export { TooltipPlacement };

package/dist/elements/tooltip/tooltip.element.css.js

@@ -0,0 +1,3 @@
+const styles = ":host(:not([interactive])){pointer-events:none}odx-popover{--color-fill: var(--odx-palette-blue-90);--color-text: var(--odx-color-text-inverse)}::slotted(odx-button[aria-disabled=\"true\"]){pointer-events:auto}";
+
+export { styles as default };

package/dist/elements/tooltip/tooltip.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.element.d.ts","sourceRoot":"","sources":["../../../src/elements/tooltip/tooltip.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF;;AAED,qBACa,iBAAkB,SAAQ,sBAA0B;;IAEtD,SAAS,QAAwB;IAG1C,WAAW,UAAS;IAGX,EAAE,SAAU;IAEZ,iBAAiB,IAAI,IAAI;IAMzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAQzD,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;cAOzC,MAAM,IAAI,cAAc;cAQxB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDjE"}
+{"version":3,"file":"tooltip.element.d.ts","sourceRoot":"","sources":["../../../elements/tooltip/tooltip.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKrE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF;;AAED,qBACa,iBAAkB,SAAQ,sBAA0B;;IAEtD,SAAS,QAAwB;IAG1C,WAAW,UAAS;IAGX,EAAE,SAAU;IAEZ,iBAAiB,IAAI,IAAI;IAMzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI;IAQzD,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI;cAOzC,MAAM,IAAI,cAAc;cAQxB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAmDjE"}

package/dist/elements/tooltip/tooltip.element.js

@@ -0,0 +1,120 @@
+import { CustomElement, getUniqueId, toggleAttribute, customElement } from '@odx/foundation';
+import { PopoverHost } from '@odx/foundation/cdk';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import styles from './tooltip.element.css.js';
+import { TooltipPlacement } from './models/tooltip-placement.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _OdxTooltipElement_instances, addKeyboardListeners_fn, removeKeyboardListeners_fn, addMouseListeners_fn, removeMouseListeners_fn, updateAriaAttributes_fn, _handleReferenceMouseLeave, _handleMouseEvents, _handleKeyboardFocus;
+let OdxTooltipElement = class extends PopoverHost(CustomElement) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _OdxTooltipElement_instances);
+    this.placement = TooltipPlacement.TOP;
+    this.interactive = false;
+    this.id = "test";
+    __privateAdd(this, _handleReferenceMouseLeave, (event) => {
+      if (event.relatedTarget === this) return;
+      __privateGet(this, _handleMouseEvents).call(this, event);
+    });
+    __privateAdd(this, _handleMouseEvents, ({ type }) => {
+      if (type !== "mouseenter" && type !== "mouseleave") return;
+      this.togglePopover(type === "mouseenter");
+    });
+    __privateAdd(this, _handleKeyboardFocus, ({ type, key }) => {
+      if (key !== "Tab") return;
+      this.togglePopover(type !== "keydown");
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.id ||= getUniqueId("odx-tooltip");
+    this.role = "tooltip";
+  }
+  mountPopover(referenceElement) {
+    super.mountPopover(referenceElement);
+    if (!referenceElement) return;
+    __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, referenceElement, this.id);
+    __privateMethod(this, _OdxTooltipElement_instances, addKeyboardListeners_fn).call(this, referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, addMouseListeners_fn).call(this, referenceElement);
+  }
+  unmountPopover(referenceElement) {
+    super.unmountPopover(referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, referenceElement, null);
+    __privateMethod(this, _OdxTooltipElement_instances, removeKeyboardListeners_fn).call(this, referenceElement);
+    __privateMethod(this, _OdxTooltipElement_instances, removeMouseListeners_fn).call(this, referenceElement);
+  }
+  render() {
+    return html`
+      <odx-popover showArrow>
+        <slot></slot>
+      </odx-popover>
+    `;
+  }
+  willUpdate(props) {
+    super.willUpdate?.(props);
+    if (props.has("id")) {
+      __privateMethod(this, _OdxTooltipElement_instances, updateAriaAttributes_fn).call(this, this.referenceElement, this.id);
+    }
+  }
+};
+_OdxTooltipElement_instances = new WeakSet();
+addKeyboardListeners_fn = function(referenceElement) {
+  referenceElement.addEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.addEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+removeKeyboardListeners_fn = function(referenceElement) {
+  referenceElement.removeEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.removeEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+addMouseListeners_fn = function(referenceElement) {
+  this.addEventListener("mouseleave", __privateGet(this, _handleMouseEvents));
+  referenceElement.addEventListener("mouseenter", __privateGet(this, _handleMouseEvents));
+  referenceElement.addEventListener("mouseleave", __privateGet(this, _handleReferenceMouseLeave));
+  referenceElement.addEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.addEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+removeMouseListeners_fn = function(referenceElement) {
+  this.removeEventListener("mouseleave", __privateGet(this, _handleMouseEvents));
+  referenceElement.removeEventListener("mouseenter", __privateGet(this, _handleMouseEvents));
+  referenceElement.removeEventListener("mouseleave", __privateGet(this, _handleReferenceMouseLeave));
+  referenceElement.removeEventListener("keyup", __privateGet(this, _handleKeyboardFocus));
+  referenceElement.removeEventListener("keydown", __privateGet(this, _handleKeyboardFocus));
+};
+updateAriaAttributes_fn = function(referenceElement, id) {
+  toggleAttribute(referenceElement, "aria-describedby", id);
+};
+_handleReferenceMouseLeave = new WeakMap();
+_handleMouseEvents = new WeakMap();
+_handleKeyboardFocus = new WeakMap();
+__decorateClass([
+  property({ reflect: true })
+], OdxTooltipElement.prototype, "placement", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], OdxTooltipElement.prototype, "interactive", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxTooltipElement.prototype, "id", 2);
+OdxTooltipElement = __decorateClass([
+  customElement("odx-tooltip", [styles])
+], OdxTooltipElement);
+
+export { OdxTooltipElement };

package/dist/fonts.css

@@ -1 +1,20 @@
-@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:400;src:url(./fonts/draeger-pangea-text-regular.woff2) format("woff2")}@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:500;src:url(./fonts/draeger-pangea-text-medium.woff2) format("woff2")}@font-face{font-family:Draeger Pangea Text;font-style:normal;font-weight:600;src:url(./fonts/draeger-pangea-text-semibold.woff2) format("woff2")}
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 400;
+  src: url("./assets/draeger-pangea-text-regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 500;
+  src: url("./assets/draeger-pangea-text-medium.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Draeger Pangea Text";
+  font-style: normal;
+  font-weight: 600;
+  src: url("./assets/draeger-pangea-text-semibold.woff2") format("woff2");
+}

package/dist/main.d.ts

@@ -1,8 +1,2 @@
-export * from './lib/controllers';
-export * from './lib/directives';
-export * from './lib/external';
-export * from './lib/facade';
-export * from './lib/mixins';
-export * from './lib/models';
-export * from './lib/utils';
-//# sourceMappingURL=main.d.ts.map
+export * from './src/main'
+export {}