scu-web-components 0.0.57 → 0.0.59

package/dist-node/scw-input-layout/scw-input-layout.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-input-layout/scw-input-layout.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts", "../../src/scw-input-layout/scss/scw-input-layout.scss"],
-  "sourcesContent": ["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-layout.scss';\n\n/**\n * ScwInputLayout\n * @class\n * @tag scw-input-layout\n * @status new\n * @since 0.0.4\n *\n */\nexport default class ScwInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.inputLayout;\n  }\n\n  // ============== ScwInputLayout =============================================\n  /** (ScwInputLayout) the text to use for the label */\n  @property({type: String})\n    label: string | undefined;\n\n  /** (ScwInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwInputLayout) hides the main label */\n  @property({type: String, attribute: 'hide-label'})\n    hideLabel = false;\n\n  /** (ScwInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n    hideFeedback = false;\n\n  /** (ScwInputLayout) shows first right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-icon'})\n    rightIcon: string | undefined;\n\n  /** (ScwInputLayout) shows second right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${!this.hideLabel ?\n    html`\n            <div class=\"input-label\">\n              ${this.label}\n            </div>` : ''}\n      <div class=\"input-field\">\n        <div class=\"input-text\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"32\"\n              aria-label=\"Clear Input\"\n              link>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"32\"\n              aria-label=\"Show Password\"\n              link>\n            </scw-icon>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n            <div class=\"input-feedback\">\n              ${this.feedback}&nbsp;\n            </div>` : ''}\n    `;\n  }\n}\n\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "import {LitElement} from 'lit';\n\n/**\n * Class to manage changes to the light dom\n */\nexport default class LightDomMutationObserver {\n  /**\n  * the mutation observer used\n  */\n  _mutationObserver : MutationObserver | undefined;\n\n  /**\n  * LitElement to watch...no children here..\n  */\n  _element : LitElement;\n\n  /**\n  * callback for change event\n  */\n  _callback : () => void | undefined;\n\n  /**\n  * constructor\n  * @param {string} element LitElement to observe\n  * @param {function} callback\n  */\n  constructor( element: LitElement, callback : () => void ) {\n    this._element = element;\n    this._callback = callback;\n    this.observe();\n  }\n\n  /**\n  * Connect LitElement to mutation observer (sans attributes)\n  */\n  observe() {\n    this.disconnect();\n    if (this._element) {\n      const observerOptions = {\n        characterData: true,\n        childList: true,\n        attributes: false, // properties takes care of this...\n        subtree: true,\n      };\n      this._mutationObserver = new MutationObserver(\n          () => this._callback(), // this._element.requestUpdate(),\n      );\n      this._mutationObserver.observe(this._element, observerOptions);\n    }\n  }\n\n  /**\n  * disconnect mutation observer\n  */\n  disconnect() {\n    if (!this._mutationObserver) {\n      return;\n    }\n    this._mutationObserver.disconnect();\n  }\n}\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\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}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-label {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  border-radius: 6px 6px 6px 6px;\n  align-self: stretch;\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-error);\n}\n\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: var(--scw-spacing-1);\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n:host .input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: calc(var(--scw-spacing-1) * 1.5);\n  padding-right: calc(var(--scw-spacing-1) * 1.5);\n  padding-top: calc(var(--scw-spacing-1) * 0.9);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.9);\n  padding: 0;\n}\n:host .input-field .input-text > *:not(:last-child) {\n  margin-bottom: var(--scw-spacing-1);\n  --margin-bottom: var( --scw-spacing-1 );\n}\n:host .input-field .right-icon-2 {\n  background-color: rgba(0, 0, 0, 0);\n}\n:host .input-field .right-icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([aria-disabled=true]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-error);\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWlucHV0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2staW5wdXQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1sYWJlbC1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1maWVsZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZlZWRiYWNrLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWlucHV0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLTItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLWJnLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19pbnZhbGlkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUNFSTtFQUVGO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRGxDTjtFRUZFO0VBRUY7RUNOQTtFQUNBO0VBSUU7O0FITUY7RUlQRTtFQUVGO0VBQ0E7RUFDQTs7QUpPQTtFS1hFO0VBRUY7RUNOQTtFQUNBO0VBSUU7OztBQ0hGO0VDRUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNKO0VFRkE7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUY3Qkk7O0FFOEJKO0VBQ007RUFDQTs7QUY3Qko7RUdSQTs7QUhZQTtFSVpBOzs7QUNGRjtFQ0VFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FETkE7RUVKRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7OztBRkFBO0VHVkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUhNQTtFSWhCRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;\n"],
-  "mappings": "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",
-  "names": ["html", "property", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "css", "scw_input_layout_default", "ScwInputLayout", "ScwComponent", "scw_input_layout_default", "html", "__decorateClass", "property"]
-}

package/dist-node/scw-layout-component/scw-layout-component.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-layout-component/scw-layout-component.ts", "../../src/scw-component/ScwComponent.ts", "../../src/scw-component/scss/scw-component.scss", "../../src/utils/lightDomMutationObserver.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwLayoutComponent\n * @class\n * @tag scw-layout-component\n */\nexport default class ScwLayoutComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.layoutComponent;\n    this.setAttribute('scw-layout-initial', '');\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "import {LitElement, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-component.scss';\nimport ScwComponentInterface from './scw-component-interface';\nimport LightDomMutationObserver from '../utils/lightDomMutationObserver';\n\n/**\n * ScwComponent\n * @class\n * @tag scw-component\n *\n */\nexport default class ScwComponent\n  extends LitElement\n  implements ScwComponentInterface {\n  static styles = styles;\n\n  /**\n  * (ScwComponent) Main text within component\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel = '';\n\n  /**\n   * (ScwComponent) Disables the component however it disables\n   * @type {string}\n   */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled = 'false';\n\n  /**\n  * (ScwLinkBase)\n  * Some lookups need to know if something is a link or not...\n  */\n  @property({type: Boolean, reflect: true, attribute: 'is-link'})\n    isLink : boolean = false;\n\n  /** disconnectedCallback */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n  }\n\n  // ====== DYNAMIC LIGHT DOM (SLOTS) ==========================================\n  /**\n  * (ScwComponent) Light Dom Mutation Observer\n  */\n  _lightDomMutationObserver? : LightDomMutationObserver;\n\n  /**\n  * (ScwComponent) Determines whether to watch for changes\n  * in children. (not all components use light DOM)\n  * @type {boolean}\n  */\n  @property({type: Boolean}) dynamic = false;\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps : Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    if (this.dynamic) {\n      this._lightDomMutationObserver = new LightDomMutationObserver(\n          this, () => {\n            this.domMutated();\n          },\n      );\n    }\n  }\n\n  /**\n   * parseLightDom is a hook for classes extending this one to add\n   * other parsers and validations\n   */\n  domMutated() {}\n  // ====== END DYNAMIC ========================================================\n\n  /**\n  * (ScwComponent) contains the root element name for each component\n  * (enum Components)\n  * @type {string}\n  */\n  // lint-i\n  @property({type: String, reflect: true}) // Components\n    element: Components = Components.component;\n\n  /**\n  * handles warnings...things wrong with formatting, ADA, etc...\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    if (!this._lastWarning) {\n      this._lastWarning = message;\n      this.setAttribute('warning', message);\n      this.setAttribute('title', `[ERROR]: ${message}`);\n    }\n    // con sole.error(`warning (${this.element}): ${message}`);\n  }\n\n  /**\n   * clearWarnings\n   */\n  clearWarnings() {\n    this._lastWarning = undefined;\n    this.removeAttribute('warning');\n    this.removeAttribute('title');\n  }\n\n  /**\n  * retain the last warning sent...good for testing.\n  */\n  @state() _lastWarning : string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n", "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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jb21wb25lbnQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWNvbXBvbmVudC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0UifQ== */`;\n", "import {LitElement} from 'lit';\n\n/**\n * Class to manage changes to the light dom\n */\nexport default class LightDomMutationObserver {\n  /**\n  * the mutation observer used\n  */\n  _mutationObserver : MutationObserver | undefined;\n\n  /**\n  * LitElement to watch...no children here..\n  */\n  _element : LitElement;\n\n  /**\n  * callback for change event\n  */\n  _callback : () => void | undefined;\n\n  /**\n  * constructor\n  * @param {string} element LitElement to observe\n  * @param {function} callback\n  */\n  constructor( element: LitElement, callback : () => void ) {\n    this._element = element;\n    this._callback = callback;\n    this.observe();\n  }\n\n  /**\n  * Connect LitElement to mutation observer (sans attributes)\n  */\n  observe() {\n    this.disconnect();\n    if (this._element) {\n      const observerOptions = {\n        characterData: true,\n        childList: true,\n        attributes: false, // properties takes care of this...\n        subtree: true,\n      };\n      this._mutationObserver = new MutationObserver(\n          () => this._callback(), // this._element.requestUpdate(),\n      );\n      this._mutationObserver.observe(this._element, observerOptions);\n    }\n  }\n\n  /**\n  * disconnect mutation observer\n  */\n  disconnect() {\n    if (!this._mutationObserver) {\n      return;\n    }\n    this._mutationObserver.disconnect();\n  }\n}\n"],
-  "mappings": "wMAAA,OAAQ,QAAAA,MAAW,MCAnB,OAAQ,cAAAC,EAAY,QAAAC,MAAW,MAC/B,OAAQ,YAAAC,EAAU,SAAAC,MAAY,oBCD9B,OAAQ,OAAAC,MAAU,6BAClB,IAAOC,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ieCIf,IAAqBE,EAArB,KAA8C,CAqB5C,YAAaC,EAAqBC,EAAwB,CACxD,KAAK,SAAWD,EAChB,KAAK,UAAYC,EACjB,KAAK,QAAQ,CACf,CAKA,SAAU,CAER,GADA,KAAK,WAAW,EACZ,KAAK,SAAU,CACjB,IAAMC,EAAkB,CACtB,cAAe,GACf,UAAW,GACX,WAAY,GACZ,QAAS,EACX,EACA,KAAK,kBAAoB,IAAI,iBACzB,IAAM,KAAK,UAAU,CACzB,EACA,KAAK,kBAAkB,QAAQ,KAAK,SAAUA,CAAe,CAC/D,CACF,CAKA,YAAa,CACP,CAAC,KAAK,mBAGV,KAAK,kBAAkB,WAAW,CACpC,CACF,EF/CA,IAAqBC,EAArB,cACUC,CACyB,CAFnC,kCAUI,eAAY,GAOZ,kBAAe,QAOf,YAAmB,GAqBM,aAAU,GA+BnC,yBAjDF,sBAA6B,CAC3B,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,CAE9C,CAmBA,aAAaC,EAAuD,CAClE,MAAM,aAAaA,CAAY,EAC3B,KAAK,UACP,KAAK,0BAA4B,IAAIC,EACjC,KAAM,IAAM,CACV,KAAK,WAAW,CAClB,CACJ,EAEJ,CAMA,YAAa,CAAC,CAgBd,KAAMC,EAAkB,CACjB,KAAK,eACR,KAAK,aAAeA,EACpB,KAAK,aAAa,UAAWA,CAAO,EACpC,KAAK,aAAa,QAAS,YAAYA,GAAS,EAGpD,CAKA,eAAgB,CACd,KAAK,aAAe,OACpB,KAAK,gBAAgB,SAAS,EAC9B,KAAK,gBAAgB,OAAO,CAC9B,CAWA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF,EAlHqBL,EAGZ,OAASM,EAOdC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAT7CR,EAUjB,yBAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAhBjCR,EAiBjB,4BAOAO,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,QAAS,GAAM,UAAW,SAAS,CAAC,GAvB3CR,EAwBjB,sBAqByBO,EAAA,CAA1BC,EAAS,CAAC,KAAM,OAAO,CAAC,GA7CNR,EA6CQ,uBA+BzBO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA3EpBR,EA4EjB,uBA2BOO,EAAA,CAARE,EAAM,GAvGYT,EAuGV,4BD3GX,IAAqBU,EAArB,cAAgDC,CAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,2BACL,KAAK,aAAa,qBAAsB,EAAE,CAC5C,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF",
-  "names": ["html", "LitElement", "html", "property", "state", "css", "scw_component_default", "LightDomMutationObserver", "element", "callback", "observerOptions", "ScwComponent", "LitElement", "changedProps", "LightDomMutationObserver", "message", "html", "scw_component_default", "__decorateClass", "property", "state", "ScwLayoutComponent", "ScwComponent", "html"]
-}