@vonage/vivid 3.0.0-next.3 → 3.0.0-next.30

package/shared/button.js

@@ -0,0 +1,195 @@
+import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index.js';
+import { a as applyMixins } from './apply-mixins.js';
+import { F as FormAssociated } from './form-associated.js';
+import { A as ARIAGlobalStatesAndProperties, S as StartEnd } from './aria-global.js';
+
+class _Button extends FoundationElement {
+}
+/**
+ * A form-associated base class for the {@link @microsoft/fast-foundation#(Button:class)} component.
+ *
+ * @internal
+ */
+class FormAssociatedButton extends FormAssociated(_Button) {
+    constructor() {
+        super(...arguments);
+        this.proxy = document.createElement("input");
+    }
+}
+
+/**
+ * A Button Custom HTML Element.
+ * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element }.
+ *
+ * @slot start - Content which can be provided before the button content
+ * @slot end - Content which can be provided after the button content
+ * @slot - The default slot for button content
+ * @csspart control - The button element
+ * @csspart content - The element wrapping button content
+ *
+ * @public
+ */
+class Button extends FormAssociatedButton {
+    constructor() {
+        super(...arguments);
+        /**
+         * Prevent events to propagate if disabled and has no slotted content wrapped in HTML elements
+         * @internal
+         */
+        this.handleClick = (e) => {
+            var _a;
+            if (this.disabled && ((_a = this.defaultSlottedContent) === null || _a === void 0 ? void 0 : _a.length) <= 1) {
+                e.stopPropagation();
+            }
+        };
+        /**
+         * Submits the parent form
+         */
+        this.handleSubmission = () => {
+            if (!this.form) {
+                return;
+            }
+            const attached = this.proxy.isConnected;
+            if (!attached) {
+                this.attachProxy();
+            }
+            // Browser support for requestSubmit is not comprehensive
+            // so click the proxy if it isn't supported
+            typeof this.form.requestSubmit === "function"
+                ? this.form.requestSubmit(this.proxy)
+                : this.proxy.click();
+            if (!attached) {
+                this.detachProxy();
+            }
+        };
+        /**
+         * Resets the parent form
+         */
+        this.handleFormReset = () => {
+            var _a;
+            (_a = this.form) === null || _a === void 0 ? void 0 : _a.reset();
+        };
+        /**
+         * Overrides the focus call for where delegatesFocus is unsupported.
+         * This check works for Chrome, Edge Chromium, FireFox, and Safari
+         * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
+         */
+        this.handleUnsupportedDelegatesFocus = () => {
+            var _a;
+            // Check to see if delegatesFocus is supported
+            if (window.ShadowRoot &&
+                !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") &&
+                ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
+                this.focus = () => {
+                    this.control.focus();
+                };
+            }
+        };
+    }
+    formactionChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.formAction = this.formaction;
+        }
+    }
+    formenctypeChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.formEnctype = this.formenctype;
+        }
+    }
+    formmethodChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.formMethod = this.formmethod;
+        }
+    }
+    formnovalidateChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.formNoValidate = this.formnovalidate;
+        }
+    }
+    formtargetChanged() {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.formTarget = this.formtarget;
+        }
+    }
+    typeChanged(previous, next) {
+        if (this.proxy instanceof HTMLInputElement) {
+            this.proxy.type = this.type;
+        }
+        next === "submit" && this.addEventListener("click", this.handleSubmission);
+        previous === "submit" && this.removeEventListener("click", this.handleSubmission);
+        next === "reset" && this.addEventListener("click", this.handleFormReset);
+        previous === "reset" && this.removeEventListener("click", this.handleFormReset);
+    }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        this.proxy.setAttribute("type", this.type);
+        this.handleUnsupportedDelegatesFocus();
+        const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
+        if (elements) {
+            elements.forEach((span) => {
+                span.addEventListener("click", this.handleClick);
+            });
+        }
+    }
+    /**
+     * @internal
+     */
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        const elements = Array.from((_a = this.control) === null || _a === void 0 ? void 0 : _a.children);
+        if (elements) {
+            elements.forEach((span) => {
+                span.removeEventListener("click", this.handleClick);
+            });
+        }
+    }
+}
+__decorate([
+    attr({ mode: "boolean" })
+], Button.prototype, "autofocus", void 0);
+__decorate([
+    attr({ attribute: "form" })
+], Button.prototype, "formId", void 0);
+__decorate([
+    attr
+], Button.prototype, "formaction", void 0);
+__decorate([
+    attr
+], Button.prototype, "formenctype", void 0);
+__decorate([
+    attr
+], Button.prototype, "formmethod", void 0);
+__decorate([
+    attr({ mode: "boolean" })
+], Button.prototype, "formnovalidate", void 0);
+__decorate([
+    attr
+], Button.prototype, "formtarget", void 0);
+__decorate([
+    attr
+], Button.prototype, "type", void 0);
+__decorate([
+    observable
+], Button.prototype, "defaultSlottedContent", void 0);
+/**
+ * Includes ARIA states and properties relating to the ARIA button role
+ *
+ * @public
+ */
+class DelegatesARIAButton {
+}
+__decorate([
+    attr({ attribute: "aria-expanded" })
+], DelegatesARIAButton.prototype, "ariaExpanded", void 0);
+__decorate([
+    attr({ attribute: "aria-pressed" })
+], DelegatesARIAButton.prototype, "ariaPressed", void 0);
+applyMixins(DelegatesARIAButton, ARIAGlobalStatesAndProperties);
+applyMixins(Button, StartEnd, DelegatesARIAButton);
+
+export { Button as B };

package/shared/calendar-event.js

@@ -0,0 +1,26 @@
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, n as nullableNumberConverter } from './index.js';
+
+class CalendarEvent extends FoundationElement {}
+
+__decorate([attr, __metadata("design:type", String)], CalendarEvent.prototype, "heading", void 0);
+
+__decorate([attr, __metadata("design:type", String)], CalendarEvent.prototype, "description", void 0);
+
+__decorate([attr, __metadata("design:type", String)], CalendarEvent.prototype, "connotation", void 0);
+
+__decorate([attr, __metadata("design:type", String)], CalendarEvent.prototype, "appearance", void 0);
+
+__decorate([attr({
+  converter: nullableNumberConverter,
+  attribute: 'overlap-count'
+}), __metadata("design:type", Number)], CalendarEvent.prototype, "overlapCount", void 0);
+
+__decorate([attr({
+  converter: nullableNumberConverter
+}), __metadata("design:type", Number)], CalendarEvent.prototype, "start", void 0);
+
+__decorate([attr({
+  converter: nullableNumberConverter
+}), __metadata("design:type", Number)], CalendarEvent.prototype, "duration", void 0);
+
+export { CalendarEvent as C };

package/shared/enums.js

@@ -0,0 +1,79 @@
+var Connotation;
+
+(function (Connotation) {
+  Connotation["Accent"] = "accent";
+  Connotation["CTA"] = "cta";
+  Connotation["Success"] = "success";
+  Connotation["Alert"] = "alert";
+  Connotation["Warning"] = "warning";
+  Connotation["Info"] = "info";
+  Connotation["Announcement"] = "announcement";
+})(Connotation || (Connotation = {}));
+
+var ConnotationDecorative;
+
+(function (ConnotationDecorative) {
+  ConnotationDecorative["Pacific"] = "pacific";
+})(ConnotationDecorative || (ConnotationDecorative = {}));
+
+var Shape;
+
+(function (Shape) {
+  Shape["Rounded"] = "rounded";
+  Shape["Pill"] = "pill";
+  Shape["Circled"] = "circled";
+  Shape["Sharp"] = "sharp";
+})(Shape || (Shape = {}));
+
+var Appearance;
+
+(function (Appearance) {
+  Appearance["Filled"] = "filled";
+  Appearance["Outlined"] = "outlined";
+  Appearance["Duotone"] = "duotone";
+  Appearance["Fieldset"] = "fieldset";
+  Appearance["Subtle"] = "subtle";
+  Appearance["Ghost"] = "ghost";
+})(Appearance || (Appearance = {}));
+
+var Density;
+
+(function (Density) {
+  Density["Condensed"] = "condensed";
+  Density["Normal"] = "normal";
+  Density["Extended"] = "extended";
+})(Density || (Density = {}));
+
+var Size;
+
+(function (Size) {
+  Size["Small"] = "small";
+  Size["Medium"] = "medium";
+  Size["Large"] = "large";
+})(Size || (Size = {}));
+
+var Position;
+
+(function (Position) {
+  Position["Top"] = "TOP";
+  Position["Bottom"] = "BOTTOM";
+  Position["Start"] = "START";
+  Position["Center"] = "CENTER";
+  Position["End"] = "END";
+})(Position || (Position = {}));
+
+var Role;
+
+(function (Role) {
+  Role["Status"] = "status";
+  Role["Alert"] = "alert";
+})(Role || (Role = {}));
+
+var AriaLive;
+
+(function (AriaLive) {
+  AriaLive["Polite"] = "polite";
+  AriaLive["Assertive"] = "assertive";
+})(AriaLive || (AriaLive = {}));
+
+export { Connotation as C };

package/shared/es.object.assign.js

@@ -0,0 +1,69 @@
+import { d as descriptors, f as functionUncurryThis, v as functionCall, e as fails$1, I as toObject$1, M as indexedObject, N as objectGetOwnPropertySymbols, O as objectPropertyIsEnumerable, _ as _export } from './export.js';
+import { o as objectKeys$1 } from './object-keys.js';
+
+var DESCRIPTORS = descriptors;
+var uncurryThis = functionUncurryThis;
+var call = functionCall;
+var fails = fails$1;
+var objectKeys = objectKeys$1;
+var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
+var propertyIsEnumerableModule = objectPropertyIsEnumerable;
+var toObject = toObject$1;
+var IndexedObject = indexedObject;
+
+// eslint-disable-next-line es-x/no-object-assign -- safe
+var $assign = Object.assign;
+// eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+var defineProperty = Object.defineProperty;
+var concat = uncurryThis([].concat);
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+var objectAssign = !$assign || fails(function () {
+  // should have correct order of operations (Edge bug)
+  if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
+    enumerable: true,
+    get: function () {
+      defineProperty(this, 'b', {
+        value: 3,
+        enumerable: false
+      });
+    }
+  }), { b: 2 })).b !== 1) return true;
+  // should work with symbols and should have deterministic property order (V8 bug)
+  var A = {};
+  var B = {};
+  // eslint-disable-next-line es-x/no-symbol -- safe
+  var symbol = Symbol();
+  var alphabet = 'abcdefghijklmnopqrst';
+  A[symbol] = 7;
+  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
+  return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
+}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
+  var T = toObject(target);
+  var argumentsLength = arguments.length;
+  var index = 1;
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+  var propertyIsEnumerable = propertyIsEnumerableModule.f;
+  while (argumentsLength > index) {
+    var S = IndexedObject(arguments[index++]);
+    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
+    var length = keys.length;
+    var j = 0;
+    var key;
+    while (length > j) {
+      key = keys[j++];
+      if (!DESCRIPTORS || call(propertyIsEnumerable, S, key)) T[key] = S[key];
+    }
+  } return T;
+} : $assign;
+
+var $ = _export;
+var assign = objectAssign;
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+// eslint-disable-next-line es-x/no-object-assign -- required for testing
+$({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+  assign: assign
+});