scu-web-components 0.0.21 → 0.0.22

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

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

package/dist/chunks/chunk.ZWJHKP3F.js

@@ -0,0 +1,4 @@
+import{a as u}from"./chunk.5P5RU7GD.js";import{b as n,c as r,e as f}from"./chunk.HCMPRDIX.js";import{a as o}from"./chunk.ZS4C3T6Z.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 f{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(l=>l.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 l=this.createValidateRule();l.setAttribute("type",i),e&&l.setAttribute("feedback",e),this.addValidationRule(l)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let d=Array.from(e.children).find(s=>s.type===i);d&&d.parentNode&&d.parentNode.removeChild(d)}render(){return o`
+      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.ZWJHKP3F.js.map

package/dist/chunks/chunk.ZWJHKP3F.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: string = '';\n\n  /** (ScwFormComponent) text showing when there is no value */\n  @property({type: String})\n    placeholder: string = '';\n\n  /** (ScwFormComponent) name to identify form element and attach data */\n  @property({type: String})\n    selected: boolean = false;\n\n  /** (ScwFormComponent) read-only state management */\n  @property({type: Boolean, attribute: 'read-only'})\n    readOnly: boolean = false;\n\n  /** (ScwFormComponent) required state management */\n  @property({type: Boolean})\n    required: boolean = false;\n\n  /** (ScwFormComponent) label indicator for required */\n  @property({type: String, attribute: 'required-label'})\n    requiredLabel: string = ' *';\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 : boolean = false;\n\n  /** whether this form element is valid, passed validation */\n  @state() invalid: boolean = 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": "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",
+  "names": []
+}

package/dist/custom-elements.json

@@ -1187,6 +1187,16 @@
               "description": "(ScwCard) Label on the link",
               "attribute": "linkLabel"
             },
+            {
+              "kind": "field",
+              "name": "preload",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwCard) whether to preload image or not",
+              "attribute": "preload"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -1564,6 +1574,15 @@
               "description": "(ScwCard) Label on the link",
               "fieldName": "linkLabel"
             },
+            {
+              "name": "preload",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwCard) whether to preload image or not",
+              "fieldName": "preload"
+            },
             {
               "name": "size",
               "type": {
@@ -4288,6 +4307,25 @@
               "description": "(ScwImage) src of image",
               "attribute": "src"
             },
+            {
+              "kind": "field",
+              "name": "alt",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwImage) alt of image",
+              "attribute": "alt"
+            },
+            {
+              "kind": "field",
+              "name": "preload",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwImage) whether to preload image or not",
+              "attribute": "preload"
+            },
             {
               "kind": "field",
               "name": "noLazyLoading",
@@ -4665,6 +4703,23 @@
               "description": "(ScwImage) src of image",
               "fieldName": "src"
             },
+            {
+              "name": "alt",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwImage) alt of image",
+              "fieldName": "alt"
+            },
+            {
+              "name": "preload",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwImage) whether to preload image or not",
+              "fieldName": "preload"
+            },
             {
               "name": "no-lazy-loading",
               "type": {
@@ -6171,69 +6226,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-input-layout/scw-input-layout.ts",
+      "path": "src/scw-layout-component/scw-layout-component.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwInputLayout",
-          "name": "ScwInputLayout",
+          "description": "ScwLayoutComponent",
+          "name": "ScwLayoutComponent",
           "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) the text to use for the label",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "feedback",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) the text to use for feedback",
-              "attribute": "feedback"
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwInputLayout) hides the main label",
-              "attribute": "hide-label"
-            },
-            {
-              "kind": "field",
-              "name": "hideFeedback",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwInputLayout) hides the feedback label",
-              "attribute": "hide-feedback"
-            },
-            {
-              "kind": "field",
-              "name": "rightIcon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) shows first right icon and determines the icon svg.",
-              "attribute": "right-icon"
-            },
-            {
-              "kind": "field",
-              "name": "right2Icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) shows second right icon and determines the icon svg.",
-              "attribute": "right-2-icon"
-            },
             {
               "kind": "field",
               "name": "element",
@@ -6254,7 +6253,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "false",
+              "default": "true",
               "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
               "attribute": "responsive",
               "inheritedFrom": {
@@ -6340,57 +6339,13 @@
               }
             }
           ],
+          "superclass": {
+            "name": "ScwComponent",
+            "module": "/src/scw-component/ScwComponent"
+          },
+          "tagName": "scw-layout-component",
+          "customElement": true,
           "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) the text to use for the label",
-              "fieldName": "label"
-            },
-            {
-              "name": "feedback",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) the text to use for feedback",
-              "fieldName": "feedback"
-            },
-            {
-              "name": "hide-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwInputLayout) hides the main label",
-              "fieldName": "hideLabel"
-            },
-            {
-              "name": "hide-feedback",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwInputLayout) hides the feedback label",
-              "fieldName": "hideFeedback"
-            },
-            {
-              "name": "right-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) shows first right icon and determines the icon svg.",
-              "fieldName": "rightIcon"
-            },
-            {
-              "name": "right-2-icon",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwInputLayout) shows second right icon and determines the icon svg.",
-              "fieldName": "right2Icon"
-            },
             {
               "name": "responsive",
               "type": {
@@ -6429,13 +6384,7 @@
                 "module": "src/scw-component/ScwComponent.ts"
               }
             }
-          ],
-          "superclass": {
-            "name": "ScwComponent",
-            "module": "/src/scw-component/ScwComponent"
-          },
-          "tagName": "scw-input-layout",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
@@ -6443,21 +6392,77 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwInputLayout",
-            "module": "src/scw-input-layout/scw-input-layout.ts"
+            "name": "ScwLayoutComponent",
+            "module": "src/scw-layout-component/scw-layout-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-layout-component/scw-layout-component.ts",
+      "path": "src/scw-input-layout/scw-input-layout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwLayoutComponent",
-          "name": "ScwLayoutComponent",
+          "description": "ScwInputLayout",
+          "name": "ScwInputLayout",
           "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) the text to use for the label",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "feedback",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) the text to use for feedback",
+              "attribute": "feedback"
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwInputLayout) hides the main label",
+              "attribute": "hide-label"
+            },
+            {
+              "kind": "field",
+              "name": "hideFeedback",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwInputLayout) hides the feedback label",
+              "attribute": "hide-feedback"
+            },
+            {
+              "kind": "field",
+              "name": "rightIcon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) shows first right icon and determines the icon svg.",
+              "attribute": "right-icon"
+            },
+            {
+              "kind": "field",
+              "name": "right2Icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) shows second right icon and determines the icon svg.",
+              "attribute": "right-2-icon"
+            },
             {
               "kind": "field",
               "name": "element",
@@ -6478,7 +6483,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "true",
+              "default": "false",
               "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
               "attribute": "responsive",
               "inheritedFrom": {
@@ -6564,13 +6569,57 @@
               }
             }
           ],
-          "superclass": {
-            "name": "ScwComponent",
-            "module": "/src/scw-component/ScwComponent"
-          },
-          "tagName": "scw-layout-component",
-          "customElement": true,
           "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) the text to use for the label",
+              "fieldName": "label"
+            },
+            {
+              "name": "feedback",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) the text to use for feedback",
+              "fieldName": "feedback"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwInputLayout) hides the main label",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "hide-feedback",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwInputLayout) hides the feedback label",
+              "fieldName": "hideFeedback"
+            },
+            {
+              "name": "right-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) shows first right icon and determines the icon svg.",
+              "fieldName": "rightIcon"
+            },
+            {
+              "name": "right-2-icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwInputLayout) shows second right icon and determines the icon svg.",
+              "fieldName": "right2Icon"
+            },
             {
               "name": "responsive",
               "type": {
@@ -6609,7 +6658,13 @@
                 "module": "src/scw-component/ScwComponent.ts"
               }
             }
-          ]
+          ],
+          "superclass": {
+            "name": "ScwComponent",
+            "module": "/src/scw-component/ScwComponent"
+          },
+          "tagName": "scw-input-layout",
+          "customElement": true
         }
       ],
       "exports": [
@@ -6617,8 +6672,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwLayoutComponent",
-            "module": "src/scw-layout-component/scw-layout-component.ts"
+            "name": "ScwInputLayout",
+            "module": "src/scw-input-layout/scw-input-layout.ts"
           }
         }
       ]

package/dist/docs/components/ScwCard.json

@@ -84,6 +84,16 @@
       "description": "(ScwCard) Label on the link",
       "attribute": "linkLabel"
     },
+    {
+      "kind": "field",
+      "name": "preload",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwCard) whether to preload image or not",
+      "attribute": "preload"
+    },
     {
       "kind": "field",
       "name": "size",
@@ -461,6 +471,15 @@
       "description": "(ScwCard) Label on the link",
       "fieldName": "linkLabel"
     },
+    {
+      "name": "preload",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwCard) whether to preload image or not",
+      "fieldName": "preload"
+    },
     {
       "name": "size",
       "type": {