@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.7XGNGXLR.js

@@ -0,0 +1,648 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  MDCRipple,
+  MDCRippleFoundation
+} from "./chunk.4HQ5VELO.js";
+import {
+  MDCComponent,
+  MDCFoundation,
+  __assign,
+  __extends,
+  __read,
+  __spreadArray,
+  __values
+} from "./chunk.5VKAVHLM.js";
+import {
+  FormFieldComponentDelegate
+} from "./chunk.HZISALRH.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  emitEvent,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  toggleAttribute,
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// node_modules/@material/switch/constants.js
+var CssClasses;
+(function(CssClasses2) {
+  CssClasses2["PROCESSING"] = "mdc-switch--processing";
+  CssClasses2["SELECTED"] = "mdc-switch--selected";
+  CssClasses2["UNSELECTED"] = "mdc-switch--unselected";
+})(CssClasses || (CssClasses = {}));
+var Selectors;
+(function(Selectors2) {
+  Selectors2["RIPPLE"] = ".mdc-switch__ripple";
+})(Selectors || (Selectors = {}));
+
+// node_modules/@material/base/observer.js
+function observeProperty(target, property, observer) {
+  var targetObservers = installObserver(target, property);
+  var observers = targetObservers.getObservers(property);
+  observers.push(observer);
+  return function() {
+    observers.splice(observers.indexOf(observer), 1);
+  };
+}
+var allTargetObservers = /* @__PURE__ */ new WeakMap();
+function installObserver(target, property) {
+  var observersMap = /* @__PURE__ */ new Map();
+  if (!allTargetObservers.has(target)) {
+    allTargetObservers.set(target, {
+      isEnabled: true,
+      getObservers: function(key) {
+        var observers = observersMap.get(key) || [];
+        if (!observersMap.has(key)) {
+          observersMap.set(key, observers);
+        }
+        return observers;
+      },
+      installedProperties: /* @__PURE__ */ new Set()
+    });
+  }
+  var targetObservers = allTargetObservers.get(target);
+  if (targetObservers.installedProperties.has(property)) {
+    return targetObservers;
+  }
+  var descriptor = getDescriptor(target, property) || {
+    configurable: true,
+    enumerable: true,
+    value: target[property],
+    writable: true
+  };
+  var observedDescriptor = __assign({}, descriptor);
+  var descGet = descriptor.get, descSet = descriptor.set;
+  if ("value" in descriptor) {
+    delete observedDescriptor.value;
+    delete observedDescriptor.writable;
+    var value_1 = descriptor.value;
+    descGet = function() {
+      return value_1;
+    };
+    if (descriptor.writable) {
+      descSet = function(newValue) {
+        value_1 = newValue;
+      };
+    }
+  }
+  if (descGet) {
+    observedDescriptor.get = function() {
+      return descGet.call(this);
+    };
+  }
+  if (descSet) {
+    observedDescriptor.set = function(newValue) {
+      var e_4, _a;
+      var previous = descGet ? descGet.call(this) : newValue;
+      descSet.call(this, newValue);
+      if (targetObservers.isEnabled && (!descGet || newValue !== previous)) {
+        try {
+          for (var _b = __values(targetObservers.getObservers(property)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var observer = _c.value;
+            observer(newValue, previous);
+          }
+        } catch (e_4_1) {
+          e_4 = { error: e_4_1 };
+        } finally {
+          try {
+            if (_c && !_c.done && (_a = _b.return))
+              _a.call(_b);
+          } finally {
+            if (e_4)
+              throw e_4.error;
+          }
+        }
+      }
+    };
+  }
+  targetObservers.installedProperties.add(property);
+  Object.defineProperty(target, property, observedDescriptor);
+  return targetObservers;
+}
+function getDescriptor(target, property) {
+  var descriptorTarget = target;
+  var descriptor;
+  while (descriptorTarget) {
+    descriptor = Object.getOwnPropertyDescriptor(descriptorTarget, property);
+    if (descriptor) {
+      break;
+    }
+    descriptorTarget = Object.getPrototypeOf(descriptorTarget);
+  }
+  return descriptor;
+}
+function setObserversEnabled(target, enabled) {
+  var targetObservers = allTargetObservers.get(target);
+  if (targetObservers) {
+    targetObservers.isEnabled = enabled;
+  }
+}
+
+// node_modules/@material/base/observer-foundation.js
+var MDCObserverFoundation = function(_super) {
+  __extends(MDCObserverFoundation2, _super);
+  function MDCObserverFoundation2(adapter) {
+    var _this = _super.call(this, adapter) || this;
+    _this.unobserves = /* @__PURE__ */ new Set();
+    return _this;
+  }
+  MDCObserverFoundation2.prototype.destroy = function() {
+    _super.prototype.destroy.call(this);
+    this.unobserve();
+  };
+  MDCObserverFoundation2.prototype.observe = function(target, observers) {
+    var e_1, _a;
+    var _this = this;
+    var cleanup = [];
+    try {
+      for (var _b = __values(Object.keys(observers)), _c = _b.next(); !_c.done; _c = _b.next()) {
+        var property = _c.value;
+        var observer = observers[property].bind(this);
+        cleanup.push(this.observeProperty(target, property, observer));
+      }
+    } catch (e_1_1) {
+      e_1 = { error: e_1_1 };
+    } finally {
+      try {
+        if (_c && !_c.done && (_a = _b.return))
+          _a.call(_b);
+      } finally {
+        if (e_1)
+          throw e_1.error;
+      }
+    }
+    var unobserve = function() {
+      var e_2, _a2;
+      try {
+        for (var cleanup_1 = __values(cleanup), cleanup_1_1 = cleanup_1.next(); !cleanup_1_1.done; cleanup_1_1 = cleanup_1.next()) {
+          var cleanupFn = cleanup_1_1.value;
+          cleanupFn();
+        }
+      } catch (e_2_1) {
+        e_2 = { error: e_2_1 };
+      } finally {
+        try {
+          if (cleanup_1_1 && !cleanup_1_1.done && (_a2 = cleanup_1.return))
+            _a2.call(cleanup_1);
+        } finally {
+          if (e_2)
+            throw e_2.error;
+        }
+      }
+      _this.unobserves.delete(unobserve);
+    };
+    this.unobserves.add(unobserve);
+    return unobserve;
+  };
+  MDCObserverFoundation2.prototype.observeProperty = function(target, property, observer) {
+    return observeProperty(target, property, observer);
+  };
+  MDCObserverFoundation2.prototype.setObserversEnabled = function(target, enabled) {
+    setObserversEnabled(target, enabled);
+  };
+  MDCObserverFoundation2.prototype.unobserve = function() {
+    var e_3, _a;
+    try {
+      for (var _b = __values(__spreadArray([], __read(this.unobserves))), _c = _b.next(); !_c.done; _c = _b.next()) {
+        var unobserve = _c.value;
+        unobserve();
+      }
+    } catch (e_3_1) {
+      e_3 = { error: e_3_1 };
+    } finally {
+      try {
+        if (_c && !_c.done && (_a = _b.return))
+          _a.call(_b);
+      } finally {
+        if (e_3)
+          throw e_3.error;
+      }
+    }
+  };
+  return MDCObserverFoundation2;
+}(MDCFoundation);
+
+// node_modules/@material/switch/foundation.js
+var MDCSwitchFoundation = function(_super) {
+  __extends(MDCSwitchFoundation2, _super);
+  function MDCSwitchFoundation2(adapter) {
+    var _this = _super.call(this, adapter) || this;
+    _this.handleClick = _this.handleClick.bind(_this);
+    return _this;
+  }
+  MDCSwitchFoundation2.prototype.init = function() {
+    this.observe(this.adapter.state, {
+      disabled: this.stopProcessingIfDisabled,
+      processing: this.stopProcessingIfDisabled
+    });
+  };
+  MDCSwitchFoundation2.prototype.handleClick = function() {
+    if (this.adapter.state.disabled) {
+      return;
+    }
+    this.adapter.state.selected = !this.adapter.state.selected;
+  };
+  MDCSwitchFoundation2.prototype.stopProcessingIfDisabled = function() {
+    if (this.adapter.state.disabled) {
+      this.adapter.state.processing = false;
+    }
+  };
+  return MDCSwitchFoundation2;
+}(MDCObserverFoundation);
+var MDCSwitchRenderFoundation = function(_super) {
+  __extends(MDCSwitchRenderFoundation2, _super);
+  function MDCSwitchRenderFoundation2() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+  MDCSwitchRenderFoundation2.prototype.init = function() {
+    _super.prototype.init.call(this);
+    this.observe(this.adapter.state, {
+      disabled: this.onDisabledChange,
+      processing: this.onProcessingChange,
+      selected: this.onSelectedChange
+    });
+  };
+  MDCSwitchRenderFoundation2.prototype.initFromDOM = function() {
+    this.setObserversEnabled(this.adapter.state, false);
+    this.adapter.state.selected = this.adapter.hasClass(CssClasses.SELECTED);
+    this.onSelectedChange();
+    this.adapter.state.disabled = this.adapter.isDisabled();
+    this.adapter.state.processing = this.adapter.hasClass(CssClasses.PROCESSING);
+    this.setObserversEnabled(this.adapter.state, true);
+    this.stopProcessingIfDisabled();
+  };
+  MDCSwitchRenderFoundation2.prototype.onDisabledChange = function() {
+    this.adapter.setDisabled(this.adapter.state.disabled);
+  };
+  MDCSwitchRenderFoundation2.prototype.onProcessingChange = function() {
+    this.toggleClass(this.adapter.state.processing, CssClasses.PROCESSING);
+  };
+  MDCSwitchRenderFoundation2.prototype.onSelectedChange = function() {
+    this.adapter.setAriaChecked(String(this.adapter.state.selected));
+    this.toggleClass(this.adapter.state.selected, CssClasses.SELECTED);
+    this.toggleClass(!this.adapter.state.selected, CssClasses.UNSELECTED);
+  };
+  MDCSwitchRenderFoundation2.prototype.toggleClass = function(addClass, className) {
+    if (addClass) {
+      this.adapter.addClass(className);
+    } else {
+      this.adapter.removeClass(className);
+    }
+  };
+  return MDCSwitchRenderFoundation2;
+}(MDCSwitchFoundation);
+
+// node_modules/@material/switch/component.js
+var MDCSwitch = function(_super) {
+  __extends(MDCSwitch2, _super);
+  function MDCSwitch2(root, foundation) {
+    var _this = _super.call(this, root, foundation) || this;
+    _this.root = root;
+    return _this;
+  }
+  MDCSwitch2.attachTo = function(root) {
+    return new MDCSwitch2(root);
+  };
+  MDCSwitch2.prototype.initialize = function() {
+    this.ripple = new MDCRipple(this.root, this.createRippleFoundation());
+  };
+  MDCSwitch2.prototype.initialSyncWithDOM = function() {
+    var rippleElement = this.root.querySelector(Selectors.RIPPLE);
+    if (!rippleElement) {
+      throw new Error("Switch " + Selectors.RIPPLE + " element is required.");
+    }
+    this.rippleElement = rippleElement;
+    this.root.addEventListener("click", this.foundation.handleClick);
+    this.foundation.initFromDOM();
+  };
+  MDCSwitch2.prototype.destroy = function() {
+    _super.prototype.destroy.call(this);
+    this.ripple.destroy();
+    this.root.removeEventListener("click", this.foundation.handleClick);
+  };
+  MDCSwitch2.prototype.getDefaultFoundation = function() {
+    return new MDCSwitchRenderFoundation(this.createAdapter());
+  };
+  MDCSwitch2.prototype.createAdapter = function() {
+    var _this = this;
+    return {
+      addClass: function(className) {
+        _this.root.classList.add(className);
+      },
+      hasClass: function(className) {
+        return _this.root.classList.contains(className);
+      },
+      isDisabled: function() {
+        return _this.root.disabled;
+      },
+      removeClass: function(className) {
+        _this.root.classList.remove(className);
+      },
+      setAriaChecked: function(ariaChecked) {
+        return _this.root.setAttribute("aria-checked", ariaChecked);
+      },
+      setDisabled: function(disabled) {
+        _this.root.disabled = disabled;
+      },
+      state: this
+    };
+  };
+  MDCSwitch2.prototype.createRippleFoundation = function() {
+    return new MDCRippleFoundation(this.createRippleAdapter());
+  };
+  MDCSwitch2.prototype.createRippleAdapter = function() {
+    var _this = this;
+    return __assign(__assign({}, MDCRipple.createAdapter(this)), { computeBoundingRect: function() {
+      return _this.rippleElement.getBoundingClientRect();
+    }, isUnbounded: function() {
+      return true;
+    } });
+  };
+  return MDCSwitch2;
+}(MDCComponent);
+
+// dist/build/lib/staging/src/switch/switch-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}switch`;
+var classes = {
+  LABEL_START: "forge-switch--label-position-start"
+};
+var selectors = {
+  BUTTON: ".mdc-switch",
+  CONTAINER: ".forge-switch__container"
+};
+var attributes = {
+  DENSE: "dense",
+  DISABLED: "disabled",
+  SELECTED: "selected",
+  LABEL_POSITION: "label-position",
+  BUTTON_ARIA_LABEL: "button-aria-label"
+};
+var events = {
+  SELECT: `${elementName}-select`
+};
+var SWITCH_CONSTANTS = {
+  classes,
+  selectors,
+  attributes,
+  elementName,
+  events
+};
+
+// dist/build/lib/staging/src/switch/switch.ts
+var template = '<template><div class="forge-switch__container" part="root"><button id="switch-btn" class="mdc-switch" type="button" role="switch" aria-checked="false" aria-labelledby="switch-label" part="button"><div class="mdc-switch__track" part="track"></div><div class="mdc-switch__handle-track" part="handle-track"><div class="mdc-switch__handle" part="handle"><div class="mdc-switch__shadow" part="shadow"><div class="mdc-elevation-overlay" part="overlay"></div></div><div class="mdc-switch__ripple" part="ripple"></div><div class="mdc-switch__icons" part="icons"><svg class="mdc-switch__icon mdc-switch__icon--on" viewBox="0 0 24 24" part="icon-on"><path d="M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z" part="icon-on-path"/></svg> <svg class="mdc-switch__icon mdc-switch__icon--off" viewBox="0 0 24 24" part="icon-off"><path d="M20 13H4v-2h16v2z" part="icon-off-path"/></svg></div></div></div></button> <label id="switch-label" class="forge-switch__label" for="switch-btn" part="label"><slot></slot></label></div></template>';
+var styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.mdc-switch{-webkit-box-align:center;align-items:center;background:0 0;border:none;display:-webkit-inline-box;display:inline-flex;flex-shrink:0;margin:0;outline:0;overflow:visible;padding:0;position:relative}.mdc-switch__track{overflow:hidden;position:relative;width:100%}.mdc-switch__track::after,.mdc-switch__track::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;width:100%}.mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mdc-switch__track[dir=rtl]::after,[dir=rtl] .mdc-switch__track::after{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track::before{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .6, 1);-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__track[dir=rtl]::before,[dir=rtl] .mdc-switch--selected .mdc-switch__track::before{transform:translateX(-100%)}.mdc-switch--selected .mdc-switch__track::after{-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track{height:100%;pointer-events:none;position:absolute;top:0;-webkit-transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:transform 75ms 0s cubic-bezier(.4, 0, .2, 1),-webkit-transform 75ms 0s cubic-bezier(.4, 0, .2, 1);left:0;right:auto;-webkit-transform:translateX(0);transform:translateX(0)}.mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch__handle-track{left:auto;right:0}.mdc-switch--selected .mdc-switch__handle-track{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-switch--selected .mdc-switch__handle-track[dir=rtl],[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track{transform:translateX(-100%)}.mdc-switch__handle{display:-webkit-box;display:flex;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:auto}.mdc-switch__handle[dir=rtl],[dir=rtl] .mdc-switch__handle{left:auto;right:0}.mdc-switch__handle::after,.mdc-switch__handle::before{border:1px solid transparent;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";width:100%;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);transition:background-color 75ms 0s cubic-bezier(.4, 0, .2, 1),border-color 75ms 0s cubic-bezier(.4, 0, .2, 1);z-index:-1}.mdc-switch__shadow{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.mdc-elevation-overlay{bottom:0;left:0;right:0;top:0}.mdc-switch__ripple{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.mdc-switch:disabled .mdc-switch__ripple{display:none}.mdc-switch__icons{height:100%;position:relative;width:100%;z-index:1}.mdc-switch__icon{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;opacity:0;-webkit-transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1);transition:opacity 30ms 0s cubic-bezier(.4, 0, 1, 1)}.mdc-switch--selected .mdc-switch__icon--on,.mdc-switch--unselected .mdc-switch__icon--off{opacity:1;-webkit-transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1);transition:opacity 45ms 30ms cubic-bezier(0, 0, .2, 1)}.mdc-switch{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-switch .mdc-switch__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-switch .mdc-switch__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-switch .mdc-switch__ripple::after,.mdc-switch .mdc-switch__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after,.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-switch{width:36px;width:var(--mdc-switch-track-width,36px)}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-hover-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-focus-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after{background:#3d477f;background:var(--mdc-switch-selected-pressed-handle-color,#3d477f)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-handle-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after{background:#9e9e9e;background:var(--mdc-switch-unselected-handle-color,#9e9e9e)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-hover-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-focus-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after{background:#212121;background:var(--mdc-switch-unselected-pressed-handle-color,#212121)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after{background:#424242;background:var(--mdc-switch-disabled-unselected-handle-color,#424242)}.mdc-switch .mdc-switch__handle::before{background:#fff;background:var(--mdc-switch-handle-surface-color,var(--mdc-theme-surface,#fff))}.mdc-switch:enabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch:disabled .mdc-switch__shadow{--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss));box-shadow:var(--mdc-switch-disabled-handle-elevation,var(--mdc-elevation-box-shadow-for-gss))}.mdc-switch .mdc-switch__handle{height:20px;height:var(--mdc-switch-handle-height,20px)}.mdc-switch:disabled .mdc-switch__handle::after{opacity:.24;opacity:var(--mdc-switch-disabled-handle-opacity, .24)}.mdc-switch .mdc-switch__handle{border-radius:10px;border-radius:var(--mdc-switch-handle-shape,10px)}.mdc-switch .mdc-switch__handle{width:20px;width:var(--mdc-switch-handle-width,20px)}.mdc-switch .mdc-switch__handle-track{width:calc(100% - 20px);width:calc(100% - var(--mdc-switch-handle-width,20px))}.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-selected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:#ffffff;fill:var(--mdc-switch-disabled-unselected-icon-color,var(--mdc-theme-on-primary,#ffffff))}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-selected-icon-opacity, .54)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:.54;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, .54)}.mdc-switch.mdc-switch--selected .mdc-switch__icon{width:18px;width:var(--mdc-switch-selected-icon-size,18px);height:18px;height:var(--mdc-switch-selected-icon-size,18px)}.mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:18px;width:var(--mdc-switch-unselected-icon-size,18px);height:18px;height:var(--mdc-switch-unselected-icon-size,18px)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-hover-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-focus-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before{background-color:#3d5afe;background-color:var(--mdc-switch-selected-pressed-state-layer-color,#3d5afe)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-hover-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-focus-state-layer-color,#424242)}.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after,.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before{background-color:#424242;background-color:var(--mdc-switch-unselected-pressed-state-layer-color,#424242)}.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-selected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-selected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)}.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before{opacity:.04;opacity:var(--mdc-switch-unselected-hover-state-layer-opacity, .04)}.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before,.mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-switch-unselected-focus-state-layer-opacity, .12)}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.1;opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)}.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)}.mdc-switch .mdc-switch__ripple{height:48px;height:var(--mdc-switch-state-layer-size,48px);width:48px;width:var(--mdc-switch-state-layer-size,48px)}.mdc-switch .mdc-switch__track{height:14px;height:var(--mdc-switch-track-height,14px)}.mdc-switch:disabled .mdc-switch__track{opacity:.12;opacity:var(--mdc-switch-disabled-track-opacity, .12)}.mdc-switch:enabled .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-track-color,#cfd6ff)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-hover-track-color,#cfd6ff)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-focus-track-color,#cfd6ff)}.mdc-switch:enabled:active .mdc-switch__track::after{background:#cfd6ff;background:var(--mdc-switch-selected-pressed-track-color,#cfd6ff)}.mdc-switch:disabled .mdc-switch__track::after{background:#3d5afe;background:var(--mdc-switch-disabled-selected-track-color,#3d5afe)}.mdc-switch:enabled .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-track-color,#e0e0e0)}.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-hover-track-color,#e0e0e0)}.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-focus-track-color,#e0e0e0)}.mdc-switch:enabled:active .mdc-switch__track::before{background:#e0e0e0;background:var(--mdc-switch-unselected-pressed-track-color,#e0e0e0)}.mdc-switch:disabled .mdc-switch__track::before{background:#424242;background:var(--mdc-switch-disabled-unselected-track-color,#424242)}.mdc-switch .mdc-switch__track{border-radius:7px;border-radius:var(--mdc-switch-track-shape,7px)}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-switch:disabled .mdc-switch__handle::after{opacity:1;opacity:var(--mdc-switch-disabled-handle-opacity, 1)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-selected-icon-color,GrayText)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon{fill:GrayText;fill:var(--mdc-switch-disabled-unselected-icon-color,GrayText)}.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-selected-icon-opacity, 1)}.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons{opacity:1;opacity:var(--mdc-switch-disabled-unselected-icon-opacity, 1)}.mdc-switch:disabled .mdc-switch__track{opacity:1;opacity:var(--mdc-switch-disabled-track-opacity, 1)}}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field>label{-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~label{padding-left:8px}.forge-form-field--align-end>label{-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}.forge-switch__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-switch__container.forge-switch--label-position-start{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.forge-switch__container.forge-switch--label-position-start .forge-switch__label{margin-left:auto;padding-right:8px}:host{display:inline-block}:host *{cursor:pointer}:host .forge-switch__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);padding-left:8px}:host([hidden]){display:none}:host([dense]) .mdc-switch__ripple{height:28px;width:28px}:host([disabled]) *{cursor:not-allowed}:host([disabled]) .forge-switch__label{color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}';
+var SwitchComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    this._dense = false;
+    this._disabled = false;
+    this._selected = false;
+    this._labelPosition = "end";
+    attachShadowTemplate(this, template, styles);
+    this._initialize();
+  }
+  static get observedAttributes() {
+    return [
+      SWITCH_CONSTANTS.attributes.DENSE,
+      SWITCH_CONSTANTS.attributes.DISABLED,
+      SWITCH_CONSTANTS.attributes.SELECTED,
+      SWITCH_CONSTANTS.attributes.LABEL_POSITION,
+      SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL
+    ];
+  }
+  _initialize() {
+    this._buttonElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.BUTTON);
+    this._containerElement = getShadowElement(this, SWITCH_CONSTANTS.selectors.CONTAINER);
+    this._clickListener = (evt) => this._onClick(evt);
+  }
+  connectedCallback() {
+    this._buttonElement.addEventListener("click", this._clickListener);
+    this._mdcSwitch = new MDCSwitch(this._buttonElement);
+    this._mdcSwitch.initialize();
+    this._applyInitialState();
+  }
+  disconnectedCallback() {
+    if (this._mdcSwitch) {
+      this._mdcSwitch.destroy();
+    }
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case SWITCH_CONSTANTS.attributes.DENSE:
+        this.dense = coerceBoolean(newValue);
+        break;
+      case SWITCH_CONSTANTS.attributes.DISABLED:
+        this.disabled = coerceBoolean(newValue);
+        break;
+      case SWITCH_CONSTANTS.attributes.SELECTED:
+        this.selected = coerceBoolean(newValue);
+        break;
+      case SWITCH_CONSTANTS.attributes.LABEL_POSITION:
+        this.labelPosition = newValue;
+        break;
+      case SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL:
+        this._applyButtonLabel(newValue);
+    }
+  }
+  _applyInitialState() {
+    var _a;
+    this._mdcSwitch.disabled = this._disabled;
+    this._mdcSwitch.selected = this._selected;
+    this._applyDense();
+    this._applyLabelPosition();
+    this._applyButtonLabel((_a = this.getAttribute(SWITCH_CONSTANTS.attributes.BUTTON_ARIA_LABEL)) != null ? _a : "");
+  }
+  _onClick(evt) {
+    if (this._mdcSwitch.disabled) {
+      return;
+    }
+    this._mdcSwitch.ripple.layout();
+    const isCancelled = !emitEvent(this, SWITCH_CONSTANTS.events.SELECT, !this._selected, true, true);
+    if (isCancelled) {
+      evt.stopImmediatePropagation();
+    } else {
+      this._selected = !this._selected;
+    }
+  }
+  _applyDense() {
+    toggleAttribute(this, this._dense, SWITCH_CONSTANTS.attributes.DENSE);
+    if (this._mdcSwitch) {
+      this._mdcSwitch.ripple.layout();
+    }
+  }
+  _applyLabelPosition() {
+    toggleClass(this._containerElement, this._labelPosition === "start", SWITCH_CONSTANTS.classes.LABEL_START);
+  }
+  _applyButtonLabel(value) {
+    if (!this._buttonElement) {
+      return;
+    }
+    toggleAttribute(this._buttonElement, !!value, "aria-label", value);
+  }
+  get dense() {
+    return this._dense;
+  }
+  set dense(value) {
+    if (this._dense !== value) {
+      this._dense = value;
+      this._applyDense();
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value) {
+    if (this._disabled !== value) {
+      this._disabled = value;
+      if (this._mdcSwitch) {
+        this._mdcSwitch.disabled = this._disabled;
+      }
+      toggleAttribute(this, this._disabled, SWITCH_CONSTANTS.attributes.DISABLED);
+    }
+  }
+  get selected() {
+    return this._selected;
+  }
+  set selected(value) {
+    if (this._selected !== value) {
+      this._selected = value;
+      if (this._mdcSwitch) {
+        this._mdcSwitch.selected = this._selected;
+      }
+      toggleAttribute(this, this._selected, SWITCH_CONSTANTS.attributes.SELECTED);
+    }
+  }
+  get labelPosition() {
+    return this._labelPosition;
+  }
+  set labelPosition(value) {
+    if (this._labelPosition !== value) {
+      this._labelPosition = value;
+      this._applyLabelPosition();
+      this.setAttribute(SWITCH_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);
+    }
+  }
+};
+SwitchComponent = __decorateClass([
+  CustomElement({
+    name: SWITCH_CONSTANTS.elementName
+  })
+], SwitchComponent);
+
+// dist/build/lib/staging/src/switch/switch-component-delegate.ts
+var SwitchComponentDelegate = class extends FormFieldComponentDelegate {
+  constructor(config) {
+    super(config);
+  }
+  get value() {
+    return this._element.selected;
+  }
+  set value(value) {
+    this._element.selected = value;
+  }
+  get disabled() {
+    return this._element.disabled;
+  }
+  set disabled(value) {
+    this._element.disabled = value;
+  }
+  get labelElement() {
+    return this._labelElement;
+  }
+  onChange(listener) {
+    this._element.addEventListener("forge-switch-select", ({ detail }) => listener(detail));
+  }
+  onFocus(listener) {
+    this._element.addEventListener("focus", (evt) => listener(evt));
+  }
+  onBlur(listener) {
+    this._element.addEventListener("blur", (evt) => listener(evt));
+  }
+  setLabel(text) {
+    if (text) {
+      if (this._labelElement) {
+        this._labelElement.textContent = text;
+      } else {
+        this._createLabel(text);
+      }
+    } else if (this._labelElement) {
+      this._element.removeChild(this._labelElement);
+      this._labelElement = void 0;
+    }
+  }
+  _build() {
+    return document.createElement(SWITCH_CONSTANTS.elementName);
+  }
+  _configure() {
+    var _a, _b, _c;
+    if (typeof ((_a = this._config.options) == null ? void 0 : _a.label) === "string") {
+      this._createLabel(this._config.options.label);
+    }
+    if (((_b = this._config.options) == null ? void 0 : _b.selected) !== void 0) {
+      this._element.selected = this._config.options.selected;
+    }
+    if ((_c = this._config.options) == null ? void 0 : _c.id) {
+      this._element.id = this._config.options.id;
+    }
+  }
+  _createLabel(text) {
+    this._labelElement = document.createElement("label");
+    this._labelElement.textContent = text;
+    this._element.appendChild(this._labelElement);
+  }
+};
+
+// dist/build/lib/staging/src/switch/index.ts
+function defineSwitchComponent() {
+  defineCustomElement(SwitchComponent);
+}
+
+export {
+  SWITCH_CONSTANTS,
+  SwitchComponent,
+  SwitchComponentDelegate,
+  defineSwitchComponent
+};
+/**
+ * @license
+ * Copyright 2021 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+//# sourceMappingURL=chunk.7XGNGXLR.js.map