scu-web-components 0.0.11 → 0.0.14

package/dist/chunks/chunk.A3L3HAIU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../node_modules/lit-html/src/directive-helpers.ts", "../../../node_modules/lit-html/src/experimental-hydrate.ts", "../../../node_modules/lit-element/src/experimental-hydrate-support.ts", "../../src/scw.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {_$LH, Part, DirectiveParent, TemplateResult} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n} as const;\n\nexport type TemplateResultType =\n  typeof TemplateResultType[keyof typeof TemplateResultType];\n\n/**\n * Tests if a value is a TemplateResult.\n */\nexport const isTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is TemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as TemplateResult)?.['_$litType$'] !== undefined\n    : (value as TemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinal value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being commited.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$notifyConnectionChanged?.(false, true);\n  let start: ChildNode | null = part._$startNode;\n  const end: ChildNode | null = wrap(part._$endNode!).nextSibling;\n  while (start !== end) {\n    const n: ChildNode | null = wrap(start!).nextSibling;\n    (wrap(start!) as ChildNode).remove();\n    start = n;\n  }\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n", "/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type {TemplateResult} from './lit-html.js';\n\nimport {noChange, RenderOptions, _$LH} from './lit-html.js';\nimport {AttributePartInfo, PartType} from './directive.js';\nimport {\n  isPrimitive,\n  isSingleExpression,\n  isTemplateResult,\n} from './directive-helpers.js';\n\nconst {\n  _TemplateInstance: TemplateInstance,\n  _isIterable: isIterable,\n  _resolveDirective: resolveDirective,\n  _ChildPart: ChildPart,\n  _ElementPart: ElementPart,\n} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\ntype TemplateInstance = InstanceType<typeof TemplateInstance>;\n\n/**\n * Information needed to rehydrate a single TemplateResult.\n */\ntype ChildPartState =\n  | {\n      type: 'leaf';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n    }\n  | {\n      type: 'iterable';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n      value: Iterable<unknown>;\n      iterator: Iterator<unknown>;\n      done: boolean;\n    }\n  | {\n      type: 'template-instance';\n      /** The ChildPart that the result is rendered to */\n      part: ChildPart;\n\n      result: TemplateResult;\n\n      /** The TemplateInstance created from the TemplateResult */\n      instance: TemplateInstance;\n\n      /**\n       * The index of the next Template part to be hydrated. This is mutable and\n       * updated as the tree walk discovers new part markers at the right level in\n       * the template instance tree.  Note there is only one Template part per\n       * attribute with (one or more) bindings.\n       */\n      templatePartIndex: number;\n\n      /**\n       * The index of the next TemplateInstance part to be hydrated. This is used\n       * to retrieve the value from the TemplateResult and initialize the\n       * TemplateInstance parts' values for dirty-checking on first render.\n       */\n      instancePartIndex: number;\n    };\n\n/**\n * hydrate() operates on a container with server-side rendered content and\n * restores the client side data structures needed for lit-html updates such as\n * TemplateInstances and Parts. After calling `hydrate`, lit-html will behave as\n * if it initially rendered the DOM, and any subsequent updates will update\n * efficiently, the same as if lit-html had rendered the DOM on the client.\n *\n * hydrate() must be called on DOM that adheres the to lit-ssr structure for\n * parts. ChildParts must be represented with both a start and end comment\n * marker, and ChildParts that contain a TemplateInstance must have the template\n * digest written into the comment data.\n *\n * Since render() encloses its output in a ChildPart, there must always be a root\n * ChildPart.\n *\n * Example (using for # ... for annotations in HTML)\n *\n * Given this input:\n *\n *   html`<div class=${x}>${y}</div>`\n *\n * The SSR DOM is:\n *\n *   <!--lit-part AEmR7W+R0Ak=-->  # Start marker for the root ChildPart created\n *                                 # by render(). Includes the digest of the\n *                                 # template\n *   <div class=\"TEST_X\">\n *     <!--lit-node 0--> # Indicates there are attribute bindings here\n *                           # The number is the depth-first index of the parent\n *                           # node in the template.\n *     <!--lit-part-->  # Start marker for the ${x} expression\n *     TEST_Y\n *     <!--/lit-part-->  # End marker for the ${x} expression\n *   </div>\n *\n *   <!--/lit-part-->  # End marker for the root ChildPart\n *\n * @param rootValue\n * @param container\n * @param userOptions\n */\nexport const hydrate = (\n  rootValue: unknown,\n  container: Element | DocumentFragment,\n  options: Partial<RenderOptions> = {}\n) => {\n  // TODO(kschaaf): Do we need a helper for _$litPart$ (\"part for node\")?\n  // This property needs to remain unminified.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if ((container as any)['_$litPart$'] !== undefined) {\n    throw new Error('container already contains a live render');\n  }\n\n  // Since render() creates a ChildPart to render into, we'll always have\n  // exactly one root part. We need to hold a reference to it so we can set\n  // it in the parts cache.\n  let rootPart: ChildPart | undefined = undefined;\n\n  // When we are in-between ChildPart markers, this is the current ChildPart.\n  // It's needed to be able to set the ChildPart's endNode when we see a\n  // close marker\n  let currentChildPart: ChildPart | undefined = undefined;\n\n  // Used to remember parent template state as we recurse into nested\n  // templates\n  const stack: Array<ChildPartState> = [];\n\n  const walker = document.createTreeWalker(\n    container,\n    NodeFilter.SHOW_COMMENT,\n    null,\n    false\n  );\n  let marker: Comment | null;\n\n  // Walk the DOM looking for part marker comments\n  while ((marker = walker.nextNode() as Comment | null) !== null) {\n    const markerText = marker.data;\n    if (markerText.startsWith('lit-part')) {\n      if (stack.length === 0 && rootPart !== undefined) {\n        throw new Error('there must be only one root part per container');\n      }\n      // Create a new ChildPart and push it onto the stack\n      currentChildPart = openChildPart(rootValue, marker, stack, options);\n      rootPart ??= currentChildPart;\n    } else if (markerText.startsWith('lit-node')) {\n      // Create and hydrate attribute parts into the current ChildPart on the\n      // stack\n      createAttributeParts(marker, stack, options);\n      // Remove `defer-hydration` attribute, if any\n      const parent = marker.parentElement!;\n      if (parent.hasAttribute('defer-hydration')) {\n        parent.removeAttribute('defer-hydration');\n      }\n    } else if (markerText.startsWith('/lit-part')) {\n      // Close the current ChildPart, and pop the previous one off the stack\n      if (stack.length === 1 && currentChildPart !== rootPart) {\n        throw new Error('internal error');\n      }\n      currentChildPart = closeChildPart(marker, currentChildPart, stack);\n    }\n  }\n  console.assert(\n    rootPart !== undefined,\n    'there should be exactly one root part in a render container'\n  );\n  // This property needs to remain unminified.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (container as any)['_$litPart$'] = rootPart;\n};\n\nconst openChildPart = (\n  rootValue: unknown,\n  marker: Comment,\n  stack: Array<ChildPartState>,\n  options: RenderOptions\n) => {\n  let value: unknown;\n  // We know the startNode now. We'll know the endNode when we get to\n  // the matching marker and set it in closeChildPart()\n  // TODO(kschaaf): Current constructor takes both nodes\n  let part;\n  if (stack.length === 0) {\n    part = new ChildPart(marker, null, undefined, options);\n    value = rootValue;\n  } else {\n    const state = stack[stack.length - 1];\n    if (state.type === 'template-instance') {\n      part = new ChildPart(marker, null, state.instance, options);\n      state.instance._parts.push(part);\n      value = state.result.values[state.instancePartIndex++];\n      state.templatePartIndex++;\n    } else if (state.type === 'iterable') {\n      part = new ChildPart(marker, null, state.part, options);\n      const result = state.iterator.next();\n      if (result.done) {\n        value = undefined;\n        state.done = true;\n        throw new Error('Unhandled shorter than expected iterable');\n      } else {\n        value = result.value;\n      }\n      (state.part._$committedValue as Array<ChildPart>).push(part);\n    } else {\n      // state.type === 'leaf'\n      // TODO(kschaaf): This is unexpected, and likely a result of a primitive\n      // been rendered on the client when a TemplateResult was rendered on the\n      // server; this part will be hydrated but not used. We can detect it, but\n      // we need to decide what to do in this case. Note that this part won't be\n      // retained by any parent TemplateInstance, since a primitive had been\n      // rendered in its place.\n      // https://github.com/lit/lit/issues/1434\n      // throw new Error('Hydration value mismatch: Found a TemplateInstance' +\n      //  'where a leaf value was expected');\n      part = new ChildPart(marker, null, state.part, options);\n    }\n  }\n\n  // Initialize the ChildPart state depending on the type of value and push\n  // it onto the stack. This logic closely follows the ChildPart commit()\n  // cascade order:\n  // 1. directive\n  // 2. noChange\n  // 3. primitive (note strings must be handled before iterables, since they\n  //    are iterable)\n  // 4. TemplateResult\n  // 5. Node (not yet implemented, but fallback handling is fine)\n  // 6. Iterable\n  // 7. nothing (handled in fallback)\n  // 8. Fallback for everything else\n  value = resolveDirective(part, value);\n  if (value === noChange) {\n    stack.push({part, type: 'leaf'});\n  } else if (isPrimitive(value)) {\n    stack.push({part, type: 'leaf'});\n    part._$committedValue = value;\n    // TODO(kschaaf): We can detect when a primitive is being hydrated on the\n    // client where a TemplateResult was rendered on the server, but we need to\n    // decide on a strategy for what to do next.\n    // https://github.com/lit/lit/issues/1434\n    // if (marker.data !== 'lit-part') {\n    //   throw new Error('Hydration value mismatch: Primitive found where TemplateResult expected');\n    // }\n  } else if (isTemplateResult(value)) {\n    // Check for a template result digest\n    const markerWithDigest = `lit-part ${digestForTemplateResult(value)}`;\n    if (marker.data === markerWithDigest) {\n      const template = ChildPart.prototype._$getTemplate(value);\n      const instance = new TemplateInstance(template, part);\n      stack.push({\n        type: 'template-instance',\n        instance,\n        part,\n        templatePartIndex: 0,\n        instancePartIndex: 0,\n        result: value,\n      });\n      // For TemplateResult values, we set the part value to the\n      // generated TemplateInstance\n      part._$committedValue = instance;\n    } else {\n      // TODO: if this isn't the server-rendered template, do we\n      // need to stop hydrating this subtree? Clear it? Add tests.\n      throw new Error(\n        'Hydration value mismatch: Unexpected TemplateResult rendered to part'\n      );\n    }\n  } else if (isIterable(value)) {\n    // currentChildPart.value will contain an array of ChildParts\n    stack.push({\n      part: part,\n      type: 'iterable',\n      value,\n      iterator: value[Symbol.iterator](),\n      done: false,\n    });\n    part._$committedValue = [];\n  } else {\n    // Fallback for everything else (nothing, Objects, Functions,\n    // etc.): we just initialize the part's value\n    // Note that `Node` value types are not currently supported during\n    // SSR, so that part of the cascade is missing.\n    stack.push({part: part, type: 'leaf'});\n    part._$committedValue = value == null ? '' : value;\n  }\n  return part;\n};\n\nconst closeChildPart = (\n  marker: Comment,\n  part: ChildPart | undefined,\n  stack: Array<ChildPartState>\n): ChildPart | undefined => {\n  if (part === undefined) {\n    throw new Error('unbalanced part marker');\n  }\n\n  part._$endNode = marker;\n\n  const currentState = stack.pop()!;\n\n  if (currentState.type === 'iterable') {\n    if (!currentState.iterator.next().done) {\n      throw new Error('unexpected longer than expected iterable');\n    }\n  }\n\n  if (stack.length > 0) {\n    const state = stack[stack.length - 1];\n    return state.part;\n  } else {\n    return undefined;\n  }\n};\n\nconst createAttributeParts = (\n  comment: Comment,\n  stack: Array<ChildPartState>,\n  options: RenderOptions\n) => {\n  // Get the nodeIndex from DOM. We're only using this for an integrity\n  // check right now, we might not need it.\n  const match = /lit-node (\\d+)/.exec(comment.data)!;\n  const nodeIndex = parseInt(match[1]);\n\n  // For void elements, the node the comment was referring to will be\n  // the previousSibling; for non-void elements, the comment is guaranteed\n  // to be the first child of the element (i.e. it won't have a previousSibling\n  // meaning it should use the parentElement)\n  const node = comment.previousSibling ?? comment.parentElement;\n\n  const state = stack[stack.length - 1];\n  if (state.type === 'template-instance') {\n    const instance = state.instance;\n    // eslint-disable-next-line no-constant-condition\n    while (true) {\n      // If the next template part is in attribute-position on the current node,\n      // create the instance part for it and prime its state\n      const templatePart = instance._$template.parts[state.templatePartIndex];\n      if (\n        templatePart === undefined ||\n        (templatePart.type !== PartType.ATTRIBUTE &&\n          templatePart.type !== PartType.ELEMENT) ||\n        templatePart.index !== nodeIndex\n      ) {\n        break;\n      }\n\n      if (templatePart.type === PartType.ATTRIBUTE) {\n        // The instance part is created based on the constructor saved in the\n        // template part\n        const instancePart = new templatePart.ctor(\n          node as HTMLElement,\n          templatePart.name,\n          templatePart.strings,\n          state.instance,\n          options\n        );\n\n        const value = isSingleExpression(\n          instancePart as unknown as AttributePartInfo\n        )\n          ? state.result.values[state.instancePartIndex]\n          : state.result.values;\n\n        // Setting the attribute value primes committed value with the resolved\n        // directive value; we only then commit that value for event/property\n        // parts since those were not serialized, and pass `noCommit` for the\n        // others to avoid perf impact of touching the DOM unnecessarily\n        const noCommit = !(\n          instancePart.type === PartType.EVENT ||\n          instancePart.type === PartType.PROPERTY\n        );\n        instancePart._$setValue(\n          value,\n          instancePart,\n          state.instancePartIndex,\n          noCommit\n        );\n        state.instancePartIndex += templatePart.strings.length - 1;\n        instance._parts.push(instancePart);\n      } else {\n        // templatePart.type === PartType.ELEMENT\n        const instancePart = new ElementPart(\n          node as HTMLElement,\n          state.instance,\n          options\n        );\n        resolveDirective(\n          instancePart,\n          state.result.values[state.instancePartIndex++]\n        );\n        instance._parts.push(instancePart);\n      }\n      state.templatePartIndex++;\n    }\n  } else {\n    throw new Error('internal error');\n  }\n};\n\n// Number of 32 bit elements to use to create template digests\nconst digestSize = 2;\n// We need to specify a digest to use across rendering environments. This is a\n// simple digest build from a DJB2-ish hash modified from:\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\n// It has been changed to an array of hashes to add additional bits.\n// Goals:\n//  - Extremely low collision rate. We may not be able to detect collisions.\n//  - Extremely fast.\n//  - Extremely small code size.\n//  - Safe to include in HTML comment text or attribute value.\n//  - Easily specifiable and implementable in multiple languages.\n// We don't care about cryptographic suitability.\nexport const digestForTemplateResult = (templateResult: TemplateResult) => {\n  const hashes = new Uint32Array(digestSize).fill(5381);\n\n  for (const s of templateResult.strings) {\n    for (let i = 0; i < s.length; i++) {\n      hashes[i % digestSize] = (hashes[i % digestSize] * 33) ^ s.charCodeAt(i);\n    }\n  }\n  return btoa(String.fromCharCode(...new Uint8Array(hashes.buffer)));\n};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * LitElement support for hydration of content rendered using lit-ssr.\n *\n * @packageDocumentation\n */\n\nimport type {PropertyValues} from '@lit/reactive-element';\nimport {render, RenderOptions} from 'lit-html';\nimport {hydrate} from 'lit-html/experimental-hydrate.js';\n\ninterface PatchableLitElement extends HTMLElement {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-misused-new\n  new (...args: any[]): PatchableLitElement;\n  enableUpdating(requestedUpdate?: boolean): void;\n  createRenderRoot(): Element | ShadowRoot;\n  renderRoot: HTMLElement | DocumentFragment;\n  render(): unknown;\n  renderOptions: RenderOptions;\n  _$needsHydration: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nglobalThis.litElementHydrateSupport = ({\n  LitElement,\n}: {\n  LitElement: PatchableLitElement;\n}) => {\n  const observedAttributes = Object.getOwnPropertyDescriptor(\n    Object.getPrototypeOf(LitElement),\n    'observedAttributes'\n  )!.get!;\n\n  // Add `defer-hydration` to observedAttributes\n  Object.defineProperty(LitElement, 'observedAttributes', {\n    get() {\n      return [...observedAttributes.call(this), 'defer-hydration'];\n    },\n  });\n\n  // Enable element when 'defer-hydration' attribute is removed by calling the\n  // super.connectedCallback()\n  const attributeChangedCallback =\n    LitElement.prototype.attributeChangedCallback;\n  LitElement.prototype.attributeChangedCallback = function (\n    name: string,\n    old: string | null,\n    value: string | null\n  ) {\n    if (name === 'defer-hydration' && value === null) {\n      connectedCallback.call(this);\n    }\n    attributeChangedCallback.call(this, name, old, value);\n  };\n\n  // Override `connectedCallback` to capture whether we need hydration, and\n  // defer `super.connectedCallback()` if the 'defer-hydration' attribute is set\n  const connectedCallback = LitElement.prototype.connectedCallback;\n  LitElement.prototype.connectedCallback = function (\n    this: PatchableLitElement\n  ) {\n    // If the outer scope of this element has not yet been hydrated, wait until\n    // 'defer-hydration' attribute has been removed to enable\n    if (!this.hasAttribute('defer-hydration')) {\n      connectedCallback.call(this);\n    }\n  };\n\n  // If we've been server-side rendered, just return `this.shadowRoot`, don't\n  // call the base implementation, which would also adopt styles (for now)\n  const createRenderRoot = LitElement.prototype.createRenderRoot;\n  LitElement.prototype.createRenderRoot = function (this: PatchableLitElement) {\n    if (this.shadowRoot) {\n      this._$needsHydration = true;\n      return this.shadowRoot;\n    } else {\n      return createRenderRoot.call(this);\n    }\n  };\n\n  // Hydrate on first update when needed\n  const update = Object.getPrototypeOf(LitElement.prototype).update;\n  LitElement.prototype.update = function (\n    this: PatchableLitElement,\n    changedProperties: PropertyValues\n  ) {\n    const value = this.render();\n    // Since this is a patch, we can't call super.update(), so we capture\n    // it off the proto chain and call it instead\n    update.call(this, changedProperties);\n    if (this._$needsHydration) {\n      this._$needsHydration = false;\n      hydrate(value, this.renderRoot, this.renderOptions);\n    } else {\n      render(value, this.renderRoot, this.renderOptions);\n    }\n  };\n};\n", "import 'lit-element/experimental-hydrate-support.js';\n\nconst registeredComponents : {\n  [key: string]: true;\n} = {};\n\nexport let config : {\n  suffix : string | false,\n};\n\n/**\n * Define Components\n * Gotchas:\n *  - can't have two runtimes on same page, so need root to be unversioned and \n *     child versioned (from same url)\n *  - b/c the comp classes can only be registered once. The child should\n *     always be bundled.\n * @param {object} args\n * @return {void}\n */\nexport async function defineComponents(\n  args : {\n    components?: string[],\n    suffix?: string,\n  } = {},\n) {\n  // defaults to a runtime config w/ all comps, no suffix, and assets runtime.\n  const {\n    components = false,\n    suffix = false,\n  } = args;\n\n  // Global Config\n  config = {\n    suffix,\n  };\n\n  const allComponents = components ? false : true;\n\n  const suffixFinal = suffix ? `-${suffix}` : '';\n  const promiseArr: Promise<void>[] = [];\n\n  /**\n   * Add to a promise\n   * @param {string} compStr\n   * @param {any} importCall\n   */\n  function addToPromise(compStr: string, importCall: any) {\n    promiseArr.push((async () => {\n      const compName = `${compStr}${suffixFinal}`;\n      // avoid name dups (doesn't catch class dups!!!!)\n      if ( !registeredComponents[compName] ) {\n        registeredComponents[compName] = true;\n        window.customElements.define(\n          compName,\n          (await importCall).default,\n        );\n      }\n    })());\n  }\n\n  /**\n   * include\n   * @argument {string} compStr\n   * @return {boolean}\n   */\n  function include(compStr: string) {\n    if (allComponents) return true;\n    if (Array.isArray( components) ) {\n      return components ? components.includes(compStr) : false;\n    }\n  }\n\n  // need the import to be picked up by esbuild...\n  if (include('scw-component')) {\n    addToPromise('scw-component',\n      import(`./scw-component/ScwComponent`));\n  }\n  if (include('scw-form-component')) {\n    addToPromise('scw-form-component',\n      import(`./scw-form-component/scw-form-component`) );\n  }\n  if (include('scw-card')) {\n    addToPromise('scw-card',\n      import(`./scw-card/ScwCard`));\n  }\n  if (include('scw-input-field')) {\n    addToPromise('scw-input-field',\n      import(`./scw-input-field/scw-input-field`) );\n  }\n  if (include('scw-input-layout')) {\n    addToPromise('scw-input-layout',\n      import(`./scw-input-layout/scw-input-layout`) );\n  }\n  if (include('scw-link')) {\n    addToPromise('scw-link',\n      import(`./scw-link/ScwLink`) );\n  }\n  if (include('scw-button')) {\n    addToPromise('scw-button',\n      import(`./scw-button/ScwButton`) );\n  }\n  if (include('scw-menu')) {\n    addToPromise('scw-menu',\n      import(`./scw-menu/scw-menu`) );\n  }\n  if (include('scw-menu-item')) {\n    addToPromise('scw-menu-item',\n      import(`./scw-menu-item/scw-menu-item`) );\n  }\n  if (include('scw-icon')) {\n    addToPromise('scw-icon',\n      import(`./scw-icon/ScwIcon`) );\n  }\n  if (include('scw-heading')) {\n    addToPromise('scw-heading',\n      import(`./scw-heading/ScwHeading`) );\n  }\n  if (include('scw-image')) {\n    addToPromise('scw-image',\n      import(`./scw-image/ScwImage`) );\n  }\n  if (include('scw-input')) {\n    addToPromise('scw-input',\n      import(`./scw-input/scw-input`) );\n  }\n  if (include('scw-single-input')) {\n    addToPromise('scw-single-input',\n      import(`./scw-single-input/scw-single-input`) );\n  }\n  if (include('scw-single-input-layout')) {\n    addToPromise('scw-single-input-layout',\n      import(`./scw-single-input-layout/scw-single-input-layout`) );\n  }\n  if (include('scw-responsive')) {\n    addToPromise('scw-responsive',\n      import(`./scw-responsive/scw-responsive`) );\n  }\n  if (include('scw-validation')) {\n    addToPromise('scw-validation',\n      import(`./scw-validation/scw-validation`) );\n  }\n  if (include('scw-validate')) {\n    addToPromise('scw-validate',\n      import(`./scw-validate/scw-validate`) );\n  }\n  if (include('scw-flex-h-component')) {\n    addToPromise('scw-flex-h-component',\n      import(`./scw-flex-h-component/scw-flex-h-component`) );\n  }\n  if (include('scw-flex-v-component')) {\n    addToPromise('scw-flex-v-component',\n      import(`./scw-flex-v-component/scw-flex-v-component`) );\n  }\n  if (include('scw-stack-component')) {\n    addToPromise('scw-stack-component',\n      import(`./scw-stack-component/scw-stack-component`) );\n  }\n  if (include('scw-layout-component')) {\n    addToPromise('scw-layout-component',\n      import(`./scw-layout-component/scw-layout-component`) );\n  }\n  if (include('scw-element-component')) {\n    addToPromise('scw-element-component',\n      import(`./scw-element-component/scw-element-component`) );\n  }\n  if (include('scw-center-component')) {\n    addToPromise('scw-center-component',\n      import(`./scw-center-component/ScwCenterComponent`) );\n  }\n  if (include('scw-float-component')) {\n    addToPromise('scw-float-component',\n      import(`./scw-float-component/scw-float-component`) );\n  }\n  if (include('scw-pane-component')) {\n    addToPromise('scw-pane-component',\n      import(`./scw-pane-component/scw-pane-component`) );\n  }\n  if (include('scw-form')) {\n    addToPromise('scw-form',\n      import(`./scw-form/scw-form`) );\n  }\n  if (include('scw-page-alert')) {\n    addToPromise('scw-page-alert',\n      import(`./scw-page-alert/scw-page-alert`) );\n  }\n  if (include('scw-link-base')) {\n    addToPromise('scw-link-base',\n      import(`./scw-link-base/ScwLinkBase`) );\n  }\n  if (include('scw-textarea')) {\n    addToPromise('scw-textarea',\n      import(`./scw-textarea/scw-textarea`) );\n  }\n  if (include('scw-select')) {\n    addToPromise('scw-select',\n      import(`./scw-select/scw-select`) );\n  }\n  if (include('scw-alert')) {\n    addToPromise('scw-alert',\n      import(`./scw-alert/ScwAlert`) );\n  }\n  if (include('scw-test')) {\n    addToPromise('scw-test',\n      import(`./scw-test/ScwTest`) );\n  }\n\n  return Promise.all(promiseArr);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/chunk.A4CPTDR2.js

@@ -0,0 +1,2 @@
+import{b as f}from"./chunk.BXNLDFIF.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
+//# sourceMappingURL=chunk.A4CPTDR2.js.map

package/dist/chunks/chunk.A4CPTDR2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
+  "names": []
+}

package/dist/chunks/chunk.A5NCJRBB.js

@@ -0,0 +1,2 @@
+var d=(f=>(f.none="none",f.sentences="sentences",f.words="words",f.characters="characters",f.default="none",f))(d||{}),c=(n=>(n.off="off",n.on="on",n.default="on",n))(c||{}),r=(n=>(n.off="off",n.on="on",n.default="off",n))(r||{});export{d as a,c as b,r as c};
+//# sourceMappingURL=chunk.A5NCJRBB.js.map

package/dist/chunks/{chunk.R2VPJ6N4.js.map → chunk.A5NCJRBB.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/formEnums.ts"],
   "sourcesContent": ["\nexport enum AutoCaptializeValues {\n  none = 'none',\n  sentences = 'sentences',\n  words = 'words',\n  characters = 'characters',\n  default = 'none'\n}\n\nexport enum AutoCompleteValues {\n  off = 'off',\n  on = 'on',\n  default = 'on'\n}\n\nexport enum AutoCorrectValues {\n  off = 'off',\n  on = 'on',\n  default = 'off'\n}\n\n"],
-  "mappings": "AACO,GAAK,GAAL,UAAK,EAAL,CACL,OAAO,OACP,YAAY,YACZ,QAAQ,QACR,aAAa,aACb,UAAU,SALA,WAQL,GAAK,GAAL,UAAK,EAAL,CACL,MAAM,MACN,KAAK,KACL,UAAU,OAHA,WAML,GAAK,GAAL,UAAK,EAAL,CACL,MAAM,MACN,KAAK,KACL,UAAU,QAHA",
+  "mappings": "AACO,GAAK,GAAL,CAAK,GACV,QAAO,OACP,YAAY,YACZ,QAAQ,QACR,aAAa,aACb,UAAU,OALA,WAQA,EAAL,CAAK,GACV,OAAM,MACN,KAAK,KACL,UAAU,KAHA,WAMA,EAAL,CAAK,GACV,OAAM,MACN,KAAK,KACL,UAAU,MAHA",
   "names": []
 }

package/dist/chunks/{chunk.R3AW2HPL.js → chunk.A63K246D.js}

@@ -1,4 +1,4 @@
-import{c as i}from"./chunk.463VK4C5.js";import{a as r,b as e,f as o}from"./chunk.DU6UCY74.js";import{a}from"./chunk.JLBADLEO.js";import{f as t}from"./chunk.OLBUKLD6.js";var c=r`
+import{c as a}from"./chunk.VSIKGAIE.js";import{a as s,b as e}from"./chunk.NUBCUBHW.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var i=s`
 :host {
   display: block;
 }
@@ -22,8 +22,8 @@ import{c as i}from"./chunk.463VK4C5.js";import{a as r,b as e,f as o}from"./chunk
   font: var(--scw-type-text-font);
   color: var(--scw-color-dark, var(--scw-color-error-dark));
   flex: 1;
-}`;var s=class extends i{constructor(){super();this.description="";this.element=a.alert}static get styles(){return[super.styles,c]}render(){return this.renderLink(e`
+}`;var r=class extends a{constructor(){super();this.description="";this.element="alert"}static get styles(){return[super.styles,i]}render(){return this.renderLink(o`
         <span class="message">${this.ariaLabel}</span>
         <span class="description">${this.description}</span>
-      `)}};t([o({type:String})],s.prototype,"description",2);export{s as a};
-//# sourceMappingURL=chunk.R3AW2HPL.js.map
+      `)}};t([e({type:String})],r.prototype,"description",2);export{r as a};
+//# sourceMappingURL=chunk.A63K246D.js.map

package/dist/chunks/{chunk.R3AW2HPL.js.map → chunk.A63K246D.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-alert/scss/scw-alert.scss", "../../src/scw-alert/ScwAlert.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n:host .scw-link-base {\n  display: block;\n  background-color: var(--scw-color-error-light);\n  padding-left: var(--scw-spacing-2);\n  padding-right: var(--scw-spacing-2);\n  padding-top: var(--scw-spacing-1);\n  padding-bottom: var(--scw-spacing-1);\n  text-align: center;\n}\n:host .message {\n  text-align: CENTER;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}\n:host .description {\n  text-align: CENTER;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-dark, var(--scw-color-error-dark));\n  flex: 1;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-alert.scss';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwAlert a first LitElement web component\n * @class\n * @tag scw-alert\n *\n */\nexport default class ScwAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.alert;\n  }\n\n  /** Secondary message */\n  @property({type: String})\n    description: string = '';\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    return this.renderLink(\n      html`\n        <span class=\"message\">${this.ariaLabel}</span>\n        <span class=\"description\">${this.description}</span>\n      `,\n    );\n  }\n}\n"],
-  "mappings": "yKACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCWf,mBAAsC,EAAY,CAchD,aAAc,CACZ,QAMA,iBAAsB,GALtB,KAAK,QAAU,EAAW,gBAZhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GAoBJ,QAAkB,CAChB,MAAO,MAAK,WACV;AAAA,gCAC0B,KAAK;AAAA,oCACD,KAAK;AAAA,WAVrC,GADD,EAAS,CAAC,KAAM,UACf,AArBJ,EAqBI",
+  "mappings": "uKACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCWf,mBAAsC,EAAY,CAchD,aAAc,CACZ,MAAM,EAMN,iBAAsB,GALtB,KAAK,QAAU,OACjB,WAbY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAkBA,QAAkB,CAChB,MAAO,MAAK,WACV;AAAA,gCAC0B,KAAK;AAAA,oCACD,KAAK;AAAA,OAErC,CACF,CACF,EAdI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AArBJ,EAqBI",
   "names": []
 }

package/dist/chunks/chunk.AFNXRHI4.js

@@ -0,0 +1,10 @@
+import{a as r,b as i,e as s}from"./chunk.NUBCUBHW.js";import{a as o}from"./chunk.ZS4C3T6Z.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends s{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return r`
+      :host {
+        display: block;
+        border: 1px solid red;
+      }
+    `}connectedCallback(){super.connectedCallback(),this.element="test"}clickHandler(){this.name=`hi ${Math.random()}`}render(){return o`
+      <div @click=${this.clickHandler}>ima ${this.name}</div>
+      <slot></slot>
+    `}};e([i({type:String,reflect:!0})],t.prototype,"name",2);export{t as a};
+//# sourceMappingURL=chunk.AFNXRHI4.js.map

package/dist/chunks/{chunk.XDXQOFCE.js.map → chunk.AFNXRHI4.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-test/ScwTest.ts"],
   "sourcesContent": ["import {\n  // LitElement,\n  html,\n  css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from '../scw-component/ScwComponent';\n\n/**\n * ScwTest\n * @class\n * @tag scw-test\n */\nexport default class ScwTest extends ScwComponent { // LitElement {\n  /**\n   * styles\n   */\n  static get styles() {\n    return css`\n      :host {\n        display: block;\n        border: 1px solid red;\n      }\n    `;\n  }\n\n  /**\n  * a test variable\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    name: string = 'hi';\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.element = Components.test;\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.test;\n    this.setAttribute('role', 'button' );\n  }\n\n  /**\n  * Handle click from right icon.\n  */\n   clickHandler() {\n    this.name = `hi ${Math.random()}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return html`\n      <div @click=${this.clickHandler}>ima ${this.name}</div>\n      <slot></slot>\n    `;\n  }\n}\n"],
-  "mappings": "wIAaA,mBAAqC,EAAa,CA2BhD,aAAc,CACZ,QAVA,UAAe,KAWf,KAAK,QAAU,EAAW,KAC1B,KAAK,aAAa,OAAQ,oBA1BjB,SAAS,CAClB,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBT,mBAA0B,CACxB,MAAM,oBACN,KAAK,QAAU,EAAW,KAa3B,cAAe,CACd,KAAK,KAAO,MAAM,KAAK,WAOxB,QAAiB,CAChB,MAAO;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,QA5B9C,GADD,EAAS,CAAC,KAAM,OAAQ,QAAS,MAChC,AAlBJ,EAkBI",
+  "mappings": "sIAaA,mBAAqC,EAAa,CA2BhD,aAAc,CACZ,MAAM,EAVN,UAAe,KAWf,KAAK,QAAU,OACf,KAAK,aAAa,OAAQ,QAAS,CACrC,WA3BW,SAAS,CAClB,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA,KAMT,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,QAAU,MACjB,CAYC,cAAe,CACd,KAAK,KAAO,MAAM,KAAK,OAAO,GAChC,CAMC,QAAiB,CAChB,MAAO;AAAA,oBACS,KAAK,oBAAoB,KAAK;AAAA;AAAA,KAGhD,CACF,EAhCI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAlBJ,EAkBI",
   "names": []
 }

package/dist/chunks/chunk.AJNSUUTO.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk.Z2CV4J4E.js";import{a as m}from"./chunk.2VW3SHYK.js";import{b as i}from"./chunk.NUBCUBHW.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.setAttribute("onclick","javascript:")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
+//# sourceMappingURL=chunk.AJNSUUTO.js.map

package/dist/chunks/chunk.AJNSUUTO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-button/ScwButton.ts"],
+  "sourcesContent": ["import {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport {ScwFormComponentSubmitTypes}\n  from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport {ScwEvents} from '../utils/events/event';\nimport {emit} from '../utils/events/event';\n\n/**\n * ScwButton\n * @class\n * @tag scw-button\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwButton extends ScwLink {\n  /** <ScwFormComponent> the usage in a form (& scw-form a query target) */\n  @property({type: String, reflect: true, attribute: 'submit-type'})\n    submitType: ScwFormComponentSubmitTypes =\n        ScwFormComponentSubmitTypes.submit;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(\n      'click',\n      () => {\n        if (this.submitType === ScwFormComponentSubmitTypes.submit ) {\n          emit(\n            ScwEvents.submitIntent,\n            this,\n          );\n        }\n      },\n    );\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.button;\n    // need to tell scw-link-base to turn this into a link each time...\n    this.setAttribute('onclick', 'javascript:');\n  }\n}\n"],
+  "mappings": "gKAmBA,mBAAuC,EAAQ,CAuB7C,aAAc,CACZ,MAAM,EArBN,gBACI,SAqBJ,KAAK,QAAU,SAEf,KAAK,aAAa,UAAW,aAAa,CAC5C,CArBA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,iBACH,QACA,IAAM,CACJ,AAAI,KAAK,aAAe,UACtB,EACE,oBACA,IACF,CAEJ,CACF,CACF,CASF,EA1BI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,aAAa,CAAC,GAC/D,AAHJ,EAGI",
+  "names": []
+}

package/dist/chunks/chunk.AKAAJWEI.js

@@ -0,0 +1,2 @@
+var m=(H=>(H.H1="H1",H.H2="H2",H.H3="H3",H.H4="H4",H.H5="H5",H))(m||{});export{m as a};
+//# sourceMappingURL=chunk.AKAAJWEI.js.map

package/dist/chunks/{chunk.ORBTZFIA.js.map → chunk.AKAAJWEI.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-heading/scw-heading-enums.ts"],
   "sourcesContent": ["\nexport enum ScwHeadingSizes {\n  H1 = 'H1',\n  H2 = 'H2',\n  H3 = 'H3',\n  H4 = 'H4',\n  H5 = 'H5'\n}\n"],
-  "mappings": "AACO,GAAK,GAAL,UAAK,EAAL,CACL,KAAK,KACL,KAAK,KACL,KAAK,KACL,KAAK,KACL,KAAK,OALK",
+  "mappings": "AACO,GAAK,GAAL,CAAK,GACV,MAAK,KACL,KAAK,KACL,KAAK,KACL,KAAK,KACL,KAAK,KALK",
   "names": []
 }

package/dist/chunks/chunk.ALWGDFKP.js

@@ -0,0 +1,256 @@
+import{b as g}from"./chunk.PXQQTQKT.js";import{a as n}from"./chunk.K3V3AEZG.js";import{a as c}from"./chunk.WCJ4CSRJ.js";import{c as d}from"./chunk.VSIKGAIE.js";import{a as i,b as r,c as l}from"./chunk.NUBCUBHW.js";import{a as t}from"./chunk.ZS4C3T6Z.js";import{g as o}from"./chunk.5YJY6NT6.js";var p=i`
+:host .label {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}`;var w=i`
+:host([design=text]) .scw-link-base {
+  outline: none;
+  display: inline;
+}
+:host([design=text]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  text-decoration: underline;
+}
+
+:host([design=text]:hover) a.scw-link-base .label,
+:host([design=text][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=text][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-07);
+}`;var h=i`
+:host([design=solid]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-03, var(--scw-color-primary-03));
+  border-radius: 10px 10px 10px 10px;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.5);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
+  display: inline-flex;
+}
+:host([design=solid]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+:host([design=solid]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+  min-height: 22px;
+}
+:host([design=solid]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=solid]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-grey-10);
+}
+:host([design=solid]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-10);
+}
+
+:host([design=solid][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+
+:host([design=solid][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+
+:host([design=solid]:hover) a.scw-link-base,
+:host([design=solid][hover]) a.scw-link-base {
+  background-color: var(--scw-color-01, var(--scw-color-primary-01));
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid]:hover) a.scw-link-base .label,
+:host([design=solid][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+}
+
+:host([design=solid][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var f=i`
+:host([design=outlined]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-04, var(--scw-color-primary-04));
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.3);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.3);
+  display: inline-flex;
+}
+:host([design=outlined]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+:host([design=outlined]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  min-height: 22px;
+}
+:host([design=outlined]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=outlined]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-primary-03);
+}
+:host([design=outlined]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-primary-03);
+}
+
+:host([design=outlined][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+
+:host([design=outlined][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.4);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+
+:host([design=outlined]:hover) a.scw-link-base,
+:host([design=outlined][hover]) a.scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+:host([design=outlined]:hover) a.scw-link-base .label,
+:host([design=outlined][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=outlined][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var b=i`
+:host([design=plain]) .scw-link-base {
+  outline: none;
+  display: inline-block;
+}`;var e=class extends d{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}requestUpdate(){return super.requestUpdate(),console.log("hi"),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):(this._svgInfo=s,console.log("found it"))})}parseAndValidateLightDom(){super.parseAndValidateLightDom(),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return g}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),a=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?t`
+        ${n(a)}
+        <slot></slot>
+      `:t`
+      ${s&&this.iconSide==="left"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}
+        ${n(a)}
+        <div class="label">
+          ${this.ariaLabel}
+        </div>
+      ${s&&this.iconSide==="right"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return h;case"outlined":return f;case"text":return w;case"plain":default:return b}}render(){return this.renderLink(this.renderContent())}};o([r({type:String,reflect:!0})],e.prototype,"icon",2),o([r({type:String,reflect:!0,attribute:"icon-side"})],e.prototype,"iconSide",2),o([r({type:String,reflect:!0})],e.prototype,"design",2),o([l()],e.prototype,"_svgInfo",2);export{e as a};
+//# sourceMappingURL=chunk.ALWGDFKP.js.map

package/dist/chunks/chunk.ALWGDFKP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-text.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-solid.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-outlined.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 10px 10px 10px 10px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.5);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 22px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.3);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.3);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  min-height: 22px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-03);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n// import 'lit/experimental-hydrate-support.js';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n  * (ScwLink) Determines the icon to use with the text\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo : string = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\n  }\n\n  /**\n   * connectedCallback\n   * @return {object}\n   */\n  requestUpdate(): void {\n    super.requestUpdate();\n    console.log('hi');\n    return getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n        console.log('found it');\n      }\n    });\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return this.renderLink(\n      this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "sSACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;GC4Bf,mBAAqC,EAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,cAAwB,OAOxB,YAA8C,QAEvC,cAAoB,GAO3B,KAAK,QAAU,MACjB,WArCW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAsCA,eAAsB,CACpB,aAAM,cAAc,EACpB,QAAQ,IAAI,IAAI,EACT,EAAW,KAAK,KAAM,AAAC,GAA6B,CACzD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,MAAK,SAAW,EAChB,QAAQ,IAAI,UAAU,EAE1B,CAAC,CACH,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAW,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,MAAO,EACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,SAAW,SAChB,KAAK,SAAW,OAIpB,CAMA,eAAwB,CACtB,GAAM,GAAa,KAAK,WAAW,EAE7B,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,MAAI,MAAK,SAAW,QACX;AAAA,UACH,EAAW,CAAQ;AAAA;AAAA,QAKlB;AAAA,QACH,GAAc,KAAK,WAAa,OAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACR,EAAW,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAET,GAAc,KAAK,WAAa,QAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,YACN,QACH,MAAO,OACJ,WACH,MAAO,OACJ,OACH,MAAO,OACJ,gBAEH,MAAO,GAEb,CAMC,QAAiB,CAChB,MAAO,MAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EAxII,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI,oBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAC7D,AAxBJ,EAwBI,wBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AA/BJ,EA+BI,sBAEO,GAAT,AAAC,EAAM,GAAE,AAjCX,EAiCW",
+  "names": []
+}

package/dist/chunks/chunk.AMYPU3TJ.js

@@ -0,0 +1,2 @@
+var t=(n=>(n.default="default",n.primary="primary",n.grey="grey",n.checking="checking",n.redShoes="red-shoes",n.business="business",n.personal="personal",n.heloc="heloc",n.mortgage="mortgage",n.investments="investments",n.creditCards="credit-cards",n.student="student",n.savings="savings",n))(t||{}),a=(i=>(i.information="information",i.warning="warning",i.error="error",i.success="success",i))(a||{});export{t as a,a as b};
+//# sourceMappingURL=chunk.AMYPU3TJ.js.map

package/dist/chunks/{chunk.OUSDGIBB.js.map → chunk.AMYPU3TJ.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/themes/enums.ts"],
   "sourcesContent": ["\n\nexport enum ScwThemeColors {\n  default = 'default',\n  primary = 'primary',\n  grey = 'grey',\n  checking = 'checking',\n  redShoes = 'red-shoes',\n  business = 'business',\n  personal = 'personal',\n  heloc = 'heloc',\n  mortgage = 'mortgage',\n  investments = 'investments',\n  creditCards = 'credit-cards',\n  student = 'student',\n  savings = 'savings',\n}\n\nexport enum ScwFeedbackColors {\n  information = 'information',\n  warning = 'warning',\n  error = 'error',\n  success = 'success',\n};\n"],
-  "mappings": "AAEO,GAAK,GAAL,UAAK,EAAL,CACL,UAAU,UACV,UAAU,UACV,OAAO,OACP,WAAW,WACX,WAAW,YACX,WAAW,WACX,WAAW,WACX,QAAQ,QACR,WAAW,WACX,cAAc,cACd,cAAc,eACd,UAAU,UACV,UAAU,YAbA,WAgBL,GAAK,GAAL,UAAK,EAAL,CACL,cAAc,cACd,UAAU,UACV,QAAQ,QACR,UAAU,YAJA",
+  "mappings": "AAEO,GAAK,GAAL,CAAK,GACV,WAAU,UACV,UAAU,UACV,OAAO,OACP,WAAW,WACX,WAAW,YACX,WAAW,WACX,WAAW,WACX,QAAQ,QACR,WAAW,WACX,cAAc,cACd,cAAc,eACd,UAAU,UACV,UAAU,UAbA,WAgBA,EAAL,CAAK,GACV,eAAc,cACd,UAAU,UACV,QAAQ,QACR,UAAU,UAJA",
   "names": []
 }

package/dist/chunks/chunk.AVHM62UB.js

@@ -0,0 +1,2 @@
+import{a as c}from"./chunk.WSU6CE53.js";customElements.define("scw-card",c);
+//# sourceMappingURL=chunk.AVHM62UB.js.map

package/dist/chunks/chunk.AVHM62UB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-card/scw-card.ts"],
+  "sourcesContent": ["import ScwCard from './ScwCard';\ncustomElements.define('scw-card', ScwCard );\n"],
+  "mappings": "wCACA,eAAe,OAAO,WAAY,CAAQ",
+  "names": []
+}

package/dist/chunks/chunk.AY3YRO2L.js

@@ -0,0 +1,2 @@
+import{b}from"./chunk.ZZQE6TG6.js";var B=1e5;function y(t){t.attrBreakpoints={};let o={};t.breakpoints=[];let i={},e=t.responsiveInfo.attributes;for(let r=0;r<e.length;r++){let s=e[r],n=s.name,u=s.value;if(n.indexOf("-bp-")===-1)h(t,o,n,u);else{let c=n.split("-bp-"),a=c[0],p=c[1];t.attrBreakpoints[a]||(t.attrBreakpoints[a]=[{name:"empty",minWidth:0,maxWidth:B,attribute:a,value:"",priority:-1}]);let m=t.attrBreakpoints[a],k=b()[p];if(k){i[p]||(i[p]=!0,t.breakpoints.push(k)),m.push({...k,attribute:a,value:u});let f=o[a];f&&(m.push(f),delete o[a])}}}Object.values(t.attrBreakpoints).map(r=>{r.sort((s,n)=>s.priority>n.priority?-1:1)})}function h(t,o,i,e){let r={name:"default",minWidth:0,maxWidth:B,attribute:i,value:e,priority:0};t.attrBreakpoints[i]?t.attrBreakpoints[i].push(r):o[i]=r}export{y as a};
+//# sourceMappingURL=chunk.AY3YRO2L.js.map

package/dist/chunks/{chunk.3IC2MY6C.js.map → chunk.AY3YRO2L.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/responsive/processAttributes.ts"],
   "sourcesContent": ["import ResponsiveElement from './ResponsiveElement';\nimport {Breakpoint} from './BreakpointTypes';\nimport {breakpointLookup} from './breakpoints';\n\nconst MAXIMUM_WIDTH = 100000;\n\n/**\n * connect attributes (class right now) to the responsiveEle via resizing\n * @param {ResponsiveElement} responsiveEle\n */\nexport function processAttributes(responsiveEle : ResponsiveElement) {\n  responsiveEle.attrBreakpoints = {};\n  const baseAttrBreakpoints: {[key:string]: Breakpoint} = {};\n\n  responsiveEle.breakpoints = [];\n  const breakpointsLookup : {[key:string]:true} = {};\n\n  const attrs = responsiveEle.responsiveInfo.attributes;\n  for (let i = 0; i < attrs.length; i++) {\n    const attr = attrs[i];\n    const attrName = attr.name;\n    const attrValue = attr.value;\n\n    if ( attrName.indexOf('-bp-') === -1 ) {\n      processBaseBreakpoint(\n        responsiveEle,\n        baseAttrBreakpoints,\n        attrName,\n        attrValue,\n      );\n    } else {\n      const attrNameParts = attrName.split('-bp-');\n      const attrBaseName = attrNameParts[0];\n      const attrBreakpoint = attrNameParts[1];\n\n      if ( !responsiveEle.attrBreakpoints[attrBaseName] ) {\n        // empty one added by default to naturally clear out attribute w/o hit\n        responsiveEle.attrBreakpoints[attrBaseName] = [{\n          name: 'empty',\n          minWidth: 0,\n          maxWidth: MAXIMUM_WIDTH,\n          attribute: attrBaseName,\n          value: '',\n          priority: -1,\n        }];\n      }\n      const attrBreakpoints = responsiveEle.attrBreakpoints[attrBaseName];\n      const breakpoint = breakpointLookup()[attrBreakpoint];\n      if (breakpoint) {\n        // add to the breakpoints to observe\n        if ( !breakpointsLookup[attrBreakpoint] ) {\n          breakpointsLookup[attrBreakpoint] = true;\n          responsiveEle.breakpoints.push(breakpoint);\n        }\n\n        // add to attr breakpoints\n        attrBreakpoints.push({\n          ...breakpoint,\n          attribute: attrBaseName,\n          value: attrValue,\n        });\n\n        // add the base breakpoint if not added already...\n        const baseAttrBreakpoint = baseAttrBreakpoints[attrBaseName];\n        if ( baseAttrBreakpoint ) {\n          attrBreakpoints.push(baseAttrBreakpoint);\n          // avoid duplicate default pushes...\n          delete baseAttrBreakpoints[attrBaseName];\n        }\n      }\n    }\n  }\n\n  Object.values( responsiveEle.attrBreakpoints ).map((breakpoints) => {\n    // reverse sort on priority...first to hit wins\n    breakpoints.sort((a, b) => a.priority > b.priority ? -1 : 1);\n  });\n  // cons ole.log( 'responsiveEle.attrBreakpoints',\n  // responsiveEle.attrBreakpoints );\n  // cons ole.log( 'responsiveEle.breakpoints' , responsiveEle.breakpoints );\n}\n\n/**\n * centralize the creation of centr\n * @param {ResponsiveElement} responsiveEle\n * @param {object} baseAttrBreakpoints\n * @param {string} attrBaseName\n * @param {string} attrValue\n */\nfunction processBaseBreakpoint(\n  responsiveEle : ResponsiveElement,\n  baseAttrBreakpoints: {[key:string]: Breakpoint},\n  attrBaseName: string,\n  attrValue?: string,\n) {\n  const newDefaultBreakpoint = {\n    name: 'default',\n    minWidth: 0,\n    maxWidth: MAXIMUM_WIDTH,\n    attribute: attrBaseName,\n    value: attrValue,\n    priority: 0,\n  };\n  if ( responsiveEle.attrBreakpoints[attrBaseName]) {\n    // just go ahead and add\n    responsiveEle.attrBreakpoints[attrBaseName].push( newDefaultBreakpoint );\n  } else {\n    // save for a possible later add\n    baseAttrBreakpoints[attrBaseName] = newDefaultBreakpoint;\n  }\n}\n\n/*\n    // checking for class only right now......\n    if (attrName.indexOf('class') === 0) {\n      if (attrName === 'class') {\n        const attrValue = attr.value;\n        responsiveEle.breakpoints.push({\n          name: 'default',\n          minWidth: 0,\n          maxWidth: 0,\n          attribute: 'class',\n          value: attrValue,\n          priority: 0\n        });\n      }else{\n        const attrNameParts = attrName.split('-');\n        const bpName = attrNameParts[2];\n        const breakpoint = breakpointLookup()[bpName];\n        if (breakpoint) {\n          const attrValue = attr.value;\n          responsiveEle.breakpoints.push({\n            ...breakpoint,\n            attribute: 'class',\n            value: attrValue\n          });\n        }\n      }\n    }\n  */\n"],
-  "mappings": "wCAIA,GAAM,GAAgB,IAMf,WAA2B,EAAmC,CACnE,EAAc,gBAAkB,GAChC,GAAM,GAAkD,GAExD,EAAc,YAAc,GAC5B,GAAM,GAA0C,GAE1C,EAAQ,EAAc,eAAe,WAC3C,OAAS,GAAI,EAAG,EAAI,EAAM,OAAQ,IAAK,CACrC,GAAM,GAAO,EAAM,GACb,EAAW,EAAK,KAChB,EAAY,EAAK,MAEvB,GAAK,EAAS,QAAQ,UAAY,GAChC,EACE,EACA,EACA,EACA,OAEG,CACL,GAAM,GAAgB,EAAS,MAAM,QAC/B,EAAe,EAAc,GAC7B,EAAiB,EAAc,GAErC,AAAM,EAAc,gBAAgB,IAElC,GAAc,gBAAgB,GAAgB,CAAC,CAC7C,KAAM,QACN,SAAU,EACV,SAAU,EACV,UAAW,EACX,MAAO,GACP,SAAU,MAGd,GAAM,GAAkB,EAAc,gBAAgB,GAChD,EAAa,IAAmB,GACtC,GAAI,EAAY,CAEd,AAAM,EAAkB,IACtB,GAAkB,GAAkB,GACpC,EAAc,YAAY,KAAK,IAIjC,EAAgB,KAAK,IAChB,EACH,UAAW,EACX,MAAO,IAIT,GAAM,GAAqB,EAAoB,GAC/C,AAAK,GACH,GAAgB,KAAK,GAErB,MAAO,GAAoB,MAMnC,OAAO,OAAQ,EAAc,iBAAkB,IAAI,AAAC,GAAgB,CAElE,EAAY,KAAK,CAAC,EAAG,IAAM,EAAE,SAAW,EAAE,SAAW,GAAK,KAc9D,WACE,EACA,EACA,EACA,EACA,CACA,GAAM,GAAuB,CAC3B,KAAM,UACN,SAAU,EACV,SAAU,EACV,UAAW,EACX,MAAO,EACP,SAAU,GAEZ,AAAK,EAAc,gBAAgB,GAEjC,EAAc,gBAAgB,GAAc,KAAM,GAGlD,EAAoB,GAAgB",
+  "mappings": "mCAIA,GAAM,GAAgB,IAMf,WAA2B,EAAmC,CACnE,EAAc,gBAAkB,CAAC,EACjC,GAAM,GAAkD,CAAC,EAEzD,EAAc,YAAc,CAAC,EAC7B,GAAM,GAA0C,CAAC,EAE3C,EAAQ,EAAc,eAAe,WAC3C,OAAS,GAAI,EAAG,EAAI,EAAM,OAAQ,IAAK,CACrC,GAAM,GAAO,EAAM,GACb,EAAW,EAAK,KAChB,EAAY,EAAK,MAEvB,GAAK,EAAS,QAAQ,MAAM,IAAM,GAChC,EACE,EACA,EACA,EACA,CACF,MACK,CACL,GAAM,GAAgB,EAAS,MAAM,MAAM,EACrC,EAAe,EAAc,GAC7B,EAAiB,EAAc,GAErC,AAAM,EAAc,gBAAgB,IAElC,GAAc,gBAAgB,GAAgB,CAAC,CAC7C,KAAM,QACN,SAAU,EACV,SAAU,EACV,UAAW,EACX,MAAO,GACP,SAAU,EACZ,CAAC,GAEH,GAAM,GAAkB,EAAc,gBAAgB,GAChD,EAAa,EAAiB,EAAE,GACtC,GAAI,EAAY,CAEd,AAAM,EAAkB,IACtB,GAAkB,GAAkB,GACpC,EAAc,YAAY,KAAK,CAAU,GAI3C,EAAgB,KAAK,IAChB,EACH,UAAW,EACX,MAAO,CACT,CAAC,EAGD,GAAM,GAAqB,EAAoB,GAC/C,AAAK,GACH,GAAgB,KAAK,CAAkB,EAEvC,MAAO,GAAoB,GAE/B,CACF,CACF,CAEA,OAAO,OAAQ,EAAc,eAAgB,EAAE,IAAI,AAAC,GAAgB,CAElE,EAAY,KAAK,CAAC,EAAG,IAAM,EAAE,SAAW,EAAE,SAAW,GAAK,CAAC,CAC7D,CAAC,CAIH,CASA,WACE,EACA,EACA,EACA,EACA,CACA,GAAM,GAAuB,CAC3B,KAAM,UACN,SAAU,EACV,SAAU,EACV,UAAW,EACX,MAAO,EACP,SAAU,CACZ,EACA,AAAK,EAAc,gBAAgB,GAEjC,EAAc,gBAAgB,GAAc,KAAM,CAAqB,EAGvE,EAAoB,GAAgB,CAExC",
   "names": []
 }

package/dist/chunks/chunk.B62UDWOE.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.RKEALN5W.js";customElements.define("scw-center-component",e);
+//# sourceMappingURL=chunk.B62UDWOE.js.map

package/dist/chunks/{chunk.DCCF5XJS.js.map → chunk.B62UDWOE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-center-component/scw-center-component.ts"],
   "sourcesContent": ["import ScwCenterComponent from './ScwCenterComponent.js';\ncustomElements.define('scw-center-component', ScwCenterComponent );\n"],
-  "mappings": "wCACA,eAAe,OAAO,uBAAwB",
+  "mappings": "wCACA,eAAe,OAAO,uBAAwB,CAAmB",
   "names": []
 }

package/dist/chunks/chunk.B7OPL7SY.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk.AFNXRHI4.js";customElements.define("scw-test",e);
+//# sourceMappingURL=chunk.B7OPL7SY.js.map

package/dist/chunks/{chunk.7V656UNJ.js.map → chunk.B7OPL7SY.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-test/scw-test.ts"],
   "sourcesContent": ["import ScwTest from './ScwTest.js';\ncustomElements.define('scw-test', ScwTest );\n"],
-  "mappings": "wCACA,eAAe,OAAO,WAAY",
+  "mappings": "wCACA,eAAe,OAAO,WAAY,CAAQ",
   "names": []
 }

package/dist/chunks/chunk.BD5VVC7K.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk.EQU3VQAH.js";import{a as m}from"./chunk.2VW3SHYK.js";import{b as i}from"./chunk.NUBCUBHW.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.setAttribute("onclick","javascript:")}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
+//# sourceMappingURL=chunk.BD5VVC7K.js.map