@scouterna/ui-webc 2.2.3 → 2.2.5

package/dist/ui-webc/scout-select.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"scout-select.entry.esm.js","sources":["../../node_modules/.pnpm/@tabler+icons@3.35.0/node_modules/@tabler/icons/icons/outline/chevron-down.svg","src/components/select/select.css?tag=scout-select&encapsulation=scoped","src/components/select/select.tsx"],"sourcesContent":["<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  class=\"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M6 9l6 6l6 -6\" />\n</svg>",".select-wrapper {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n}\n\n.select {\n  width: 100%;\n  height: var(--spacing-10);\n  padding: var(--spacing-2);\n  padding-right: var(--spacing-8);\n  font: var(--type-body-base);\n  border: 1px solid var(--color-gray-300);\n  border-radius: var(--spacing-2);\n  background-color: var(--color-white);\n  color: var(--color-text-base);\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.select:hover:not(:disabled) {\n  border-color: var(--color-gray-400);\n}\n\n.select:focus {\n  outline: 2px solid var(--color-background-brand-base);\n  outline-offset: 1px;\n}\n\n.select:disabled {\n  background-color: var(--color-gray-100);\n  color: var(--color-gray-700);\n  cursor: not-allowed;\n}\n\n.select-icon {\n  position: absolute;\n  right: var(--spacing-2);\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  background-color: var(--color-text-base);\n  mask-image: var(--icon-chevron);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  pointer-events: none;\n}\n\n.select:disabled + .select-icon {\n  background-color: var(--color-gray-500);\n}\n","import {\n  Component,\n  type ComponentInterface,\n  h,\n  Mixin,\n  Prop,\n} from \"@stencil/core\";\nimport chevronIcon from \"@tabler/icons/outline/chevron-down.svg\";\nimport { inputMixin } from \"../../mixins/inputMixin\";\n\n@Component({\n  tag: \"scout-select\",\n  styleUrl: \"select.css\",\n  scoped: true,\n})\nexport class ScoutSelect\n  extends Mixin(inputMixin)\n  implements ComponentInterface\n{\n  /**\n   * Value of the select element, in case you want to control it yourself.\n   */\n  @Prop() value: string = \"\";\n\n  /**\n   * Whether the select is disabled. Disabled selects are not editable, excluded\n   * from tab order and are not validated.\n   */\n  @Prop() disabled: boolean = false;\n\n  @Prop() name: string;\n\n  render() {\n    return (\n      <div class=\"select-wrapper\">\n        <select\n          id={this.ariaId}\n          name={this.name}\n          class=\"select\"\n          disabled={this.disabled}\n          onChange={() => this.onInput()}\n          onBlur={() => this.onBlur()}\n          onInvalid={() => this.onInvalid()}\n        >\n          <slot />\n        </select>\n        <span\n          class=\"select-icon\"\n          style={{ \"--icon-chevron\": `url(${chevronIcon})` }}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n}\n"],"names":["chevronIcon"],"mappings":";;;AAAA,MAAM,cAAc,GAAG,ggBAAggB;;ACAvhB,MAAM,SAAS,GAAG,mvCAAmvC;;ACexvC,MAAA,WACX,GAAA,cAAQ,KAAK,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;AAGzB;;AAEG;IACK,KAAK,GAAW,EAAE;AAE1B;;;AAGG;IACK,QAAQ,GAAY,KAAK;AAEzB,IAAA,IAAI;IAEZ,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAC9B,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAC3B,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,EAEjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACD,EACT,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAO,IAAA,EAAAA,cAAW,CAAG,CAAA,CAAA,EAAE,EAAA,aAAA,EACtC,MAAM,EAClB,CAAA,CACE;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"scout-select.entry.esm.js","sources":["../../node_modules/.pnpm/@tabler+icons@3.35.0/node_modules/@tabler/icons/icons/outline/chevron-down.svg","src/components/select/select.css?tag=scout-select&encapsulation=scoped","src/components/select/select.tsx"],"sourcesContent":["<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  class=\"icon icon-tabler icons-tabler-outline icon-tabler-chevron-down\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M6 9l6 6l6 -6\" />\n</svg>",".select-wrapper {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n}\n\n.select {\n  width: 100%;\n  height: var(--spacing-10);\n  padding: var(--spacing-2);\n  padding-right: var(--spacing-8);\n  font: var(--type-body-base);\n  border: 1px solid var(--color-gray-300);\n  border-radius: var(--spacing-2);\n  background-color: var(--color-white);\n  color: var(--color-text-base);\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n\n.select:hover:not(:disabled) {\n  border-color: var(--color-gray-400);\n}\n\n.select:focus {\n  outline: 2px solid var(--color-background-brand-base);\n  outline-offset: 1px;\n}\n\n.select:disabled {\n  background-color: var(--color-gray-100);\n  color: var(--color-gray-700);\n  cursor: not-allowed;\n}\n\n.select-icon {\n  position: absolute;\n  right: var(--spacing-2);\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  background-color: var(--color-text-base);\n  mask-image: var(--icon-chevron);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  pointer-events: none;\n}\n\n.select:disabled + .select-icon {\n  background-color: var(--color-gray-500);\n}\n","import {\n  Component,\n  type ComponentInterface,\n  h,\n  Mixin,\n  Prop,\n} from \"@stencil/core\";\nimport chevronIcon from \"@tabler/icons/outline/chevron-down.svg\";\nimport { inputMixin } from \"../../mixins/inputMixin\";\n\n/**\n * The select component is a dropdown menu that allows users to select one\n * option from a list. When used in a form, make sure to wrap it in a Field\n * component to display a label, help text, and error messages.\n */\n@Component({\n  tag: \"scout-select\",\n  styleUrl: \"select.css\",\n  scoped: true,\n})\nexport class ScoutSelect\n  extends Mixin(inputMixin)\n  implements ComponentInterface\n{\n  /**\n   * Value of the select element, in case you want to control it yourself.\n   */\n  @Prop() value: string = \"\";\n\n  /**\n   * Whether the select is disabled. Disabled selects are not editable, excluded\n   * from tab order and are not validated.\n   */\n  @Prop() disabled: boolean = false;\n\n  @Prop() name: string;\n\n  render() {\n    return (\n      <div class=\"select-wrapper\">\n        <select\n          id={this.ariaId}\n          name={this.name}\n          class=\"select\"\n          disabled={this.disabled}\n          onChange={() => this.onInput()}\n          onBlur={() => this.onBlur()}\n          onInvalid={() => this.onInvalid()}\n        >\n          <slot />\n        </select>\n        <span\n          class=\"select-icon\"\n          style={{ \"--icon-chevron\": `url(${chevronIcon})` }}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n}\n"],"names":["chevronIcon"],"mappings":";;;AAAA,MAAM,cAAc,GAAG,ggBAAggB;;ACAvhB,MAAM,SAAS,GAAG,mvCAAmvC;;ACoBxvC,MAAA,WACX,GAAA,cAAQ,KAAK,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;AAGzB;;AAEG;IACK,KAAK,GAAW,EAAE;AAE1B;;;AAGG;IACK,QAAQ,GAAY,KAAK;AAEzB,IAAA,IAAI;IAEZ,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,QAAQ,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAC9B,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAC3B,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,EAEjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACD,EACT,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAO,IAAA,EAAAA,cAAW,CAAG,CAAA,CAAA,EAAE,EAAA,aAAA,EACtC,MAAM,EAClB,CAAA,CACE;;;;;;;","x_google_ignoreList":[0]}

package/dist/ui-webc/scout-switch.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"scout-switch.entry.esm.js","sources":["src/components/switch/switch.css?tag=scout-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":[".switch {\n  width: var(--spacing-10);\n  height: var(--spacing-6);\n  appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--spacing-8);\n  background-color: var(--color-text-brand-inverse);\n  border: 2px solid var(--color-gray-300);\n  position: relative;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  transition-property: border-color;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  cursor: pointer;\n  --switch-ball-padding: calc(var(--spacing-1) / 4);\n  --switch-ball-size: calc(var(--spacing-5) - var(--switch-ball-padding) * 2);\n}\n\n.switch:hover {\n  transition-property: none;\n  border-color: var(--color-gray-400);\n  background-color: var(--color-background-brand-subtle-hovered);\n}\n\n.switch:active {\n  background-color: var(--color-background-brand-subtle-pressed);\n}\n\n.switch:checked {\n  border-color: var(--color-background-brand-base);\n}\n\n.switch:hover::before {\n  background-color: var(--color-gray-400);\n}\n\n.switch::before {\n  content: \"\";\n  background-color: var(--color-gray-300);\n  width: var(--switch-ball-size);\n  height: var(--switch-ball-size);\n  border-radius: 50%;\n  position: absolute;\n  top: var(--switch-ball-padding);\n  left: var(--switch-ball-padding);\n  transition-duration: 0.3s;\n  transition-property: left, right;\n}\n.switch:checked::before {\n  content: \"\";\n  background-color: var(--color-background-brand-base);\n  left: calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)));\n}\n\n.switch:disabled {\n  pointer-events: none;\n  background-color: var(--color-gray-100);\n  border-color: var(--color-gray-100);\n}\n\n.switch:disabled::before {\n  background-color: var(--color-gray-300);\n}\n\nlabel {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  font: var(--type-label-base);\n  color: var(--color-text-base);\n}\n\n.inlineDivider {\n  width: var(--spacing-2);\n}\n","import {\n  Component,\n  type ComponentInterface,\n  Event,\n  type EventEmitter,\n  h,\n  Mixin,\n  Prop,\n} from \"@stencil/core\";\nimport { inputMixin } from \"../../mixins/inputMixin\";\n\n@Component({\n  tag: \"scout-switch\",\n  styleUrl: \"switch.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutSwitch\n  extends Mixin(inputMixin)\n  implements ComponentInterface\n{\n  /**\n   * Indicates whether the switch is toggled on or off.\n   */\n  @Prop() toggled: boolean = false;\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Use this prop if you need to connect your switch with another element describing its use, other than the property label.\n   */\n  @Prop() ariaLabelledby: string;\n\n  @Prop() label: string;\n\n  @Event() scoutChecked: EventEmitter<{\n    checked: boolean;\n    element: HTMLInputElement;\n  }>;\n\n  onChange(event: Event) {\n    const checkbox = event.target as HTMLInputElement;\n\n    this.scoutChecked.emit({\n      checked: checkbox.checked,\n      element: checkbox,\n    });\n  }\n\n  render() {\n    const Tag = this.label?.length ? \"label\" : \"div\";\n    return (\n      <Tag>\n        {this.label}\n        <span class=\"inlineDivider\"></span>\n        <input\n          ref={(el) => this.setInputRef(el)}\n          id={this.ariaId}\n          type=\"checkbox\"\n          class=\"switch\"\n          aria-labelledby={this.ariaLabelledby}\n          aria-disabled={this.disabled}\n          disabled={this.disabled}\n          checked={this.toggled}\n          onChange={(event) => {\n            this.onInput();\n            this.onChange(event);\n          }}\n          onBlur={() => this.onBlur()}\n          onInvalid={() => this.onInvalid()}\n        />\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,ktDAAktD;;ACkBvtD,MAAA,WACX,GAAA,cAAQ,KAAK,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;;AAGzB;;AAEG;IACK,OAAO,GAAY,KAAK;IAExB,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,cAAc;AAEd,IAAA,KAAK;AAEJ,IAAA,YAAY;AAKrB,IAAA,QAAQ,CAAC,KAAY,EAAA;AACnB,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA0B;AAEjD,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,OAAO,EAAE,QAAQ,CAAC,OAAO;AACzB,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK;QAChD,QACE,EAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,IAAI,CAAC,KAAK,EACX,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAQ,CAAA,EACnC,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EACjC,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,QAAQ,EACG,iBAAA,EAAA,IAAI,CAAC,cAAc,EACrB,eAAA,EAAA,IAAI,CAAC,QAAQ,EAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,CAAC,KAAK,KAAI;gBAClB,IAAI,CAAC,OAAO,EAAE;AACd,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aACrB,EACD,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAC3B,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,CACjC,CACE;;;;;;;;"}
+{"version":3,"file":"scout-switch.entry.esm.js","sources":["src/components/switch/switch.css?tag=scout-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":[".switch {\n  width: var(--spacing-10);\n  height: var(--spacing-6);\n  appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--spacing-8);\n  background-color: var(--color-text-brand-inverse);\n  border: 2px solid var(--color-gray-300);\n  position: relative;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  transition-property: border-color;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  cursor: pointer;\n  --switch-ball-padding: calc(var(--spacing-1) / 4);\n  --switch-ball-size: calc(var(--spacing-5) - var(--switch-ball-padding) * 2);\n}\n\n.switch:hover {\n  transition-property: none;\n  border-color: var(--color-gray-400);\n  background-color: var(--color-background-brand-subtle-hovered);\n}\n\n.switch:active {\n  background-color: var(--color-background-brand-subtle-pressed);\n}\n\n.switch:checked {\n  border-color: var(--color-background-brand-base);\n}\n\n.switch:hover::before {\n  background-color: var(--color-gray-400);\n}\n\n.switch::before {\n  content: \"\";\n  background-color: var(--color-gray-300);\n  width: var(--switch-ball-size);\n  height: var(--switch-ball-size);\n  border-radius: 50%;\n  position: absolute;\n  top: var(--switch-ball-padding);\n  left: var(--switch-ball-padding);\n  transition-duration: 0.3s;\n  transition-property: left, right;\n}\n.switch:checked::before {\n  content: \"\";\n  background-color: var(--color-background-brand-base);\n  left: calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)));\n}\n\n.switch:disabled {\n  pointer-events: none;\n  background-color: var(--color-gray-100);\n  border-color: var(--color-gray-100);\n}\n\n.switch:disabled::before {\n  background-color: var(--color-gray-300);\n}\n\nlabel {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  font: var(--type-label-base);\n  color: var(--color-text-base);\n}\n\n.inlineDivider {\n  width: var(--spacing-2);\n}\n","import {\n  Component,\n  type ComponentInterface,\n  Event,\n  type EventEmitter,\n  h,\n  Mixin,\n  Prop,\n} from \"@stencil/core\";\nimport { inputMixin } from \"../../mixins/inputMixin\";\n\n/**\n * The switch component is used to toggle between two states, on and off.\n * Behaves like a checkbox. When used in a form, make sure to wrap it in a Field\n * component to display a label, help text, and error messages.\n */\n@Component({\n  tag: \"scout-switch\",\n  styleUrl: \"switch.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ScoutSwitch\n  extends Mixin(inputMixin)\n  implements ComponentInterface\n{\n  /**\n   * Indicates whether the switch is toggled on or off.\n   */\n  @Prop() toggled: boolean = false;\n\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Use this prop if you need to connect your switch with another element describing its use, other than the property label.\n   */\n  @Prop() ariaLabelledby: string;\n\n  @Prop() label: string;\n\n  @Event() scoutChecked: EventEmitter<{\n    checked: boolean;\n    element: HTMLInputElement;\n  }>;\n\n  onChange(event: Event) {\n    const checkbox = event.target as HTMLInputElement;\n\n    this.scoutChecked.emit({\n      checked: checkbox.checked,\n      element: checkbox,\n    });\n  }\n\n  render() {\n    const Tag = this.label?.length ? \"label\" : \"div\";\n    return (\n      <Tag>\n        {this.label}\n        <span class=\"inlineDivider\"></span>\n        <input\n          ref={(el) => this.setInputRef(el)}\n          id={this.ariaId}\n          type=\"checkbox\"\n          class=\"switch\"\n          aria-labelledby={this.ariaLabelledby}\n          aria-disabled={this.disabled}\n          disabled={this.disabled}\n          checked={this.toggled}\n          onChange={(event) => {\n            this.onInput();\n            this.onChange(event);\n          }}\n          onBlur={() => this.onBlur()}\n          onInvalid={() => this.onInvalid()}\n        />\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,SAAS,GAAG,ktDAAktD;;ACuBvtD,MAAA,WACX,GAAA,cAAQ,KAAK,CAAC,UAAU,CAAC,CAAA;;;;;;;;;;;AAGzB;;AAEG;IACK,OAAO,GAAY,KAAK;IAExB,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,cAAc;AAEd,IAAA,KAAK;AAEJ,IAAA,YAAY;AAKrB,IAAA,QAAQ,CAAC,KAAY,EAAA;AACnB,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,MAA0B;AAEjD,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,OAAO,EAAE,QAAQ,CAAC,OAAO;AACzB,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK;QAChD,QACE,EAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,IAAI,CAAC,KAAK,EACX,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAQ,CAAA,EACnC,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EACjC,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,QAAQ,EACG,iBAAA,EAAA,IAAI,CAAC,cAAc,EACrB,eAAA,EAAA,IAAI,CAAC,QAAQ,EAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,CAAC,KAAK,KAAI;gBAClB,IAAI,CAAC,OAAO,EAAE;AACd,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aACrB,EACD,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAC3B,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,CACjC,CACE;;;;;;;;"}

package/dist/ui-webc/ui-webc.esm.js

@@ -1,2 +1,2 @@
-import{p as e,g as a,b as t}from"./p-ksA_9NPe.js";export{s as setNonce}from"./p-ksA_9NPe.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await a();return t([["p-3018f46f",[[785,"scout-list-view-item",{icon:[1],primary:[1],secondary:[1],type:[1],href:[1],target:[1],rel:[1],name:[1],value:[1],checked:[4]}]]],["p-e4f5dad7",[[785,"scout-app-bar",{titleText:[1,"title-text"]}]]],["p-50112773",[[273,"scout-bottom-bar"]]],["p-c2c5857d",[[785,"scout-bottom-bar-item",{type:[1],href:[1],target:[1],rel:[1],icon:[1],label:[1],active:[4]}]]],["p-059921bb",[[774,"scout-button",{type:[1],href:[1],target:[1],rel:[1],variant:[1],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"]}]]],["p-97f9cf0a",[[273,"scout-card"]]],["p-ac65f104",[[273,"scout-divider"]]],["p-d999b8d6",[[774,"scout-field",{label:[1],helpText:[1,"help-text"],inputId:[32],errorText:[32],errorHidden:[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["p-479ae616",[[770,"scout-input",{validate:[16],type:[1],inputmode:[1],pattern:[1],value:[1],name:[1],disabled:[4],ariaId:[32]}]]],["p-1efd7b9a",[[785,"scout-link",{href:[1],label:[1],rel:[1],linkAriaLabel:[1,"link-aria-label"],type:[1],target:[1]}]]],["p-e2288570",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["p-02c211ea",[[785,"scout-list-view-subheader",{text:[1],headingLevel:[1,"heading-level"]}]]],["p-97956c4f",[[769,"scout-loader",{text:[1],size:[1]}]]],["p-d8084e5c",[[774,"scout-select",{validate:[16],value:[1],disabled:[4],name:[1],ariaId:[32]}]]],["p-974e8415",[[785,"scout-stack",{direction:[1],gapSize:[1,"gap-size"]}]]],["p-1a701759",[[785,"scout-switch",{validate:[16],toggled:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],ariaId:[32]}]]],["p-4616484e",[[770,"scout-checkbox",{validate:[16],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]}],[770,"scout-radio-button",{validate:[16],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]}]]]],e)}));
+import{p as e,g as a,b as t}from"./p-ksA_9NPe.js";export{s as setNonce}from"./p-ksA_9NPe.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await a();return t([["p-30b75968",[[785,"scout-list-view-item",{icon:[1],primary:[1],secondary:[1],type:[1],href:[1],target:[1],rel:[1],name:[1],value:[1],checked:[4],disabled:[4]}]]],["p-8a942414",[[785,"scout-app-bar",{titleText:[1,"title-text"]}]]],["p-50112773",[[273,"scout-bottom-bar"]]],["p-c2c5857d",[[785,"scout-bottom-bar-item",{type:[1],href:[1],target:[1],rel:[1],icon:[1],label:[1],active:[4]}]]],["p-3ac00412",[[772,"scout-button",{type:[1],href:[1],target:[1],rel:[1],variant:[1],icon:[1],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"]}]]],["p-08499152",[[273,"scout-card"]]],["p-dcc4dafa",[[273,"scout-divider"]]],["p-6e9afb25",[[774,"scout-field",{label:[1],helpText:[1,"help-text"],inputId:[32],errorText:[32],errorHidden:[32]},[[0,"_scoutFieldId","catchFieldId"],[0,"_scoutValidate","handleValidation"],[0,"scoutBlur","showError"],[0,"_scoutInvalid","showError"]]]]],["p-2a842a24",[[770,"scout-input",{validate:[16],size:[1],variant:[1],type:[1],inputmode:[1],pattern:[1],value:[1],name:[1],disabled:[4],placeholder:[1],ariaId:[32]}]]],["p-1efd7b9a",[[785,"scout-link",{href:[1],label:[1],rel:[1],linkAriaLabel:[1,"link-aria-label"],type:[1],target:[1]}]]],["p-4f28520e",[[273,"scout-list-view",null,[[0,"scoutChecked","onScoutChecked"]]]]],["p-d68b8b37",[[785,"scout-list-view-subheader",{text:[1],headingLevel:[1,"heading-level"]}]]],["p-6de2edd1",[[769,"scout-loader",{text:[1],size:[1]}]]],["p-0b8a7cc9",[[774,"scout-select",{validate:[16],value:[1],disabled:[4],name:[1],ariaId:[32]}]]],["p-8f3e4290",[[785,"scout-stack",{direction:[1],gapSize:[1,"gap-size"]}]]],["p-cbf489b1",[[785,"scout-switch",{validate:[16],toggled:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],ariaId:[32]}]]],["p-b0a70cb6",[[770,"scout-checkbox",{validate:[16],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]}],[770,"scout-radio-button",{validate:[16],checked:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],value:[1],name:[1],ariaId:[32]}]]]],e)}));
 //# sourceMappingURL=ui-webc.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scouterna/ui-webc",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "type": "module",
   "description": "Scouterna Design System Web Components",
   "main": "dist/index.cjs.js",

package/dist/cjs/inputMixin-CkYXihTB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputMixin-CkYXihTB.js","sources":["src/mixins/inputMixin.ts"],"sourcesContent":["import {\n  Event,\n  type EventEmitter,\n  type MixedInCtor,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport const inputMixin = <B extends MixedInCtor>(Base: B) => {\n  class InputMixin extends Base {\n    /**\n     * Custom validation function run on top of the implicit validation performed\n     * by the browser. Return a string with the validation message to mark the\n     * input as invalid, or null to mark it as valid.\n     */\n    @Prop() validate?: (value: string) => string | null;\n\n    @Event() scoutInputChange: EventEmitter<{\n      value: string;\n      element: HTMLElement;\n    }>;\n    @Event() scoutBlur: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutValidate: EventEmitter<{ element: HTMLElement }>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutInvalid: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field association.\n     */\n    @Event() _scoutFieldId: EventEmitter<string>;\n\n    @State() ariaId: string;\n\n    private inputElement:\n      | HTMLButtonElement\n      | HTMLInputElement\n      | HTMLOutputElement\n      | HTMLSelectElement\n      | HTMLTextAreaElement;\n\n    componentWillLoad() {\n      this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n      this._scoutFieldId.emit(this.ariaId);\n    }\n\n    componentDidLoad() {\n      this.runValidation();\n    }\n\n    onInput() {\n      this.runValidation();\n    }\n\n    onBlur() {\n      this.scoutBlur.emit();\n    }\n\n    onInvalid() {\n      this._scoutInvalid.emit();\n    }\n\n    runValidation() {\n      if (!this.validate) {\n        return;\n      }\n\n      const validationMessage = this.validate(this.inputElement.value);\n      this.inputElement.setCustomValidity(validationMessage ?? \"\");\n\n      this._scoutValidate.emit({ element: this.inputElement });\n    }\n\n    setInputRef(\n      el:\n        | HTMLButtonElement\n        | HTMLInputElement\n        | HTMLOutputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement,\n    ) {\n      this.inputElement = el;\n    }\n  }\n  return InputMixin;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,UAAU,GAAG,CAAwB,IAAO,KAAI;UACrD,UAAW,GAAA,cAAQ,IAAI,CAAA;;;;;AAC3B;;;;AAIG;AACK,QAAA,QAAQ;AAEP,QAAA,gBAAgB;AAIhB,QAAA,SAAS;AAElB;;AAEG;AACM,QAAA,cAAc;AAEvB;;AAEG;AACM,QAAA,aAAa;AAEtB;;AAEG;AACM,QAAA,aAAa;AAEb,QAAA,MAAM;AAEP,QAAA,YAAY;QAOpB,iBAAiB,GAAA;YACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;YAC9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,gBAAgB,GAAA;YACd,IAAI,CAAC,aAAa,EAAE;;QAGtB,OAAO,GAAA;YACL,IAAI,CAAC,aAAa,EAAE;;QAGtB,MAAM,GAAA;AACJ,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;QAGvB,SAAS,GAAA;AACP,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;QAG3B,aAAa,GAAA;AACX,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB;;AAGF,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;AAE5D,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;AAG1D,QAAA,WAAW,CACT,EAKuB,EAAA;AAEvB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;;;AAG1B,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/p-DaGMxK4K.js.map

@@ -1 +0,0 @@
-{"file":"p-DaGMxK4K.js","mappings":"AAQa,MAAA,UAAU,GAAG,CAAwB,IAAO,KAAI;UACrD,UAAW,GAAA,cAAQ,IAAI,CAAA;;;;AAC3B;;;;AAIG;AACK,QAAA,QAAQ;AAEP,QAAA,gBAAgB;AAIhB,QAAA,SAAS;AAElB;;AAEG;AACM,QAAA,cAAc;AAEvB;;AAEG;AACM,QAAA,aAAa;AAEtB;;AAEG;AACM,QAAA,aAAa;AAEb,QAAA,MAAM;AAEP,QAAA,YAAY;QAOpB,iBAAiB,GAAA;YACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;YAC9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,gBAAgB,GAAA;YACd,IAAI,CAAC,aAAa,EAAE;;QAGtB,OAAO,GAAA;YACL,IAAI,CAAC,aAAa,EAAE;;QAGtB,MAAM,GAAA;AACJ,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;QAGvB,SAAS,GAAA;AACP,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;QAG3B,aAAa,GAAA;AACX,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB;;AAGF,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;AAE5D,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;AAG1D,QAAA,WAAW,CACT,EAKuB,EAAA;AAEvB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;;;AAG1B,IAAA,OAAO,UAAU;AACnB;;;;","names":[],"sources":["src/mixins/inputMixin.ts"],"sourcesContent":["import {\n  Event,\n  type EventEmitter,\n  type MixedInCtor,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport const inputMixin = <B extends MixedInCtor>(Base: B) => {\n  class InputMixin extends Base {\n    /**\n     * Custom validation function run on top of the implicit validation performed\n     * by the browser. Return a string with the validation message to mark the\n     * input as invalid, or null to mark it as valid.\n     */\n    @Prop() validate?: (value: string) => string | null;\n\n    @Event() scoutInputChange: EventEmitter<{\n      value: string;\n      element: HTMLElement;\n    }>;\n    @Event() scoutBlur: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutValidate: EventEmitter<{ element: HTMLElement }>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutInvalid: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field association.\n     */\n    @Event() _scoutFieldId: EventEmitter<string>;\n\n    @State() ariaId: string;\n\n    private inputElement:\n      | HTMLButtonElement\n      | HTMLInputElement\n      | HTMLOutputElement\n      | HTMLSelectElement\n      | HTMLTextAreaElement;\n\n    componentWillLoad() {\n      this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n      this._scoutFieldId.emit(this.ariaId);\n    }\n\n    componentDidLoad() {\n      this.runValidation();\n    }\n\n    onInput() {\n      this.runValidation();\n    }\n\n    onBlur() {\n      this.scoutBlur.emit();\n    }\n\n    onInvalid() {\n      this._scoutInvalid.emit();\n    }\n\n    runValidation() {\n      if (!this.validate) {\n        return;\n      }\n\n      const validationMessage = this.validate(this.inputElement.value);\n      this.inputElement.setCustomValidity(validationMessage ?? \"\");\n\n      this._scoutValidate.emit({ element: this.inputElement });\n    }\n\n    setInputRef(\n      el:\n        | HTMLButtonElement\n        | HTMLInputElement\n        | HTMLOutputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement,\n    ) {\n      this.inputElement = el;\n    }\n  }\n  return InputMixin;\n};\n"],"version":3}

package/dist/esm/inputMixin-mAf9ZFOg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputMixin-mAf9ZFOg.js","sources":["src/mixins/inputMixin.ts"],"sourcesContent":["import {\n  Event,\n  type EventEmitter,\n  type MixedInCtor,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport const inputMixin = <B extends MixedInCtor>(Base: B) => {\n  class InputMixin extends Base {\n    /**\n     * Custom validation function run on top of the implicit validation performed\n     * by the browser. Return a string with the validation message to mark the\n     * input as invalid, or null to mark it as valid.\n     */\n    @Prop() validate?: (value: string) => string | null;\n\n    @Event() scoutInputChange: EventEmitter<{\n      value: string;\n      element: HTMLElement;\n    }>;\n    @Event() scoutBlur: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutValidate: EventEmitter<{ element: HTMLElement }>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutInvalid: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field association.\n     */\n    @Event() _scoutFieldId: EventEmitter<string>;\n\n    @State() ariaId: string;\n\n    private inputElement:\n      | HTMLButtonElement\n      | HTMLInputElement\n      | HTMLOutputElement\n      | HTMLSelectElement\n      | HTMLTextAreaElement;\n\n    componentWillLoad() {\n      this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n      this._scoutFieldId.emit(this.ariaId);\n    }\n\n    componentDidLoad() {\n      this.runValidation();\n    }\n\n    onInput() {\n      this.runValidation();\n    }\n\n    onBlur() {\n      this.scoutBlur.emit();\n    }\n\n    onInvalid() {\n      this._scoutInvalid.emit();\n    }\n\n    runValidation() {\n      if (!this.validate) {\n        return;\n      }\n\n      const validationMessage = this.validate(this.inputElement.value);\n      this.inputElement.setCustomValidity(validationMessage ?? \"\");\n\n      this._scoutValidate.emit({ element: this.inputElement });\n    }\n\n    setInputRef(\n      el:\n        | HTMLButtonElement\n        | HTMLInputElement\n        | HTMLOutputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement,\n    ) {\n      this.inputElement = el;\n    }\n  }\n  return InputMixin;\n};\n"],"names":[],"mappings":";;AAQa,MAAA,UAAU,GAAG,CAAwB,IAAO,KAAI;UACrD,UAAW,GAAA,cAAQ,IAAI,CAAA;;;;;AAC3B;;;;AAIG;AACK,QAAA,QAAQ;AAEP,QAAA,gBAAgB;AAIhB,QAAA,SAAS;AAElB;;AAEG;AACM,QAAA,cAAc;AAEvB;;AAEG;AACM,QAAA,aAAa;AAEtB;;AAEG;AACM,QAAA,aAAa;AAEb,QAAA,MAAM;AAEP,QAAA,YAAY;QAOpB,iBAAiB,GAAA;YACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;YAC9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,gBAAgB,GAAA;YACd,IAAI,CAAC,aAAa,EAAE;;QAGtB,OAAO,GAAA;YACL,IAAI,CAAC,aAAa,EAAE;;QAGtB,MAAM,GAAA;AACJ,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;QAGvB,SAAS,GAAA;AACP,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;QAG3B,aAAa,GAAA;AACX,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB;;AAGF,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;AAE5D,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;AAG1D,QAAA,WAAW,CACT,EAKuB,EAAA;AAEvB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;;;AAG1B,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/ui-webc/p-02c211ea.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as a}from"./p-ksA_9NPe.js";const r=":host{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-2) var(--spacing-4) var(--spacing-1) !important;border:none !important;background-color:transparent}.heading{margin:0;padding:0;font:var(--type-body-sm);color:var(--color-text-base);font-weight:500}";const s=class{constructor(t){e(this,t)}text;headingLevel="h2";render(){return t(a,{key:"5ff0f60b511992241c5dacc25bd2ede127180da5",role:"listitem"},t(this.headingLevel,{key:"e857ca6fd07f98e379ade3efab9b7638a69ef184",class:"heading"},this.text))}static get delegatesFocus(){return true}};s.style=r;export{s as scout_list_view_subheader};
-//# sourceMappingURL=p-02c211ea.entry.js.map

package/dist/ui-webc/p-059921bb.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as c}from"./p-ksA_9NPe.js";const r=".sc-scout-button-h{display:inline-block}.button.sc-scout-button{flex:1;display:inline-flex;height:var(--spacing-10);align-items:center;justify-content:center;gap:var(--spacing-3);padding:0 var(--spacing-4);font:var(--type-body-base);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer;-webkit-text-decoration:none;text-decoration:none}.icon.sc-scout-button{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}.icon.sc-scout-button svg.sc-scout-button{width:100%;height:100%}.button.icon-only.sc-scout-button{aspect-ratio:1 / 1;justify-content:center;padding:0}.button.icon-only.sc-scout-button .icon.sc-scout-button{margin:0}.button.icon-only.sc-scout-button .content.sc-scout-button{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.button.primary.sc-scout-button{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}.button.primary.sc-scout-button:hover{background-color:var(--color-background-brand-hovered)}.button.primary.sc-scout-button:active{background-color:var(--color-background-brand-pressed)}.button.outlined.sc-scout-button{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}.button.outlined.sc-scout-button:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.outlined.sc-scout-button:active{background-color:var(--color-background-brand-subtle-pressed)}.button.text.sc-scout-button{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}.button.text.sc-scout-button:hover{background-color:var(--color-background-brand-subtle-hovered)}.button.text.sc-scout-button:active{background-color:var(--color-background-brand-subtle-pressed)}.button.caution.sc-scout-button{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}.button.caution.sc-scout-button:hover{background-color:var(--color-background-caution-bold-hovered)}.button.caution.sc-scout-button:active{background-color:var(--color-background-caution-bold-pressed)}.button.danger.sc-scout-button{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}.button.danger.sc-scout-button:hover{background-color:var(--color-background-danger-bold-hovered)}.button.danger.sc-scout-button:active{background-color:var(--color-background-danger-bold-pressed)}";const n=class{constructor(c){o(this,c);this.scoutClick=t(this,"scoutClick")}type="button";href;target;rel;variant="outlined";icon;iconPosition="after";iconOnly=false;scoutClick;render(){const o=this.type==="link"?"a":"button";const t=this.type==="link"?{href:this.href,target:this.target,rel:this.rel??(this.target==="_blank"?"noopener noreferrer":undefined)}:{type:this.type};const r=this.icon&&c("span",{key:"4a3e7eb143e3cf53d6a6327163be00947d3cf370",class:"icon",innerHTML:this.icon});return c(o,{key:"d7807c803a4032c6a48c9ffbc08ea1b4bb845058",class:`button ${this.variant} ${this.iconOnly?"icon-only":""}`,onClick:()=>this.scoutClick.emit(),...t},this.iconPosition==="before"&&r,c("span",{key:"f89787ee6e018587d87c1656d32c1b438263d8c9",class:"content"},c("slot",{key:"31567811c1d3151aaa74546df5c50fc01a41d582"})),this.iconPosition==="after"&&r)}};n.style=r;export{n as scout_button};
-//# sourceMappingURL=p-059921bb.entry.js.map

package/dist/ui-webc/p-059921bb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","buttonCss","ScoutButton","constructor","hostRef","this","scoutClick","type","href","target","rel","variant","icon","iconPosition","iconOnly","render","Tag","props","undefined","key","class","innerHTML","onClick","emit","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,MAAS,kBAE3D,MAAMC,EAAY,87EAElB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,WAAaP,EAAYM,KAAM,aACxC,CACAE,KAAO,SACPC,KACAC,OACAC,IAIAC,QAAU,WAIVC,KACAC,aAAe,QACfC,SAAW,MACXR,WACA,MAAAS,GACI,MAAMC,EAAMX,KAAKE,OAAS,OAAS,IAAM,SACzC,MAAMU,EAAQZ,KAAKE,OAAS,OACtB,CACEC,KAAMH,KAAKG,KACXC,OAAQJ,KAAKI,OAEbC,IAAKL,KAAKK,MACLL,KAAKI,SAAW,SAAW,sBAAwBS,YAE1D,CACEX,KAAMF,KAAKE,MAEnB,MAAMK,EAAOP,KAAKO,MAAQZ,EAAE,OAAQ,CAAEmB,IAAK,2CAA4CC,MAAO,OAAQC,UAAWhB,KAAKO,OACtH,OAAQZ,EAAEgB,EAAK,CAAEG,IAAK,2CAA4CC,MAAO,UAAUf,KAAKM,WAAWN,KAAKS,SAAW,YAAc,KAAMQ,QAAS,IAAMjB,KAAKC,WAAWiB,UAAWN,GAASZ,KAAKQ,eAAiB,UAAYD,EAAMZ,EAAE,OAAQ,CAAEmB,IAAK,2CAA4CC,MAAO,WAAapB,EAAE,OAAQ,CAAEmB,IAAK,8CAAgDd,KAAKQ,eAAiB,SAAWD,EACzZ,GAEJV,EAAYsB,MAAQvB,SAEXC","ignoreList":[]}

package/dist/ui-webc/p-1a701759.entry.js

@@ -1,2 +0,0 @@
-import{M as r,r as a,c as e,h as t}from"./p-ksA_9NPe.js";import{i as o}from"./p-BzgciO7w.js";const i='.switch{width:var(--spacing-10);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--spacing-8);background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative;display:flex;align-content:center;justify-content:center;transition-property:border-color;transition-duration:0.3s;transition-timing-function:ease-in-out;cursor:pointer;--switch-ball-padding:calc(var(--spacing-1) / 4);--switch-ball-size:calc(var(--spacing-5) - var(--switch-ball-padding) * 2)}.switch:hover{transition-property:none;border-color:var(--color-gray-400);background-color:var(--color-background-brand-subtle-hovered)}.switch:active{background-color:var(--color-background-brand-subtle-pressed)}.switch:checked{border-color:var(--color-background-brand-base)}.switch:hover::before{background-color:var(--color-gray-400)}.switch::before{content:"";background-color:var(--color-gray-300);width:var(--switch-ball-size);height:var(--switch-ball-size);border-radius:50%;position:absolute;top:var(--switch-ball-padding);left:var(--switch-ball-padding);transition-duration:0.3s;transition-property:left, right}.switch:checked::before{content:"";background-color:var(--color-background-brand-base);left:calc(100% - (var(--switch-ball-size) + var(--switch-ball-padding)));left:calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)))}.switch:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.switch:disabled::before{background-color:var(--color-gray-300)}label{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider{width:var(--spacing-2)}';const s=class extends(r(o)){constructor(r){super();a(this,r);this.scoutInputChange=e(this,"scoutInputChange");this.scoutBlur=e(this,"scoutBlur");this._scoutValidate=e(this,"_scoutValidate");this._scoutInvalid=e(this,"_scoutInvalid");this._scoutFieldId=e(this,"_scoutFieldId");this.scoutChecked=e(this,"scoutChecked")}toggled=false;disabled=false;ariaLabelledby;label;scoutChecked;onChange(r){const a=r.target;this.scoutChecked.emit({checked:a.checked,element:a})}render(){const r=this.label?.length?"label":"div";return t(r,{key:"3df6f0be2cbb14fa4ad4ce777324960365ea5d68"},this.label,t("span",{key:"bbf999533051b967807f18f6d165a9b916a87252",class:"inlineDivider"}),t("input",{key:"8280933ed1b9038edcd8fb9bad39bef5745d4403",ref:r=>this.setInputRef(r),id:this.ariaId,type:"checkbox",class:"switch","aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.toggled,onChange:r=>{this.onInput();this.onChange(r)},onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}))}static get delegatesFocus(){return true}};s.style=i;export{s as scout_switch};
-//# sourceMappingURL=p-1a701759.entry.js.map

package/dist/ui-webc/p-3018f46f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","listViewItemCss","ScoutListViewItem","constructor","hostRef","this","scoutClick","icon","primary","secondary","type","href","target","rel","name","value","checked","render","Tag","linkProps","undefined","key","role","class","onClick","emit","getPrefix","getContent","getSuffix","innerHTML","delegatesFocus","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAkB,mlCAExB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,WAAaR,EAAYO,KAAM,aACxC,CACAE,KACAC,QACAC,UACAC,KAAO,SACPC,KACAC,OACAC,IACAC,KACAC,MACAC,QACAV,WACA,MAAAW,GACI,MAAMC,EAAMb,KAAKK,OAAS,OACpB,IACAL,KAAKK,OAAS,SAAWL,KAAKK,OAAS,WACnC,QACA,SACV,MAAMS,EAAYd,KAAKK,OAAS,OAC1B,CACEC,KAAMN,KAAKM,KACXC,OAAQP,KAAKO,OAEbC,IAAKR,KAAKQ,MACLR,KAAKO,SAAW,SAAW,sBAAwBQ,YAE1D,CAAC,EACP,OAAQrB,EAAEC,EAAM,CAAEqB,IAAK,2CAA4CC,KAAM,YAAcvB,EAAEmB,EAAK,CAAEG,IAAK,2CAA4CE,MAAO,YAAaJ,EAAWK,QAAS,IAAMnB,KAAKC,WAAWmB,QAAUpB,KAAKqB,YAAarB,KAAKsB,aAActB,KAAKuB,aACvQ,CACA,SAAAF,GACI,IAAKrB,KAAKE,KAAM,CACZ,OAAO,IACX,CACA,OAAOR,EAAE,MAAO,CAAEwB,MAAO,cAAeM,UAAWxB,KAAKE,MAC5D,CACA,UAAAoB,GACI,OAAQ5B,EAAE,MAAO,CAAEwB,MAAO,WAAalB,KAAKG,SAAWT,EAAE,MAAO,CAAEwB,MAAO,WAAalB,KAAKG,SAAUH,KAAKI,WAAaV,EAAE,MAAO,CAAEwB,MAAO,aAAelB,KAAKI,WACjK,CACA,SAAAmB,GACI,GAAIvB,KAAKK,OAAS,QAAS,CACvB,OAAQX,EAAE,qBAAsB,CAAEe,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,MAAOC,QAASX,KAAKW,SACxF,CACA,GAAIX,KAAKK,OAAS,WAAY,CAC1B,OAAQX,EAAE,iBAAkB,CAAEe,KAAMT,KAAKS,KAAMC,MAAOV,KAAKU,MAAOC,QAASX,KAAKW,SACpF,CACA,OAAO,IACX,CACA,yBAAWc,GAAmB,OAAO,IAAM,GAE/C5B,EAAkB6B,MAAQ9B,SAEjBC","ignoreList":[]}

package/dist/ui-webc/p-479ae616.entry.js

@@ -1,2 +0,0 @@
-import{M as t,r as s,c as i,h as o}from"./p-ksA_9NPe.js";import{i as a}from"./p-BzgciO7w.js";const r=".input.sc-scout-input{height:var(--spacing-10);padding:var(--spacing-2);font:var(--type-body-base);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);background-color:var(--color-white);color:var(--color-text-base)}.input.sc-scout-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-700);cursor:not-allowed}";const e=class extends(t(a)){constructor(t){super();s(this,t);this.scoutInputChange=i(this,"scoutInputChange");this.scoutBlur=i(this,"scoutBlur");this._scoutValidate=i(this,"_scoutValidate");this._scoutInvalid=i(this,"_scoutInvalid");this._scoutFieldId=i(this,"_scoutFieldId")}type="text";inputmode;pattern;value="";name;disabled=false;render(){return o("input",{key:"15b07e42a3bd97ccc5bfb2d35c97db4a63aa98b9",ref:t=>this.setInputRef(t),id:this.ariaId,type:this.type,name:this.name,inputMode:this.inputmode,pattern:this.pattern,class:"input",value:this.value,disabled:this.disabled,onInput:()=>this.onInput(),onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()})}};e.style=r;export{e as scout_input};
-//# sourceMappingURL=p-479ae616.entry.js.map

package/dist/ui-webc/p-479ae616.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Mixin","registerInstance","createEvent","h","inputMixin","inputCss","ScoutInput","constructor","hostRef","super","this","scoutInputChange","scoutBlur","_scoutValidate","_scoutInvalid","_scoutFieldId","type","inputmode","pattern","value","name","disabled","render","key","ref","el","setInputRef","id","ariaId","inputMode","class","onInput","onBlur","onInvalid","style"],"sources":["0"],"mappings":"YAAcA,OAAYC,OAAuBC,OAAaC,MAAS,8BACzDC,MAAkB,kBAEhC,MAAMC,EAAW,kWAEjB,MAAMC,EAAa,cAAcN,EAAMI,IACnC,WAAAG,CAAYC,GACRC,QACAR,EAAiBS,KAAMF,GACvBE,KAAKC,iBAAmBT,EAAYQ,KAAM,oBAC1CA,KAAKE,UAAYV,EAAYQ,KAAM,aACnCA,KAAKG,eAAiBX,EAAYQ,KAAM,kBACxCA,KAAKI,cAAgBZ,EAAYQ,KAAM,iBACvCA,KAAKK,cAAgBb,EAAYQ,KAAM,gBAC3C,CAMAM,KAAO,OAIPC,UAIAC,QAIAC,MAAQ,GACRC,KAKAC,SAAW,MACX,MAAAC,GACI,OAAQnB,EAAE,QAAS,CAAEoB,IAAK,2CAA4CC,IAAMC,GAAOf,KAAKgB,YAAYD,GAAKE,GAAIjB,KAAKkB,OAAQZ,KAAMN,KAAKM,KAAMI,KAAMV,KAAKU,KAAMS,UAAWnB,KAAKO,UAAWC,QAASR,KAAKQ,QAASY,MAAO,QAASX,MAAOT,KAAKS,MAAOE,SAAUX,KAAKW,SAAUU,QAAS,IAAMrB,KAAKqB,UAAWC,OAAQ,IAAMtB,KAAKsB,SAAUC,UAAW,IAAMvB,KAAKuB,aAChW,GAEJ3B,EAAW4B,MAAQ7B,SAEVC","ignoreList":[]}

package/dist/ui-webc/p-974e8415.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as a,H as s}from"./p-ksA_9NPe.js";const e=":host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}";var c;(function(t){t["xs"]="2";t["s"]="4";t["m"]="8";t["l"]="12";t["xl"]="16";t["xxl"]="20"})(c||(c={}));const r=class{constructor(a){t(this,a)}direction="row";gapSize="m";render(){return a(s,{key:"46f8dfbf3721fe377297d936ea07595e85b933a3",style:{"--stack-flex-direction":`${this.direction}`,"--stack-gap-spacing":`var(--spacing-${c[this.gapSize]})`}},a("slot",{key:"9d0a64fbc02da0960e96293696e77a7688af7132"}))}static get delegatesFocus(){return true}};r.style=e;export{r as scout_stack};
-//# sourceMappingURL=p-974e8415.entry.js.map

package/dist/ui-webc/p-97f9cf0a.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s}from"./p-ksA_9NPe.js";const a=":host{display:contents}.card{display:block;border-radius:var(--spacing-2);border:1px solid var(--color-gray-100);padding:var(--spacing-2);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),\n    0 1px 2px -1px rgba(0, 0, 0, 0.1)}";const e=class{constructor(s){r(this,s)}render(){return s("div",{key:"ffeed5909a251bf61e750ebb575b278e90490945",class:"card"},s("slot",{key:"a8d457f36995146e722c2d53ddfb03f36848f6d1"}))}static get delegatesFocus(){return true}};e.style=a;export{e as scout_card};
-//# sourceMappingURL=p-97f9cf0a.entry.js.map

package/dist/ui-webc/p-BzgciO7w.js

@@ -1,2 +0,0 @@
-import{r as t}from"./p-ksA_9NPe.js";const s=s=>{const i=class extends s{constructor(s){super();t(this,s)}validate;scoutInputChange;scoutBlur;_scoutValidate;_scoutInvalid;_scoutFieldId;ariaId;inputElement;componentWillLoad(){this.ariaId=`_${Math.random().toString(36).substring(2,9)}`;this._scoutFieldId.emit(this.ariaId)}componentDidLoad(){this.runValidation()}onInput(){this.runValidation()}onBlur(){this.scoutBlur.emit()}onInvalid(){this._scoutInvalid.emit()}runValidation(){if(!this.validate){return}const t=this.validate(this.inputElement.value);this.inputElement.setCustomValidity(t??"");this._scoutValidate.emit({element:this.inputElement})}setInputRef(t){this.inputElement=t}};return i};export{s as i};
-//# sourceMappingURL=p-BzgciO7w.js.map

package/dist/ui-webc/p-BzgciO7w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-BzgciO7w.js","sources":["src/mixins/inputMixin.ts"],"sourcesContent":["import {\n  Event,\n  type EventEmitter,\n  type MixedInCtor,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\nexport const inputMixin = <B extends MixedInCtor>(Base: B) => {\n  class InputMixin extends Base {\n    /**\n     * Custom validation function run on top of the implicit validation performed\n     * by the browser. Return a string with the validation message to mark the\n     * input as invalid, or null to mark it as valid.\n     */\n    @Prop() validate?: (value: string) => string | null;\n\n    @Event() scoutInputChange: EventEmitter<{\n      value: string;\n      element: HTMLElement;\n    }>;\n    @Event() scoutBlur: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutValidate: EventEmitter<{ element: HTMLElement }>;\n\n    /**\n     * Internal event used for form field validation.\n     */\n    @Event() _scoutInvalid: EventEmitter<void>;\n\n    /**\n     * Internal event used for form field association.\n     */\n    @Event() _scoutFieldId: EventEmitter<string>;\n\n    @State() ariaId: string;\n\n    private inputElement:\n      | HTMLButtonElement\n      | HTMLInputElement\n      | HTMLOutputElement\n      | HTMLSelectElement\n      | HTMLTextAreaElement;\n\n    componentWillLoad() {\n      this.ariaId = `_${Math.random().toString(36).substring(2, 9)}`;\n      this._scoutFieldId.emit(this.ariaId);\n    }\n\n    componentDidLoad() {\n      this.runValidation();\n    }\n\n    onInput() {\n      this.runValidation();\n    }\n\n    onBlur() {\n      this.scoutBlur.emit();\n    }\n\n    onInvalid() {\n      this._scoutInvalid.emit();\n    }\n\n    runValidation() {\n      if (!this.validate) {\n        return;\n      }\n\n      const validationMessage = this.validate(this.inputElement.value);\n      this.inputElement.setCustomValidity(validationMessage ?? \"\");\n\n      this._scoutValidate.emit({ element: this.inputElement });\n    }\n\n    setInputRef(\n      el:\n        | HTMLButtonElement\n        | HTMLInputElement\n        | HTMLOutputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement,\n    ) {\n      this.inputElement = el;\n    }\n  }\n  return InputMixin;\n};\n"],"names":[],"mappings":";;AAQa,MAAA,UAAU,GAAG,CAAwB,IAAO,KAAI;UACrD,UAAW,GAAA,cAAQ,IAAI,CAAA;;;;;AAC3B;;;;AAIG;AACK,QAAA,QAAQ;AAEP,QAAA,gBAAgB;AAIhB,QAAA,SAAS;AAElB;;AAEG;AACM,QAAA,cAAc;AAEvB;;AAEG;AACM,QAAA,aAAa;AAEtB;;AAEG;AACM,QAAA,aAAa;AAEb,QAAA,MAAM;AAEP,QAAA,YAAY;QAOpB,iBAAiB,GAAA;YACf,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;YAC9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,gBAAgB,GAAA;YACd,IAAI,CAAC,aAAa,EAAE;;QAGtB,OAAO,GAAA;YACL,IAAI,CAAC,aAAa,EAAE;;QAGtB,MAAM,GAAA;AACJ,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;QAGvB,SAAS,GAAA;AACP,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;QAG3B,aAAa,GAAA;AACX,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB;;AAGF,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC;AAE5D,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;;AAG1D,QAAA,WAAW,CACT,EAKuB,EAAA;AAEvB,YAAA,IAAI,CAAC,YAAY,GAAG,EAAE;;;AAG1B,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/ui-webc/p-e2288570.entry.js

@@ -1,2 +0,0 @@
-import{r as e,a as t,h as s,H as o}from"./p-ksA_9NPe.js";const c=":host{display:flex;flex-direction:column;padding:var(--spacing-2) 0}";const r=class{constructor(t){e(this,t)}get el(){return t(this)}onScoutChecked(e){const{checked:t,element:s}=e.detail;if(s.type!=="radio"||!s.name||!t){return}const o=this.el.querySelectorAll("scout-list-view-item");const c=[];o.forEach((e=>{const t=e.shadowRoot.querySelectorAll(`input[type="radio"][name="${CSS.escape(s.name)}"]`);t.forEach((e=>{if(e!==s){c.push(e)}}))}));for(const e of c){e.checked=false}}render(){return s(o,{key:"4364bb39e10f23da20440461fea6a8d7a3274bcc",role:"list"},s("slot",{key:"34f7de708ef874254477b8b82e54cad78db0da6c"}))}static get delegatesFocus(){return true}};r.style=c;export{r as scout_list_view};
-//# sourceMappingURL=p-e2288570.entry.js.map

package/dist/ui-webc/p-e4f5dad7.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-ksA_9NPe.js";const a=":host{display:flex;width:100%}::slotted(scout-button){height:100%}.container{display:flex;flex:1;height:var(--spacing-14);background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-100);color:var(--color-text-brand-base);padding:var(--spacing-1)}.title{flex:1;display:flex;align-items:center;font:var(--type-body-lg);font-weight:500;padding:0 var(--spacing-2)}";const r=class{constructor(t){e(this,t)}titleText;render(){return t("header",{key:"041b27816bb20c69b19b27ef90515c2cec8f2131",class:"container"},t("slot",{key:"0171b39a13600bc784df175ad4499891415a58b2",name:"prefix"}),t("div",{key:"43c4905c019583a11ae290e4c049f1ccb7c08242",class:"title"},this.titleText),t("slot",{key:"26741e8d7ec8559a720dd52a152d939ef857e2b5",name:"suffix"}))}static get delegatesFocus(){return true}};r.style=a;export{r as scout_app_bar};
-//# sourceMappingURL=p-e4f5dad7.entry.js.map