scu-web-components 0.0.48 → 0.0.49

package/dist/chunks/chunk.7RAXHRMY.js.map

@@ -1,7 +0,0 @@
-{
-  "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.7RXF2AJF.js

@@ -1,247 +0,0 @@
-import{a as c,b as o}from"./chunk.NBLIIWTN.js";import{a as s}from"./chunk.6JFSOWAB.js";import{a as l}from"./chunk.AXCO4F4K.js";import{a as e,d as a}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{g as i}from"./chunk.5YJY6NT6.js";var d=r`
-:host {
-  /* scw element */
-  position: relative;
-  box-sizing: border-box;
-  --margin-right: initial;
-  --margin-bottom: initial;
-  --gap-h-int: initial;
-  --gap-v-int: initial;
-  margin-right: var(--margin-right, var(--gap-h-int, initial));
-  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
-  display: block;
-}
-
-:host([warning]) {
-  outline: 2px solid red !important;
-}
-
-:host([size=medium]) {
-  display: block;
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image-box {
-    width: 100%;
-    padding-bottom: 36.4734299517%;
-    position: relative;
-  }*/
-  /*.image {
-    @include size-medium-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-  /*.action {
-    @include size-medium-action-mixins.box;
-    @include size-medium-action-mixins.sizing;
-  }*/
-}
-:host([size=medium]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([size=medium]) .image-box {
-  height: 151px;
-}
-:host([size=medium]) .description {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-
-:host([size=small]) {
-  display: block;
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image-box {
-    width: 100%;
-    padding-bottom: 88.9473684211%;
-    position: relative;
-  }*/
-  /*.image {
-    @include size-small-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-}
-:host([size=small]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([size=small]) .image-box {
-  height: 169px;
-}
-:host([size=small]) .description {
-  display: none;
-}
-:host([size=small]) .action {
-  display: none;
-}
-
-:host .super-heading.mortgage {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-mortgage-04));
-  align-self: stretch;
-}
-:host .super-heading.savings {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-savings-04));
-  align-self: stretch;
-}
-:host .super-heading.student {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-student-04));
-  align-self: stretch;
-}
-:host .super-heading.investments {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-investments-04));
-  align-self: stretch;
-}
-:host .super-heading.checking {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-checking-04));
-  align-self: stretch;
-}
-:host .super-heading.credit-cards {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-04, var(--scw-color-credit-cards-04));
-  align-self: stretch;
-}
-
-:host {
-  display: block;
-  background-color: var(--scw-color, rgba(0, 0, 0, 0));
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  /*.image {
-    @include default-image-mixins.box;
-
-    position: absolute;
-    inset: 0;
-    background-position: center;
-    background-size: cover;
-  }*/
-}
-:host > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host .image-box {
-  background-color: var(--scw-color-09, var(--scw-color-grey-09));
-  border-radius: 10px 10px 10px 10px;
-  align-self: stretch;
-  flex: 1;
-  flex: initial;
-  overflow: hidden;
-  height: 330px;
-}
-:host .heading {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-:host .super-heading {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-  align-self: stretch;
-}
-:host .description {
-  text-align: LEFT;
-  font: var(--scw-type-text-06-font);
-  color: var(--scw-color-02, var(--scw-color-grey-02));
-  align-self: stretch;
-}
-:host .action {
-  width: 83px;
-  height: 37px;
-}
-
-:host([action=none]) {
-  pointer-events: none;
-}
-
-:host([action=whole]) {
-  pointer-events: all;
-}
-
-:host([action=whole]:hover) {
-  cursor: pointer;
-}
-
-:host([action=whole]:focus-visible) {
-  outline: none;
-  box-shadow: var(--scw-effect-focus-shadow);
-  border-radius: 10px 10px 4px 4px;
-}
-
-:host([action=link]) {
-  pointer-events: none;
-}
-:host([action=link]) scw-link {
-  pointer-events: all;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;var t=class extends a{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let n=l();this.headerNodeName=c(`scw-${"heading"}${n}`),this.imageNodeName=c(`scw-${"image"}${n}`),this.linkNodeName=c(`scw-${"link"}${n}`)}static get styles(){return[super.styles,d]}clickHandler(n){n.stopPropagation(),this.click()}warn(n){this.heading=`error: ${n}`,a.prototype.warn.call(this,n)}renderImage(){if((this.src||this.srcset)&&this.alt)return o`
-        <scw-image
-          class="image-box"
-          src="${s(this.src)}"
-          srcset="${s(this.srcset)}"
-          alt="${this.alt}"
-          preload="${s(this.preload?"true":void 0)}"
-          object-fit="cover">
-        </scw-image>
-      `}renderButton(){return this.action==="link"?o`
-        <scw-link
-          aria-label="${this.linkLabel?this.linkLabel:"no label"}" 
-          @click="${this.clickHandler}">
-        </scw-link>`:null}getSizeStringForHeader(){switch(this.size){case"large":return"h1";case"medium":return"h2";case"small":return"h3"}}renderBody(){return o`
-       ${this.renderImage()}
-       ${this.superHeading?o`
-          <div class="super-heading">
-            ${this.superHeading}
-          </div>`:""}
-       <scw-heading
-          style="--scw-color-04: var( --scw-color-grey-02 );"
-          dynamic class="heading"
-          aria-label="${s(this.heading)}"
-          size="${this.getSizeStringForHeader()}">
-        </scw-heading>
-       ${this.description?o`
-          <div class="description">
-            ${this.description}
-          </div>`:""}`}render(){return this.action==="whole"?this.renderBody():o`
-        ${this.renderBody()}
-        ${this.renderButton()}`}};i([e()],t.prototype,"src",2),i([e()],t.prototype,"srcset",2),i([e()],t.prototype,"alt",2),i([e()],t.prototype,"heading",2),i([e()],t.prototype,"superHeading",2),i([e()],t.prototype,"description",2),i([e()],t.prototype,"linkLabel",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:String,reflect:!0})],t.prototype,"size",2),i([e({type:String,reflect:!0})],t.prototype,"action",2);export{t as a};
-//# sourceMappingURL=chunk.7RXF2AJF.js.map

package/dist/chunks/chunk.7RXF2AJF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 36.4734299517%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *: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([size=medium]) .image-box {\n  height: 151px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *: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([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-mortgage-04));\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-savings-04));\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-student-04));\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-investments-04));\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-checking-04));\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-credit-cards-04));\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *: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 .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 330px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 37px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n */\nexport default class ScwCard extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n        </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    // eslint-ignore\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''}\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["scw_card_default", "i", "ScwCard", "ScwComponent", "suffix", "getSuffix", "o", "scw_card_default", "evt", "message", "n", "l", "__decorateClass"]
-}

package/dist/chunks/chunk.A45G7AFW.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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.ACDTO2IO.js

@@ -1,50 +0,0 @@
-import{a as p,b as f}from"./chunk.2G75FJJM.js";import{a as u}from"./chunk.LXVTLQA3.js";import{a as s,b as a,c as l,d}from"./chunk.XWFI56OY.js";import{a as c}from"./chunk.3IG37SCP.js";import{a as i}from"./chunk.PKA6D7UK.js";import{g as r}from"./chunk.5YJY6NT6.js";var m=c`
-:host {
-  display: block;
-}
-
-.container {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.container > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 3.8);
-  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
-}
-
-.circle {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 50% 50% 50% 50%;
-  width: 10px;
-  height: 10px;
-}
-.circle.focused {
-  background-color: var(--scw-color-grey-07);
-  border-radius: 50% 50% 50% 50%;
-}
-
-.body p {
-  font-size: 42px;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends d{constructor(){super();this.test="test";this.testState=0;this.contentRef=p();this.example="hello there";this.element="stepper",console.log("constructor",this.testJson)}static get styles(){return[super.styles,m]}requestUpdate(t,o,n){t==="testHtml"?this.test=this.testHtml:super.requestUpdate(t,o,n),console.log("requestUpdate",t,o,n)}connectedCallback(){super.connectedCallback()}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return i`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){console.log("render");let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)),console.log("testJsonJSON",t))}catch(n){console.error(n)}return i`
-      <div class="container">
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${(t==null?void 0:t.test)||"no json example"}
-        ${u(this.test)}
-        <div
-          class="body"
-          ${f(this.contentRef)}>
-        </div>
-      </div>
-    `}};r([s({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),r([s({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),r([s({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),r([a()],e.prototype,"testState",2),r([l("#myBtn")],e.prototype,"first",2);export{e as a};
-//# sourceMappingURL=chunk.ACDTO2IO.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/ScwStepper.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import {html, PropertyDeclaration} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit-html/directives/unsafe-html.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n    console.log('constructor', this.testJson);\n  }\n\n  /**\n   *\n   * @param {PropertyKey} name\n   * @param {unknown} oldValue\n   * @param {PropertyDeclaration} options\n   */\n  requestUpdate(\n      name?: PropertyKey,\n      oldValue?: unknown,\n      options?: PropertyDeclaration,\n  ) {\n    if (name === 'testHtml') {\n      this.test = this.testHtml;\n    } else {\n      super.requestUpdate(name, oldValue, options);\n    }\n    console.log('requestUpdate', name, oldValue, options);\n  }\n\n  /** connectedCallback */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    console.log('render');\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n        console.log('testJsonJSON', testJsonJSON);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\">\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testJsonJSON?.test || 'no json example'}\n        ${unsafeHTML(this.test)}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n"],
-  "mappings": "uQACA,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;6yBCUf,IAAqBC,EAArB,cAAwCC,CAAa,CAiCnD,aAAc,CACZ,MAAM,EAdR,UAA2B,OAGzB,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,kBACL,QAAQ,IAAI,cAAe,KAAK,QAAQ,CAC1C,CAjCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAoCA,cACIC,EACAC,EACAC,EACF,CACIF,IAAS,WACX,KAAK,KAAO,KAAK,SAEjB,MAAM,cAAcA,EAAMC,EAAUC,CAAO,EAE7C,QAAQ,IAAI,gBAAiBF,EAAMC,EAAUC,CAAO,CACtD,CAGA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAGA,cAAe,CACb,KAAK,cAAc,CACrB,CAGA,eAAgB,CACd,IAAMC,EAAQ,KAAK,cAAc,UAAU,EACvC,KAAK,WAAW,OAASA,GAC3B,KAAK,WAAW,MAAM,YAClBA,EAAM,QAAQ,UAAU,EAAI,CAChC,CAEJ,CAOA,eAAeC,EAAqB,GAAO,CACzC,OAAOC;AAAA,2BACgBD,EAAY,UAAY;AAAA,KAEjD,CAMA,QAAS,CACP,QAAQ,IAAI,QAAQ,EACpB,IAAIE,EACJ,GAAI,CACE,KAAK,WACPA,EAAe,KAAK,MAAM,mBAAmB,KAAK,QAAQ,CAAC,EAC3D,QAAQ,IAAI,eAAgBA,CAAY,EAE5C,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAeA,OAbeF;AAAA;AAAA,UAET,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA,UACtBE,EAAW,KAAK,IAAI;AAAA;AAAA;AAAA,YAGlBC,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAK7B,CACF,EA5GIC,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAc,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAd5CF,EAejB,wBAGAc,EAAA,CADDZ,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAjB5CF,EAkBjB,wBAKAc,EAAA,CADDC,EAAM,GAtBYf,EAuBjB,yBAGAc,EAAA,CADDE,EAAM,QAAQ,GAzBIhB,EA0BjB",
-  "names": ["scw_stepper_default", "i", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "name", "oldValue", "options", "tmplt", "isFocused", "y", "testJsonJSON", "err", "o", "n", "__decorateClass", "t", "i"]
-}

package/dist/chunks/chunk.ADLAFQI3.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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.AKJ7WYI7.js

@@ -1,50 +0,0 @@
-import{a as u,b as p}from"./chunk.2G75FJJM.js";import{a as d}from"./chunk.LXVTLQA3.js";import{a as n,b as c,c as a,d as l}from"./chunk.XWFI56OY.js";import{a as i}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as s}from"./chunk.5YJY6NT6.js";var m=i`
-:host {
-  display: block;
-}
-
-.container {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.container > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 3.8);
-  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
-}
-
-.circle {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 50% 50% 50% 50%;
-  width: 10px;
-  height: 10px;
-}
-.circle.focused {
-  background-color: var(--scw-color-grey-07);
-  border-radius: 50% 50% 50% 50%;
-}
-
-.body p {
-  font-size: 42px;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends l{constructor(){super();this.test="test";this.testState=0;this.contentRef=u();this.example="hello there";this.element="stepper",console.log("constructor",this.testJson),this.testAttr=this.testJson,this.test=this.testHtml,this.testHtml="test"}static get styles(){return[super.styles,m]}requestUpdate(t,o){super.requestUpdate(),console.log("requestUpdate",t,o)}connectedCallback(){super.connectedCallback()}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return r`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){console.log("render");let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)),console.log("testJsonJSON",t))}catch(f){console.error(f)}return r`
-      <div class="container">
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${(t==null?void 0:t.test)||"no json example"}
-        ${d(this.test)}
-        <div
-          class="body"
-          ${p(this.contentRef)}>
-        </div>
-      </div>
-    `}};s([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),s([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),s([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),s([c()],e.prototype,"testState",2),s([a("#myBtn")],e.prototype,"first",2);export{e as a};
-//# sourceMappingURL=chunk.AKJ7WYI7.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/ScwStepper.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit-html/directives/unsafe-html.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n\n    console.log('constructor', this.testJson);\n    this.testAttr = this.testJson;\n    this.test = this.testHtml;\n    this.testHtml = 'test';\n  }\n\n  // eslint-disable-next-line valid-jsdoc\n  /** requestUpdate */\n  requestUpdate(a: any, b: any) {\n    super.requestUpdate();\n    console.log('requestUpdate', a, b);\n  }\n\n  /** connectedCallback */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    console.log('render');\n    let testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n        console.log('testJsonJSON', testJsonJSON);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\">\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testJsonJSON?.test || 'no json example'}\n        ${unsafeHTML(this.test)}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n"],
-  "mappings": "4QACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6yBCUf,IAAqBC,EAArB,cAAwCC,CAAa,CAiCnD,aAAc,CACZ,MAAM,EAdR,UAA2B,OAGzB,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,kBAEL,QAAQ,IAAI,cAAe,KAAK,QAAQ,EACxC,KAAK,SAAW,KAAK,SACrB,KAAK,KAAO,KAAK,SACjB,KAAK,SAAW,MAClB,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAoCA,cAAcC,EAAQC,EAAQ,CAC5B,MAAM,cAAc,EACpB,QAAQ,IAAI,gBAAiBD,EAAGC,CAAC,CACnC,CAGA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAGA,cAAe,CACb,KAAK,cAAc,CACrB,CAGA,eAAgB,CACd,IAAMC,EAAQ,KAAK,cAAc,UAAU,EACvC,KAAK,WAAW,OAASA,GAC3B,KAAK,WAAW,MAAM,YAClBA,EAAM,QAAQ,UAAU,EAAI,CAChC,CAEJ,CAOA,eAAeC,EAAqB,GAAO,CACzC,OAAOC;AAAA,2BACgBD,EAAY,UAAY;AAAA,KAEjD,CAMA,QAAS,CACP,QAAQ,IAAI,QAAQ,EACpB,IAAIE,EACJ,GAAI,CACE,KAAK,WACPA,EAAe,KAAK,MAAM,mBAAmB,KAAK,QAAQ,CAAC,EAC3D,QAAQ,IAAI,eAAgBA,CAAY,EAE5C,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAeA,OAbeF;AAAA;AAAA,UAET,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA,UACtBE,EAAW,KAAK,IAAI;AAAA;AAAA;AAAA,YAGlBC,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAK7B,CACF,EApGIC,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAd5CF,EAejB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAjB5CF,EAkBjB,wBAKAa,EAAA,CADDC,EAAM,GAtBYd,EAuBjB,yBAGAa,EAAA,CADDE,EAAM,QAAQ,GAzBIf,EA0BjB",
-  "names": ["scw_stepper_default", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "a", "b", "tmplt", "isFocused", "y", "testJsonJSON", "err", "o", "n", "__decorateClass", "t", "i"]
-}

package/dist/chunks/chunk.AXCO4F4K.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}