@public-ui/sample-react 3.0.1-rc.0 → 3.0.1

package/dist/assets/kol-table-stateless.entry-CX_xh8Pg.js

@@ -0,0 +1,423 @@
+import{r as e,h as t,ac as o}from"./index-DfN2w0z5.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const i=`@charset "UTF-8";
+/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * No element should be used without a background and font color whose contrast ratio has
+     * not been checked. By initially setting the background color to white and the font color
+     * to black, the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    background-color: white;
+    color: black;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-global {
+  :host {
+    font-size: rem(16);
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: grid;
+    place-items: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+}
+@layer kol-component {
+  :host {
+    display: block;
+  }
+}
+@layer kol-component {
+  .kol-tooltip {
+    display: contents;
+  }
+  .kol-tooltip__floating {
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
+    display: none;
+    position: fixed;
+    visibility: hidden;
+    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
+    top: 0;
+    left: 0;
+    max-width: 90vw;
+    max-height: 90vh;
+    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
+    width: var(--kol-tooltip-width);
+  }
+  .kol-tooltip__arrow {
+    background-color: #fff;
+    color: #000;
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
+    transform: rotate(45deg);
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    z-index: 999;
+  }
+  .kol-tooltip__content {
+    background-color: #fff;
+    color: #000;
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .kol-alert {
+    display: grid;
+  }
+  .kol-alert__container {
+    place-items: center;
+    display: flex;
+  }
+  .kol-alert__container-content {
+    flex-grow: 1;
+  }
+  .kol-alert__closer {
+    /* Visible with forced colors */
+    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+  }
+}
+@layer kol-component {
+  :host {
+    display: inline-block;
+  }
+  .kol-button {
+    font-style: calc(16rem / var(--kolibri-root-font-size, 16));
+    display: inline-flex;
+    place-items: center;
+    text-align: center;
+    text-decoration-line: none;
+  }
+  .kol-button::before {
+    /* Render zero-width character as first element to set the baseline correctly. */
+    content: "​";
+  }
+  .kol-button__text {
+    margin: auto;
+    width: 100%;
+  }
+}
+@layer kol-component {
+  .kol-popover-button__button {
+    display: inline-block;
+  }
+  .kol-popover-button__popover {
+    border: 1px solid #000;
+    margin: 0;
+    padding: 0;
+  }
+}
+@layer kol-component {
+  .kol-table-settings {
+    background: #fff;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: 1;
+  }
+  .kol-table-settings__columns-container {
+    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));
+    max-height: calc(200rem / var(--kolibri-root-font-size, 16));
+    overflow: auto;
+  }
+  .kol-table-settings__columns {
+    align-items: center;
+    display: grid;
+    gap: calc(8rem / var(--kolibri-root-font-size, 16));
+    grid-auto-rows: min-content;
+    grid-template-columns: min-content 1fr calc(100rem / var(--kolibri-root-font-size, 16)) auto auto;
+    overflow: hidden;
+  }
+  .kol-table-settings__column {
+    display: contents;
+  }
+}
+@layer kol-component {
+  .kol-table {
+    display: block;
+    max-width: 100%;
+    position: relative;
+  }
+  .kol-table__scroll-container {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {
+    /* @see https://remysharp.com/til/css/focus-ring-default-styles */
+    outline: 5px auto Highlight;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: 2px;
+  }
+  .kol-table__table {
+    width: 100%;
+  }
+  .kol-table__caption {
+    text-align: start;
+    min-height: var(--a11y-min-size);
+    padding-right: var(--a11y-min-size);
+  }
+  .kol-table__focus-element {
+    font-size: 0;
+  }
+  .kol-table__sort-button .kol-button {
+    color: inherit;
+  }
+  .kol-table__body {
+    text-align: left;
+  }
+  .kol-table__body .kol-button__text {
+    justify-items: start;
+  }
+  .kol-table__cell--align-left {
+    text-align: left;
+  }
+  .kol-table__cell--align-left .kol-button__text {
+    justify-items: start;
+  }
+  .kol-table__cell--align-center {
+    text-align: center;
+  }
+  .kol-table__cell--align-center .kol-button__text {
+    justify-items: center;
+  }
+  .kol-table__cell--align-right {
+    text-align: right;
+  }
+  .kol-table__cell--align-right .kol-button__text {
+    justify-items: end;
+  }
+  .kol-table__cell--selection {
+    width: var(--a11y-min-size);
+    height: var(--a11y-min-size);
+    white-space: nowrap;
+  }
+  .kol-table__spacer {
+    display: none;
+  }
+  .kol-table__selection-label {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    height: var(--a11y-min-size);
+    justify-content: center;
+    position: relative;
+    width: var(--a11y-min-size);
+  }
+  .kol-table__selection-label--disabled {
+    cursor: not-allowed;
+  }
+  .kol-table__selection-icon {
+    display: block;
+    inset: auto;
+    position: absolute;
+    z-index: 1;
+  }
+  .kol-table__selection-input {
+    appearance: none;
+    border-style: solid;
+    cursor: pointer;
+    margin: 0;
+  }
+  .kol-table__selection-input:disabled {
+    cursor: not-allowed;
+  }
+  .kol-table__selection-input:before {
+    content: "";
+  }
+  .kol-table__selection-input--checkbox {
+    position: relative;
+    display: flex;
+    height: calc(var(--a11y-min-size) / 2);
+    width: calc(var(--a11y-min-size) / 2);
+    align-items: center;
+    justify-content: center;
+    background-color: rgb(255, 255, 255);
+    border-width: 2px;
+    line-height: 1.5;
+    transition: all 0.5s ease 0s;
+  }
+  .kol-table__selection-input--radio {
+    display: flex;
+    border-width: 2px;
+    border-radius: 100%;
+    height: 1.5em;
+    min-height: 1.5em;
+    min-width: 1.5em;
+    padding: 0;
+    width: 1.5em;
+  }
+  .kol-table__selection-input--radio:before {
+    border-radius: 100%;
+    margin: auto;
+    height: 0.75em;
+    width: 0.75em;
+  }
+  .kol-table__selection-input--radio:checked:before {
+    background-color: #000;
+  }
+  @media (forced-colors: active) {
+    .kol-table__selection-input--radio:checked:before {
+      /* Give it a visible background in forced colors mode */
+      background-color: selectedItem !important;
+    }
+  }
+}`,l=i,a=class{constructor(n){e(this,n),this._data=void 0,this._dataFoot=void 0,this._headerCells=void 0,this._label=void 0,this._minWidth=void 0,this._on=void 0,this._selection=void 0,this._tableSettings=void 0}render(){return t(o,{key:"9e5cbf024de83c62888cfee1ecb15ee9ed1f8ffc",_data:this._data,_dataFoot:this._dataFoot,_headerCells:this._headerCells,_label:this._label,_minWidth:this._minWidth,_on:this._on,_selection:this._selection,_tableSettings:this._tableSettings})}};a.style={default:l};export{a as kol_table_stateless};
+//# sourceMappingURL=kol-table-stateless.entry-CX_xh8Pg.js.map

package/dist/assets/kol-table-stateless.entry-CX_xh8Pg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-stateless.entry-CX_xh8Pg.js","sources":["../../../../components/dist/esm/kol-table-stateless.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-1ed13705.js';\nimport { m as KolTableStatelessWcTag } from './component-names-7924d82a.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: rem(16);\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-button {\\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-button__text {\\n    margin: auto;\\n    width: 100%;\\n  }\\n}\\n@layer kol-component {\\n  .kol-popover-button__button {\\n    display: inline-block;\\n  }\\n  .kol-popover-button__popover {\\n    border: 1px solid #000;\\n    margin: 0;\\n    padding: 0;\\n  }\\n}\\n@layer kol-component {\\n  .kol-table-settings {\\n    background: #fff;\\n    position: absolute;\\n    right: 0;\\n    top: 0;\\n    z-index: 1;\\n  }\\n  .kol-table-settings__columns-container {\\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\\n    max-height: calc(200rem / var(--kolibri-root-font-size, 16));\\n    overflow: auto;\\n  }\\n  .kol-table-settings__columns {\\n    align-items: center;\\n    display: grid;\\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\\n    grid-auto-rows: min-content;\\n    grid-template-columns: min-content 1fr calc(100rem / var(--kolibri-root-font-size, 16)) auto auto;\\n    overflow: hidden;\\n  }\\n  .kol-table-settings__column {\\n    display: contents;\\n  }\\n}\\n@layer kol-component {\\n  .kol-table {\\n    display: block;\\n    max-width: 100%;\\n    position: relative;\\n  }\\n  .kol-table__scroll-container {\\n    overflow-x: auto;\\n    overflow-y: hidden;\\n  }\\n  .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container {\\n    /* @see https://remysharp.com/til/css/focus-ring-default-styles */\\n    outline: 5px auto Highlight;\\n    outline: 5px auto -webkit-focus-ring-color;\\n    outline-offset: 2px;\\n  }\\n  .kol-table__table {\\n    width: 100%;\\n  }\\n  .kol-table__caption {\\n    text-align: start;\\n    min-height: var(--a11y-min-size);\\n    padding-right: var(--a11y-min-size);\\n  }\\n  .kol-table__focus-element {\\n    font-size: 0;\\n  }\\n  .kol-table__sort-button .kol-button {\\n    color: inherit;\\n  }\\n  .kol-table__body {\\n    text-align: left;\\n  }\\n  .kol-table__body .kol-button__text {\\n    justify-items: start;\\n  }\\n  .kol-table__cell--align-left {\\n    text-align: left;\\n  }\\n  .kol-table__cell--align-left .kol-button__text {\\n    justify-items: start;\\n  }\\n  .kol-table__cell--align-center {\\n    text-align: center;\\n  }\\n  .kol-table__cell--align-center .kol-button__text {\\n    justify-items: center;\\n  }\\n  .kol-table__cell--align-right {\\n    text-align: right;\\n  }\\n  .kol-table__cell--align-right .kol-button__text {\\n    justify-items: end;\\n  }\\n  .kol-table__cell--selection {\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    white-space: nowrap;\\n  }\\n  .kol-table__spacer {\\n    display: none;\\n  }\\n  .kol-table__selection-label {\\n    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    height: var(--a11y-min-size);\\n    justify-content: center;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n  }\\n  .kol-table__selection-label--disabled {\\n    cursor: not-allowed;\\n  }\\n  .kol-table__selection-icon {\\n    display: block;\\n    inset: auto;\\n    position: absolute;\\n    z-index: 1;\\n  }\\n  .kol-table__selection-input {\\n    appearance: none;\\n    border-style: solid;\\n    cursor: pointer;\\n    margin: 0;\\n  }\\n  .kol-table__selection-input:disabled {\\n    cursor: not-allowed;\\n  }\\n  .kol-table__selection-input:before {\\n    content: \\\"\\\";\\n  }\\n  .kol-table__selection-input--checkbox {\\n    position: relative;\\n    display: flex;\\n    height: calc(var(--a11y-min-size) / 2);\\n    width: calc(var(--a11y-min-size) / 2);\\n    align-items: center;\\n    justify-content: center;\\n    background-color: rgb(255, 255, 255);\\n    border-width: 2px;\\n    line-height: 1.5;\\n    transition: all 0.5s ease 0s;\\n  }\\n  .kol-table__selection-input--radio {\\n    display: flex;\\n    border-width: 2px;\\n    border-radius: 100%;\\n    height: 1.5em;\\n    min-height: 1.5em;\\n    min-width: 1.5em;\\n    padding: 0;\\n    width: 1.5em;\\n  }\\n  .kol-table__selection-input--radio:before {\\n    border-radius: 100%;\\n    margin: auto;\\n    height: 0.75em;\\n    width: 0.75em;\\n  }\\n  .kol-table__selection-input--radio:checked:before {\\n    background-color: #000;\\n  }\\n  @media (forced-colors: active) {\\n    .kol-table__selection-input--radio:checked:before {\\n      /* Give it a visible background in forced colors mode */\\n      background-color: selectedItem !important;\\n    }\\n  }\\n}\";\nconst KolTableStatelessDefaultStyle0 = defaultStyleCss;\n\nconst KolTableStateless = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._data = undefined;\n        this._dataFoot = undefined;\n        this._headerCells = undefined;\n        this._label = undefined;\n        this._minWidth = undefined;\n        this._on = undefined;\n        this._selection = undefined;\n        this._tableSettings = undefined;\n    }\n    render() {\n        return (h(KolTableStatelessWcTag, { key: '9e5cbf024de83c62888cfee1ecb15ee9ed1f8ffc', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));\n    }\n};\nKolTableStateless.style = {\n    default: KolTableStatelessDefaultStyle0\n};\n\nexport { KolTableStateless as kol_table_stateless };\n\n//# sourceMappingURL=kol-table-stateless.entry.js.map"],"names":["defaultStyleCss","KolTableStatelessDefaultStyle0","KolTableStateless","hostRef","registerInstance","h","KolTableStatelessWcTag"],"mappings":"uDAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAiCD,EAEjCE,EAAoB,KAAM,CAC5B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,OAAS,OACd,KAAK,UAAY,OACjB,KAAK,IAAM,OACX,KAAK,WAAa,OAClB,KAAK,eAAiB,MAC9B,CACI,QAAS,CACL,OAAQE,EAAEC,EAAwB,CAAE,IAAK,2CAA4C,MAAO,KAAK,MAAO,UAAW,KAAK,UAAW,aAAc,KAAK,aAAc,OAAQ,KAAK,OAAQ,UAAW,KAAK,UAAW,IAAK,KAAK,IAAK,WAAY,KAAK,WAAY,eAAgB,KAAK,cAAc,CAAE,CAC7S,CACA,EACAJ,EAAkB,MAAQ,CACtB,QAASD,CACb"}