@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.1

package/dist/esm/templates-797420bf.js

@@ -1,228 +0,0 @@
-import { b as __assign } from './tslib.es6-99cd0de8.js';
-
-/**
- * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
- */
-/**
- * Lower case as a function.
- */
-function lowerCase(str) {
-    return str.toLowerCase();
-}
-
-// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
-var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-// Remove all non-word characters.
-var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
-/**
- * Normalize the string into something other libraries can manipulate easier.
- */
-function noCase(input, options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-    var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-    var start = 0;
-    var end = result.length;
-    // Trim the delimiter from around the output string.
-    while (result.charAt(start) === "\0")
-        start++;
-    while (result.charAt(end - 1) === "\0")
-        end--;
-    // Transform each token independently.
-    return result.slice(start, end).split("\0").map(transform).join(delimiter);
-}
-/**
- * Replace `re` in the input string with the replacement value.
- */
-function replace(input, re, value) {
-    if (re instanceof RegExp)
-        return input.replace(re, value);
-    return re.reduce(function (input, re) { return input.replace(re, value); }, input);
-}
-
-function pascalCaseTransform(input, index) {
-    var firstChar = input.charAt(0);
-    var lowerChars = input.substr(1).toLowerCase();
-    if (index > 0 && firstChar >= "0" && firstChar <= "9") {
-        return "_" + firstChar + lowerChars;
-    }
-    return "" + firstChar.toUpperCase() + lowerChars;
-}
-function pascalCase(input, options) {
-    if (options === void 0) { options = {}; }
-    return noCase(input, __assign({ delimiter: "", transform: pascalCaseTransform }, options));
-}
-
-function camelCaseTransform(input, index) {
-    if (index === 0)
-        return input.toLowerCase();
-    return pascalCaseTransform(input, index);
-}
-function camelCase(input, options) {
-    if (options === void 0) { options = {}; }
-    return pascalCase(input, __assign({ transform: camelCaseTransform }, options));
-}
-
-const bindingRegEx = /{{(.+)}}/;
-class CollectionBinding {
-  constructor(bindings) {
-    this.bindings = bindings;
-  }
-  bind(data) {
-    this.bindings.forEach((binding) => binding.bind(data));
-  }
-}
-class NodeBinding {
-  constructor(node, expr) {
-    this.node = node;
-    this.expr = expr;
-  }
-}
-class TextNodeBinding extends NodeBinding {
-  constructor(node, expr) {
-    super(node, expr);
-  }
-  bind(data) {
-    const newContent = replaceBindingString(data, this.expr);
-    if (newContent !== this.node.textContent) {
-      this.node.textContent = newContent;
-    }
-  }
-}
-class AttributeBinding extends NodeBinding {
-  constructor(node, expr, attr) {
-    super(node, expr);
-    this.attr = attr;
-  }
-  bind(data) {
-    const newValue = replaceBindingString(data, this.expr);
-    const oldValue = this.node.getAttribute(this.attr);
-    if (oldValue !== newValue) {
-      this.node.setAttribute(this.attr, newValue);
-    }
-  }
-}
-class PropertyBinding extends NodeBinding {
-  constructor(node, expr, prop) {
-    super(node, expr);
-    this.prop = prop;
-  }
-  bind(data) {
-    const newValue = replaceBinding(data, this.expr);
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-    const oldValue = this.node[this.prop];
-    if (oldValue !== newValue) {
-      this.node[this.prop] = newValue;
-    }
-    /* eslint-enable @typescript-eslint/no-explicit-any */
-  }
-}
-class EventHandlerBinding extends NodeBinding {
-  constructor(node, expr, eventName) {
-    super(node, expr);
-    this.eventName = eventName;
-  }
-  bind(data) {
-    var _a;
-    const path = extractBindingPath(this.expr);
-    if (path != null) {
-      (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();
-      const listener = getBindableValue(data, path, true);
-      this.node.addEventListener(this.eventName, listener);
-      this.disposable = {
-        dispose: () => {
-          this.node.removeEventListener(this.eventName, listener);
-        },
-      };
-    }
-  }
-}
-function generateBindings(node) {
-  const bindings = [];
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    const el = node;
-    const bindableAttributes = getBindableAttributes(el);
-    bindableAttributes.forEach((attr) => {
-      if (attr.name.startsWith('event:')) {
-        const eventName = camelCase(attr.name.replace('event:', ''));
-        bindings.push(new EventHandlerBinding(el, attr.value, eventName));
-      }
-      else if (attr.name.startsWith('attr:')) {
-        bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));
-      }
-      else if (attr.name.startsWith('prop:')) {
-        const propName = camelCase(attr.name.replace('prop:', ''));
-        bindings.push(new PropertyBinding(el, attr.value, propName));
-      }
-    });
-  }
-  else if (node.nodeType === Node.TEXT_NODE &&
-    node.textContent != null &&
-    bindingRegEx.test(node.textContent)) {
-    bindings.push(new TextNodeBinding(node, node.textContent));
-  }
-  for (let i = 0; i < node.childNodes.length; i++) {
-    bindings.push(...generateBindings(node.childNodes[i]));
-  }
-  return bindings;
-}
-function getBindableAttributes(element) {
-  return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));
-}
-function extractBindingPath(expr) {
-  const result = bindingRegEx.exec(expr);
-  return result != null ? result[1] : undefined;
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function replaceBindingString(data, expr) {
-  const path = extractBindingPath(expr);
-  if (path != null) {
-    const value = getBindableValue(data, path, true);
-    return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());
-  }
-  else {
-    return expr;
-  }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function replaceBinding(data, expr) {
-  const path = extractBindingPath(expr);
-  if (path != null) {
-    const value = getBindableValue(data, path, true);
-    return value;
-  }
-  else {
-    return expr;
-  }
-}
-function getBindableValue(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-data, path, isHead = false
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-) {
-  const [head, ...tail] = path.split('.');
-  if (isHead && tail.length === 0) {
-    return data;
-  }
-  else if (isHead && tail.length > 0) {
-    return getBindableValue(data, tail.join('.'), false);
-  }
-  else {
-    const value = data[head];
-    if (tail.length > 0) {
-      return getBindableValue(value, tail.join('.'), false);
-    }
-    else {
-      return value;
-    }
-  }
-}
-
-function generateInstanceFromTemplate(template) {
-  const fragment = template.content.cloneNode(true);
-  const element = fragment.firstElementChild;
-  const bindings = new CollectionBinding(generateBindings(fragment));
-  return { element, bindings };
-}
-
-export { generateInstanceFromTemplate as g };

package/dist/esm/text-field-32ac877e.js

@@ -1,131 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-72f28b71.js';
-import { c as classnames } from './index-9c609209.js';
-
-const TextField = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.inputFocus = createEvent(this, "inputFocus", 7);
-    this.inputBlur = createEvent(this, "inputBlur", 7);
-    this.inputInput = createEvent(this, "inputInput", 7);
-    this.inputChange = createEvent(this, "inputChange", 7);
-    this.textFieldKeyDown = createEvent(this, "textFieldKeyDown", 7);
-    this.inputAutofill = createEvent(this, "inputAutofill", 7);
-    this.handleFocus = (ev) => {
-      this.inputFocus.emit(ev);
-    };
-    this.handleBlur = (ev) => {
-      this.inputBlur.emit(ev);
-    };
-    this.handleKeyDown = (ev) => {
-      if (ev.key === 'Enter' && this.nearbyForm != null) {
-        this.nearbyForm.dispatchEvent(new CustomEvent('submit', {
-          bubbles: true,
-          cancelable: true,
-        }));
-      }
-      else {
-        this.textFieldKeyDown.emit(ev);
-      }
-    };
-    this.handleChanged = () => {
-      this.inputChange.emit({ value: this.nativeInput.value });
-    };
-    this.handleInput = () => {
-      this.inputInput.emit({ value: this.nativeInput.value });
-    };
-    this.type = 'text';
-    this.name = undefined;
-    this.variant = 'standard';
-    this.fontSize = 'standard';
-    this.multiline = false;
-    this.minRows = 1;
-    this.maxRows = undefined;
-    this.placeholder = undefined;
-    this.autoFocus = undefined;
-    this.autoComplete = undefined;
-    this.autoCorrect = undefined;
-    this.value = '';
-    this.disabled = undefined;
-    this.hasError = undefined;
-  }
-  componentDidLoad() {
-    var _a;
-    if (this.autoFocus) {
-      (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-  }
-  /**
-   * updateInput is a method to take an input to automatically set the native input to the given input string
-   * @param input
-   */
-  async updateInput(input) {
-    if (this.nativeInput != null) {
-      this.nativeInput.value = input;
-    }
-  }
-  async blurInput() {
-    var _a;
-    (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.blur();
-  }
-  async getInputValue() {
-    return this.nativeInput.value;
-  }
-  /**
-   * A method to select all in the input
-   */
-  async selectAll() {
-    this.nativeInput.select();
-  }
-  render() {
-    var _a;
-    const classes = classnames('txt-wrapper', {
-      'txt-wrapper-border': !this.multiline,
-      'txt-standard': this.variant === 'standard',
-      'txt-filled': this.variant === 'filled',
-      'txt-underlined': this.variant === 'underlined',
-      'txt-blank': this.variant === 'blank',
-      'txt-size-standard': this.fontSize === 'standard',
-      'txt-size-sm': this.fontSize === 'sm',
-      'txt-size-md': this.fontSize === 'md',
-      'txt-size-lg': this.fontSize === 'lg',
-      'txt-size-xl': this.fontSize === 'xl',
-      'txt-size-xxl': this.fontSize === 'xxl',
-      disabled: this.disabled,
-      'has-error': this.hasError,
-    });
-    const commonProps = {
-      class: 'txt',
-      'data-testid': 'text-field',
-      name: this.name,
-      ref: (input) => {
-        if (input != null) {
-          this.nativeInput = input;
-        }
-      },
-      autoComplete: this.autoComplete,
-      autoFocus: this.autoFocus,
-      disabled: this.disabled,
-      placeholder: this.placeholder,
-      value: this.value || '',
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onKeyDown: this.handleKeyDown,
-      onInput: this.handleInput,
-      onChange: this.handleChanged,
-      onAnimationStart: (ev) => {
-        if (['onAutoFillStart', 'onAutoFillCancel'].includes(ev.animationName)) {
-          this.inputAutofill.emit({ value: this.nativeInput.value });
-        }
-      },
-    };
-    return (h("div", { class: classes }, h("div", { class: "txt-slot" }, h("slot", { name: "left" })), this.multiline ? (h("vertex-auto-resize-textarea", { maxRows: this.maxRows, minRows: this.minRows, initialValue: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || '' }, h("textarea", Object.assign({}, commonProps, { class: classnames(commonProps.class, 'txt-textarea', classes), rows: this.minRows })))) : (h("input", Object.assign({}, commonProps, { type: this.type }))), h("div", { class: "txt-slot" }, h("slot", { name: "right" }))));
-  }
-  connectedCallback() {
-    if (this.hostElement != null) {
-      this.nearbyForm = this.hostElement.closest('form');
-    }
-  }
-  get hostElement() { return getElement(this); }
-};
-
-export { TextField as T };

package/dist/esm/toast-255648ff.js

@@ -1,88 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-72f28b71.js';
-import { c as classnames } from './index-9c609209.js';
-
-const toastCss = ":host{--toast-width:auto;--toast-min-width:17rem;--toast-max-width:25rem;--toast-white-space:normal}.anchor{position:fixed}.bottom-left{left:1rem;bottom:1rem}.bottom{left:50vw;bottom:1rem}.bottom-right{right:1rem;bottom:1rem}.top-left{left:1rem;top:1rem}.top{left:50vw;top:1rem}.top-right{right:1rem;top:1rem}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;padding-left:1rem}.close:hover{color:var(--vertex-ui-neutral-300)}.toast{position:relative;display:flex;align-items:center;width:var(--toast-width);min-width:var(--toast-min-width);max-width:var(--toast-max-width);padding:1rem 1rem 1rem 1.5rem;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);background-color:var(--vertex-ui-neutral-800);color:var(--vertex-ui-white);border-radius:4px;white-space:var(--toast-white-space);user-select:none}.toast.hidden{pointer-events:none}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-700);color:white}";
-
-const DEFAULT_TOAST_DURATION = 3000;
-const Toast = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closed = createEvent(this, "closed", 7);
-    this.content = undefined;
-    this.placement = 'bottom-left';
-    this.duration = DEFAULT_TOAST_DURATION;
-    this.animated = true;
-    this.open = false;
-    this.type = 'info';
-    this.isOpen = undefined;
-    this.handleClose = this.handleClose.bind(this);
-    this.startCloseTimeout = this.startCloseTimeout.bind(this);
-    this.clearCloseTimeout = this.clearCloseTimeout.bind(this);
-    this.restartCloseTimeout = this.restartCloseTimeout.bind(this);
-  }
-  componentDidLoad() {
-    // This allows the component to render once initially to correctly
-    // place the popover anchor.
-    this.isOpen = this.open;
-    if (this.isOpen) {
-      this.restartCloseTimeout();
-    }
-  }
-  async handleOpenChanged(open) {
-    if (open) {
-      this.restartCloseTimeout();
-      this.isOpen = open;
-    }
-  }
-  render() {
-    return (h("vertex-popover", { class: "popover", open: this.isOpen, resizeBehavior: "fixed", backdrop: false, placement: this.getPopoverPlacement(), animated: this.animated }, h("div", { slot: "anchor", class: classnames('anchor', this.placement) }), h("div", { class: classnames('toast', {
-        hidden: !this.isOpen,
-        warn: this.type === 'warn',
-        error: this.type === 'error',
-      }) }, this.content ? h("div", { class: "content" }, this.content) : h("slot", null), h("div", { class: "actions" }, h("slot", { name: "action" }), h("vertex-icon-button", { class: "close", iconName: "close", iconSize: "sm", variant: "plain", onClick: this.handleClose })))));
-  }
-  handleClose() {
-    this.clearCloseTimeout();
-    this.isOpen = false;
-    this.closed.emit();
-  }
-  startCloseTimeout() {
-    if (this.closeTimeout == null && this.duration > 0) {
-      this.closeTimeout = setTimeout(() => {
-        this.handleClose();
-      }, this.duration);
-    }
-  }
-  clearCloseTimeout() {
-    if (this.closeTimeout != null) {
-      clearTimeout(this.closeTimeout);
-      this.closeTimeout = undefined;
-    }
-  }
-  restartCloseTimeout() {
-    this.clearCloseTimeout();
-    this.startCloseTimeout();
-  }
-  getPopoverPlacement() {
-    switch (this.placement) {
-      case 'bottom-left':
-        return 'top-start';
-      case 'bottom':
-        return 'top';
-      case 'bottom-right':
-        return 'top-end';
-      case 'top-left':
-        return 'bottom-start';
-      case 'top':
-        return 'bottom';
-      case 'top-right':
-        return 'bottom-end';
-    }
-  }
-  static get watchers() { return {
-    "open": ["handleOpenChanged"]
-  }; }
-};
-Toast.style = toastCss;
-
-export { Toast as T };