scu-web-components 0.0.46 → 0.0.48

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../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 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    } 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.previousElementSibling ?? comment.parentElement;\n  if (node === null) {\n    throw new Error('could not find node for attribute parts');\n  }\n  // Remove `defer-hydration` attribute, if any\n  node.removeAttribute('defer-hydration');\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(node, state.instance, options);\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        try {\n          window.customElements.define(\n              compName,\n              (await importCall).default,\n          );\n        } catch (error) {\n          console.error( compName, error );\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/ScwMenu`) );\n  }\n  if (include('scw-menu-item')) {\n    addToPromise('scw-menu-item',\n        import(`./scw-menu-item/ScwMenuItem`) );\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-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-stepper')) {\n    addToPromise('scw-stepper',\n        import(`./scw-stepper/ScwStepper`) );\n  }\n\n  return Promise.all(promiseArr);\n}\n"],
+  "mappings": "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",
+  "names": ["_TemplateInstance", "TemplateInstance", "_isIterable", "isIterable", "_resolveDirective", "resolveDirective", "_ChildPart", "ChildPart", "_ElementPart", "ElementPart", "_$LH", "hydrate", "rootValue", "container", "options", "Error", "rootPart", "currentChildPart", "stack", "walker", "document", "createTreeWalker", "NodeFilter", "SHOW_COMMENT", "marker", "nextNode", "markerText", "data", "startsWith", "length", "openChildPart", "createAttributeParts", "closeChildPart", "console", "assert", "value", "part", "state", "type", "instance", "_parts", "push", "result", "values", "instancePartIndex", "templatePartIndex", "iterator", "next", "done", "_$committedValue", "noChange", "isPrimitive", "isTemplateResult", "markerWithDigest", "digestForTemplateResult", "template", "prototype", "_$getTemplate", "Symbol", "_$endNode", "currentState", "pop", "comment", "match", "exec", "nodeIndex", "parseInt", "node", "_a", "previousElementSibling", "parentElement", "removeAttribute", "templatePart", "_$template", "parts", "PartType", "ATTRIBUTE", "ELEMENT", "index", "instancePart", "ctor", "name", "strings", "isSingleExpression", "noCommit", "EVENT", "PROPERTY", "_$setValue", "templateResult", "hashes", "Uint32Array", "fill", "s", "i", "charCodeAt", "btoa", "String", "fromCharCode", "Uint8Array", "buffer", "globalThis", "litElementHydrateSupport", "LitElement", "observedAttributes", "Object", "getOwnPropertyDescriptor", "getPrototypeOf", "get", "defineProperty", "call", "this", "attributeChangedCallback", "prototype", "name", "old", "value", "connectedCallback", "hasAttribute", "createRenderRoot", "shadowRoot", "_$needsHydration", "update", "changedProperties", "render", "hydrate", "renderRoot", "renderOptions", "registeredComponents", "config", "defineComponents", "args", "components", "suffix", "allComponents", "suffixFinal", "promiseArr", "addToPromise", "compStr", "importCall", "compName", "error", "include"]
+}

package/dist/chunks/chunk.YEJSQIX4.js

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

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

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

package/dist/chunks/chunk.YTK2FHFF.js

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

package/dist/chunks/chunk.YTK2FHFF.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,WAAYA,CAAQ",
+  "names": ["ScwCard"]
+}

package/dist/chunks/chunk.YVKSX6OB.js

@@ -0,0 +1,208 @@
+import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.RNXO6UA4.js";import{a as s}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as l}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var n=a`
+:host([design=main]) {
+  outline: none;
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  display: inline-flex;
+}
+:host([design=main]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+}
+
+:host([design=main]:focus-visible) {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 4px 4px 4px 4px;
+  box-shadow: var(--scw-effect-focus-shadow);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+}
+:host([design=main]:focus-visible) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+}
+
+:host([design=main]:hover) {
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  cursor: pointer;
+}
+:host([design=main]:hover) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+}
+
+:host([design=main][aria-selected=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: 0px;
+}
+:host([design=main][aria-selected=true]) > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+}
+:host([design=main][aria-selected=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-02);
+  align-self: stretch;
+  flex: 1;
+}
+:host([design=main][aria-selected=true]) .selected {
+  background-color: var(--scw-color-03, var(--scw-color-primary-03));
+  align-self: stretch;
+  height: 2px;
+}
+
+:host([design=main][aria-disabled=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: calc(var(--scw-spacing-1) * 0.8);
+  padding-bottom: var(--scw-spacing-1);
+  cursor: auto;
+  pointer-events: none;
+}
+:host([design=main][aria-disabled=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-condensed-07-font);
+  color: var(--scw-color-grey-08);
+}
+:host([design=main][aria-disabled=true]) .icon svg {
+  fill: var(--scw-color-grey-08);
+}
+:host([design=main][aria-disabled=true]) .icon svg * {
+  fill: var(--scw-color-grey-08);
+}
+
+:host([design=utility]) .scw-link-base {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var(--scw-spacing-1);
+  padding-right: var(--scw-spacing-1);
+  padding-top: 0px;
+  padding-bottom: 0px;
+  display: inline-flex;
+}
+:host([design=utility]) .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=utility]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+  min-height: 24px;
+}
+:host([design=utility]) .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=utility]) .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-grey-02);
+}
+:host([design=utility]) .icon svg * {
+  fill: var(--scw-color-grey-02);
+}
+
+:host([design=utility]:focus-visible) {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 4px 4px 4px 4px;
+  box-shadow: var(--scw-effect-focus-shadow);
+}
+:host([design=utility]:focus-visible) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+}
+:host([design=utility]:focus-visible) .icon svg {
+  fill: var(--scw-color-grey-02);
+}
+:host([design=utility]:focus-visible) .icon svg * {
+  fill: var(--scw-color-grey-02);
+}
+
+:host([design=utility]:hover) {
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+}
+:host([design=utility]:hover) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+}
+:host([design=utility]:hover) .icon svg {
+  fill: var(--scw-color-primary-04);
+}
+:host([design=utility]:hover) .icon svg * {
+  fill: var(--scw-color-primary-04);
+}
+
+:host([design=utility][aria-selected=true]) {
+  background-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+}
+:host([design=utility][aria-selected=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+}
+:host([design=utility][aria-selected=true]) .icon svg {
+  fill: var(--scw-color-primary);
+}
+:host([design=utility][aria-selected=true]) .icon svg * {
+  fill: var(--scw-color-primary);
+}
+
+:host([design=utility][aria-disabled=true]) {
+  cursor: auto;
+  pointer-events: none;
+  background-color: rgba(0, 0, 0, 0);
+}
+:host([design=utility][aria-disabled=true]) .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=utility][aria-disabled=true]) .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=utility][aria-disabled=true]) .icon svg * {
+  fill: var(--scw-color-grey-07);
+}
+
+:host {
+  white-space: nowrap;
+}
+:host .label {
+  white-space: nowrap;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51LWl0ZW0vc2NzcyIsInNvdXJjZXMiOlsic2N3LW1lbnUtaXRlbS1tYWluLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtc2VsZWN0ZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLXNlbGVjdGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1zZWxlY3RlZC1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLXV0aWxpdHkuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtaG92ZXItaWNvbi12ZWN0b3ItdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtc2VsZWN0ZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLXNlbGVjdGVkLWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1kaXNhYmxlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJBO0VBQ0U7RUNSRTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFRFZBOztBQUVBO0VFakJBO0VBQ0E7RUFJRTs7O0FGa0JKO0VHbkJJO0VBRUY7RUFDQTtFQWlCQTtFQUNBO0VBQ0E7RUFDQTs7QUhBQTtFSTNCQTtFQUNBO0VBSUU7OztBSjRCSjtFSzdCSTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFTFdBOztBQUVBO0VNdENBO0VBQ0E7RUFFRTs7O0FOeUNKO0VPeENJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBUFNOO0VRaERBO0VBQ0E7RUFJRTtFQUVGO0VBQ0E7O0FSNENBO0VTbERFO0VBSUY7RUFhQTs7O0FUd0NGO0VVdkRJO0VBa0JGO0VBQ0E7RUFDQTtFQUNBO0VWcUNBO0VBQ0E7O0FBRUE7RVdqRUE7RUFDQTtFQUlFOztBWGdFQTtFQUNFLE1ZckVFOztBWnNFRjtFQUNFLE1ZdkVBOzs7QUNpQ047RUM5QkU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRENFOztBQ0FGO0VBQ007RUFDQTs7QURFTjtFRXpDQTtFQUNBO0VBSUU7RUZzQ0EsWUduQ0s7O0FIc0NQO0VJckNBO0VBQ0E7O0FKdUNFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNSzFEYTs7QUwyRGI7RUFDRSxNSzVEVzs7O0FMbUVuQjtFTTNESTtFQUVGO0VBQ0E7O0FOMkRBO0VPbEVBO0VBQ0E7RUFJRTs7QVBrRUE7RUFDRSxNUTVFYTs7QVI2RWI7RUFDRSxNUTlFVzs7O0FScUZuQjtFUzdFSTtFVCtFRjs7QUFFQTtFVXJGQTtFQUNBO0VBRUU7O0FWdUZBO0VBQ0UsTVcvRmE7O0FYZ0diO0VBQ0UsTVdqR1c7OztBWHdHbkI7RVloR0k7RVprR0Y7O0FBRUE7RWF4R0E7RUFDQTtFQUVFOztBYjBHQTtFQUNFLE1jbEhhOztBZG1IYjtFQUNFLE1jcEhXOzs7QWQySG5CO0VBQ0U7RUFDQTtFZXJIRTs7QWZ3SEY7RWdCNUhBO0VBQ0E7RUFJRTs7QWhCNEhBO0VBQ0UsTWlCdElhOztBakJ1SWI7RUFDRSxNaUJ4SVc7OztBQ0VuQjtFQUNFOztBQUVBO0VBQ0UifQ== */`;var t=class extends e{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,n]}hasPopup(){let i=this.nextElementSibling;return!!(i&&i.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...r}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}renderContent(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),l`
+          <div>${super.renderContent()}</div>
+          <div class="selected"></div>
+        `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};c([s({type:String,attribute:"aria-selected"})],t.prototype,"ariaSelected",2);export{t as a};
+//# sourceMappingURL=chunk.YVKSX6OB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-menu-item/scss/scw-menu-item.scss", "../../src/scw-menu-item/ScwMenuItem.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=main]) {\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  display: inline-flex;\n}\n:host([design=main]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n}\n:host([design=main]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: pointer;\n}\n:host([design=main]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n\n:host([design=main][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: 0px;\n}\n:host([design=main][aria-selected=true]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([design=main][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n  flex: 1;\n}\n:host([design=main][aria-selected=true]) .selected {\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n  height: 2px;\n}\n\n:host([design=main][aria-disabled=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: auto;\n  pointer-events: none;\n}\n:host([design=main][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-08);\n}\n\n:host([design=utility]) .scw-link-base {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  display: inline-flex;\n}\n:host([design=utility]) .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=utility]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  min-height: 24px;\n}\n:host([design=utility]) .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=utility]) .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([design=utility]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg {\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg {\n  fill: var(--scw-color-primary-04);\n}\n:host([design=utility]:hover) .icon svg * {\n  fill: var(--scw-color-primary-04);\n}\n\n:host([design=utility][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg {\n  fill: var(--scw-color-primary);\n}\n:host([design=utility][aria-selected=true]) .icon svg * {\n  fill: var(--scw-color-primary);\n}\n\n:host([design=utility][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n:host([design=utility][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  white-space: nowrap;\n}\n:host .label {\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51LWl0ZW0vc2NzcyIsInNvdXJjZXMiOlsic2N3LW1lbnUtaXRlbS1tYWluLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtc2VsZWN0ZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLXNlbGVjdGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1zZWxlY3RlZC1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLXV0aWxpdHkuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtaG92ZXItaWNvbi12ZWN0b3ItdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtc2VsZWN0ZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLXNlbGVjdGVkLWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1kaXNhYmxlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJBO0VBQ0U7RUNSRTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFRFZBOztBQUVBO0VFakJBO0VBQ0E7RUFJRTs7O0FGa0JKO0VHbkJJO0VBRUY7RUFDQTtFQWlCQTtFQUNBO0VBQ0E7RUFDQTs7QUhBQTtFSTNCQTtFQUNBO0VBSUU7OztBSjRCSjtFSzdCSTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFTFdBOztBQUVBO0VNdENBO0VBQ0E7RUFFRTs7O0FOeUNKO0VPeENJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBUFNOO0VRaERBO0VBQ0E7RUFJRTtFQUVGO0VBQ0E7O0FSNENBO0VTbERFO0VBSUY7RUFhQTs7O0FUd0NGO0VVdkRJO0VBa0JGO0VBQ0E7RUFDQTtFQUNBO0VWcUNBO0VBQ0E7O0FBRUE7RVdqRUE7RUFDQTtFQUlFOztBWGdFQTtFQUNFLE1ZckVFOztBWnNFRjtFQUNFLE1ZdkVBOzs7QUNpQ047RUM5QkU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRENFOztBQ0FGO0VBQ007RUFDQTs7QURFTjtFRXpDQTtFQUNBO0VBSUU7RUZzQ0EsWUduQ0s7O0FIc0NQO0VJckNBO0VBQ0E7O0FKdUNFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNSzFEYTs7QUwyRGI7RUFDRSxNSzVEVzs7O0FMbUVuQjtFTTNESTtFQUVGO0VBQ0E7O0FOMkRBO0VPbEVBO0VBQ0E7RUFJRTs7QVBrRUE7RUFDRSxNUTVFYTs7QVI2RWI7RUFDRSxNUTlFVzs7O0FScUZuQjtFUzdFSTtFVCtFRjs7QUFFQTtFVXJGQTtFQUNBO0VBRUU7O0FWdUZBO0VBQ0UsTVcvRmE7O0FYZ0diO0VBQ0UsTVdqR1c7OztBWHdHbkI7RVloR0k7RVprR0Y7O0FBRUE7RWF4R0E7RUFDQTtFQUVFOztBYjBHQTtFQUNFLE1jbEhhOztBZG1IYjtFQUNFLE1jcEhXOzs7QWQySG5CO0VBQ0U7RUFDQTtFZXJIRTs7QWZ3SEY7RWdCNUhBO0VBQ0E7RUFJRTs7QWhCNEhBO0VBQ0UsTWlCdElhOztBakJ1SWI7RUFDRSxNaUJ4SVc7OztBQ0VuQjtFQUNFOztBQUVBO0VBQ0UifQ== */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport styles from './scss/scw-menu-item.scss';\nimport {ScwMenuItemDesigns} from './scw-menu-item-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenuItem\n * @class\n * @tag scw-menu-item\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 ScwMenuItem extends ScwLink {\n  // ============== ScwMenuItem ================================================\n  /**\n  * (ScwMenuItem) selected state\n  * @type {Boolean}\n  */\n  @property({type: String, attribute: 'aria-selected'})\n    ariaSelected = 'false';\n\n  /**\n  * extending styles from ScwLink\n  * https://stackoverflow.com/questions/60266303/\n  *  how-to-extend-and-style-existing-litelements\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.menuItem;\n    this.setAttribute('role', 'menuitem');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {boolean}\n   */\n  hasPopup() {\n    const next = this.nextElementSibling;\n    // if (next && next['element'] === Components.menu ) {\n    // the component may not be initialized yet...\n    if (next && next.nodeName.indexOf('SCW-MENU') === 0 ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    const superDoShowIcon = super.doShowIcon();\n    if ( superDoShowIcon &&\n    this.design !== ScwMenuItemDesigns.main\n    ) {\n      return true;\n    }\n    return false;\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 {\n      ...super.validDesigns(),\n      ...ScwMenuItemDesigns,\n    };\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasPopup() ) {\n      this.setAttribute( 'aria-haspopup', 'true' );\n    }\n  }\n\n  /**\n   * renderContent\n   * @return {object}\n   */\n  renderContent() {\n    if (\n      this.design === ScwMenuItemDesigns.main &&\n      this.ariaSelected === 'true'\n    ) {\n      this.setAttribute( 'aria-current', 'page' );\n      // protect initial flex-v...a link with icons is flex-h\n      return html`\n          <div>${super.renderContent()}</div>\n          <div class=\"selected\"></div>\n        `;\n    } else {\n      this.removeAttribute( 'aria-current' );\n      return super.renderContent();\n    }\n  }\n\n  /**\n  *\n  * @return {object}\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "2OACA,IAAOA,EAAQC;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;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;q/JCiBf,IAAqBC,EAArB,cAAyCC,CAAQ,CAwB/C,aAAc,CACZ,MAAM,EAlBN,kBAAe,QAmBf,KAAK,oBACL,KAAK,aAAa,OAAQ,UAAU,CACtC,CAdA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAeA,UAAW,CACT,IAAMC,EAAO,KAAK,mBAGlB,MAAI,GAAAA,GAAQA,EAAK,SAAS,QAAQ,UAAU,IAAM,EAIpD,CAMA,YAAuB,CAErB,MAAK,GADmB,MAAM,WAAW,GAEzC,KAAK,gBAKP,CAMA,cAAwB,CACtB,MAAO,CACL,GAAG,MAAM,aAAa,EACtB,GAAGC,CACL,CACF,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,SAAS,GAChB,KAAK,aAAc,gBAAiB,MAAO,CAE/C,CAMA,eAAgB,CACd,OACE,KAAK,iBACL,KAAK,eAAiB,QAEtB,KAAK,aAAc,eAAgB,MAAO,EAEnCC;AAAA,iBACI,MAAM,cAAc;AAAA;AAAA,YAI/B,KAAK,gBAAiB,cAAe,EAC9B,MAAM,cAAc,EAE/B,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EApGIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GANjCP,EAOjB",
+  "names": ["scw_menu_item_default", "i", "ScwMenuItem", "ScwLink", "scw_menu_item_default", "next", "ScwMenuItemDesigns", "y", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.YVODLQNO.js

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

package/dist/chunks/chunk.YVODLQNO.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,WAAYA,CAAQ",
+  "names": ["ScwCard"]
+}

package/dist/chunks/chunk.YYBY53ZM.js

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

package/dist/chunks/chunk.YYBY53ZM.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 = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.Z2HTPEPB.js

@@ -0,0 +1,4 @@
+import{a as u}from"./chunk.ZFO4NANU.js";import{a as n,b as r,d as o}from"./chunk.XWFI56OY.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
+      scw-form-component
+    `}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
+//# sourceMappingURL=chunk.Z2HTPEPB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-form-component/scw-form-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport ScwValidate from '../scw-validate/scw-validate';\nimport ScwValidation from '../scw-validation/scw-validation';\nimport {ValidationResult, ValidationTypes}\n  from '../scw-validate/validationTypes';\nimport getSuffix from '../utils/suffix';\n\nexport enum ScwFormComponentTypes {\n  text = 'text',\n  boolean = 'boolean',\n  submit = 'submit'\n}\n\nexport enum ScwFormComponentSubmitTypes {\n  submit = 'submit',\n  cancel = 'cancel'\n}\n\n/**\n * ScwFormComponent\n * @class\n * @tag scw-form-component\n */\nexport default class ScwFormComponent extends ScwComponent {\n  // ============== ScwFormComponent ===========================================\n  /** (ScwFormComponent) the usage in a form (& scw-form a query target) */\n  @property({\n    type: ScwFormComponentTypes,\n    reflect: true,\n    attribute: 'form-type',\n  })\n    formType: ScwFormComponentTypes = ScwFormComponentTypes.text;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    name: string | undefined;\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel = ' *';\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-feedback'})\n    requiredFeedback?: string;\n\n  // ===== STATE ===============================================================\n  /** the text to use for feedback */\n  @state() feedback: string | undefined;\n\n  /** determines whether the input is focused or not */\n  @state() focused = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid = false;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.required) {\n      this.createAndAddValidationRule(\n          ValidationTypes.required,\n          this.requiredFeedback,\n      );\n    }\n  }\n\n  /** (ScwFormComponent) each form element to decorates the final data object\n  * @param {Object} formData\n  */\n  decorateValues(formData: {}): void {\n    if (!this.name) {\n      this.warn(`${this.element} didn't find a name`);\n      return;\n    }\n    if (this.formType === ScwFormComponentTypes.boolean) {\n      formData[this.name] = this.selected;// ? 'true' : 'false';\n    } else {\n      formData[this.name] = this.value;\n    }\n  }\n\n  /**\n  * Check to see if form element is required w/o knowing if there is validation\n  * @return {boolean}\n  */\n  findIfRequired() : boolean {\n    const rules = this.findValidationRules();\n    if (rules) {\n      return rules.isRequired();\n    }\n    return false;\n  }\n\n  /**\n  * Find validation child if there...\n  * @return {ScwValidation | undefined}\n  */\n  findValidationRules() : ScwValidation | undefined {\n    const childrenArr = Array.from(this.children);\n    const validation = childrenArr.find((child: any) => {\n      // component may not be initialized yet...\n      return child.nodeName.indexOf('SCW-VALIDATION') === 0;\n      // return child.element === Components.validation;\n    });\n    return validation as unknown as ScwValidation;\n  }\n\n  /**\n  *  run the validation rules if there...\n  * @param {string} value\n  * @return {ValidationResult[]}\n  */\n  validate() : ValidationResult[] {\n    const validation = this.findValidationRules();\n    let results : ValidationResult[] = [];\n    if (validation) {\n      results = validation.validate(this.value);\n    }\n    this.invalid = ( results.length > 0);\n    if (this.invalid ) {\n      this.feedback = results[0].feedback;\n    } else {\n      this.feedback = '';\n    }\n    return results;\n  }\n\n\n  /**\n  * create a validation rule from scratch\n  * @return {ScwValidate}\n  */\n  createValidateRule() : ScwValidate {\n    return document.createElement(\n        `scw-${Components.validate}${getSuffix()}`,\n    ) as unknown as ScwValidate;\n  }\n\n  /**\n  * add validation to to child validation (create if not there)\n  * @param {ScwValidate} rule\n  */\n  addValidationRule(rule: ScwValidate ) {\n    let validationRules = this.findValidationRules();\n    if (!validationRules) {\n      validationRules = document.createElement(\n          `scw-${Components.validation}${getSuffix()}`,\n      ) as unknown as ScwValidation;\n      this.prepend( validationRules );\n    }\n    // Check for dups?\n    const children = Array.from(validationRules.children);\n    const existingRule = children.find((child : any) => {\n      return child.getAttribute('type') === rule.type;\n    });\n    if ( !existingRule ) {\n      validationRules.appendChild(rule);\n    }\n  }\n\n  /**\n  * create a validation of a certain type...\n  * @param {ValidationTypes} type\n  * @param {string} feedbackOverride\n  */\n  createAndAddValidationRule(\n      type: ValidationTypes,\n      feedbackOverride?: string,\n  ) {\n    const rule = this.createValidateRule();\n    rule.setAttribute('type', type );// .type = type;\n    if (feedbackOverride) {\n      rule.setAttribute('feedback', feedbackOverride );\n    }\n    this.addValidationRule( rule );\n  }\n\n  /**\n  *\n  * @param {ValidationTypes} type\n  */\n  removeValidationRule(\n      type: ValidationTypes,\n  ) {\n    const validationRules = this.findValidationRules();\n    if (!validationRules) return;\n    const children = Array.from(validationRules.children);\n    const child = children.find(\n        (child : any) => child.type === type,\n    ) as unknown as HTMLElement;\n    if ( child && child.parentNode ) child.parentNode.removeChild(child);\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      scw-form-component\n    `;\n  }\n}\n"],
+  "mappings": "8KAUO,IAAKA,OACVA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,OAAA,IAMAC,OACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SAFCA,OAAA,IAUSC,EAArB,cAA8CC,CAAa,CAA3D,kCAQI,cAAkC,OAQlC,WAAQ,GAIR,iBAAc,GAId,cAAW,GAIX,cAAW,GAIX,cAAW,GAIX,mBAAgB,KAWT,aAAU,GAGV,aAAU,GAGnB,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,UACP,KAAK,sCAED,KAAK,gBACT,CAEJ,CAKA,eAAeC,EAAoB,CACjC,GAAI,CAAC,KAAK,KAAM,CACd,KAAK,KAAK,GAAG,KAAK,4BAA4B,EAC9C,MACF,CACI,KAAK,WAAa,UACpBA,EAAS,KAAK,MAAQ,KAAK,SAE3BA,EAAS,KAAK,MAAQ,KAAK,KAE/B,CAMA,gBAA2B,CACzB,IAAMC,EAAQ,KAAK,oBAAoB,EACvC,OAAIA,EACKA,EAAM,WAAW,EAEnB,EACT,CAMA,qBAAkD,CAOhD,OANoB,MAAM,KAAK,KAAK,QAAQ,EACb,KAAMC,GAE5BA,EAAM,SAAS,QAAQ,gBAAgB,IAAM,CAErD,CAEH,CAOA,UAAgC,CAC9B,IAAMC,EAAa,KAAK,oBAAoB,EACxCC,EAA+B,CAAC,EACpC,OAAID,IACFC,EAAUD,EAAW,SAAS,KAAK,KAAK,GAE1C,KAAK,QAAYC,EAAQ,OAAS,EAC9B,KAAK,QACP,KAAK,SAAWA,EAAQ,GAAG,SAE3B,KAAK,SAAW,GAEXA,CACT,CAOA,oBAAmC,CACjC,OAAO,SAAS,cACZ,oBAA6BC,EAAU,GAC3C,CACF,CAMA,kBAAkBC,EAAoB,CACpC,IAAIC,EAAkB,KAAK,oBAAoB,EAC1CA,IACHA,EAAkB,SAAS,cACvB,sBAA+BF,EAAU,GAC7C,EACA,KAAK,QAASE,CAAgB,GAGf,MAAM,KAAKA,EAAgB,QAAQ,EACtB,KAAML,GAC3BA,EAAM,aAAa,MAAM,IAAMI,EAAK,IAC5C,GAECC,EAAgB,YAAYD,CAAI,CAEpC,CAOA,2BACIE,EACAC,EACF,CACA,IAAMH,EAAO,KAAK,mBAAmB,EACrCA,EAAK,aAAa,OAAQE,CAAK,EAC3BC,GACFH,EAAK,aAAa,WAAYG,CAAiB,EAEjD,KAAK,kBAAmBH,CAAK,CAC/B,CAMA,qBACIE,EACF,CACA,IAAMD,EAAkB,KAAK,oBAAoB,EACjD,GAAI,CAACA,EAAiB,OAEtB,IAAML,EADW,MAAM,KAAKK,EAAgB,QAAQ,EAC7B,KAClBL,GAAgBA,EAAM,OAASM,CACpC,EACKN,GAASA,EAAM,YAAaA,EAAM,WAAW,YAAYA,CAAK,CACrE,CAMA,QAAiB,CACf,OAAOQ;AAAA;AAAA,KAGT,CACF,EA/LIC,EAAA,CALDC,EAAS,CACR,KAAMhB,EACN,QAAS,GACT,UAAW,WACb,CAAC,GAPkBE,EAQjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAXLd,EAYjB,oBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAfLd,EAgBjB,qBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLd,EAoBjB,2BAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLd,EAwBjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3B9Bd,EA4BjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAO,CAAC,GA/BNd,EAgCjB,wBAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,gBAAgB,CAAC,GAnClCd,EAoCjB,6BAIAa,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,mBAAmB,CAAC,GAvCrCd,EAwCjB,gCAIOa,EAAA,CAARE,EAAM,GA5CYf,EA4CV,wBAGAa,EAAA,CAARE,EAAM,GA/CYf,EA+CV,uBAGAa,EAAA,CAARE,EAAM,GAlDYf,EAkDV",
+  "names": ["ScwFormComponentTypes", "ScwFormComponentSubmitTypes", "ScwFormComponent", "ScwComponent", "formData", "rules", "child", "validation", "results", "getSuffix", "rule", "validationRules", "type", "feedbackOverride", "y", "__decorateClass", "e", "t"]
+}

package/dist/chunks/chunk.ZFO4NANU.js

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

package/dist/chunks/chunk.ZFO4NANU.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 = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAY,IAAK,CACjD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}