@public-ui/visual-tests 4.3.0-rc.1 → 4.3.0-rc.2

package/app/dist/assets/kol-split-button.entry-DbvplUJr.js

@@ -0,0 +1,413 @@
+import{A as e,a as t,b as n,o as r,s as i}from"./index-CLYw1HnO.js";import{t as a}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as o}from"./clsx-COFh-Vc8-alQuJLqj.js";import"./element-focus-BQXzaLL9-oq1SsV6e.js";import{n as s,r as c,t as l}from"./element-interaction-C5-6aPzz-CwUv4L8C.js";import{t as u}from"./i18n-BkwRYsvE-Baa6kHEL.js";var d=`@charset "UTF-8";
+/* forward the rem function */
+/*
+* This file defines the layer order for all CSS layers used in KoliBri.
+* The order is important as it determines the cascade priority.
+*
+* Layer order (lowest to highest priority):
+* 1. kol-a11y - Accessibility defaults and requirements
+* 2. kol-global - Global component styles and resets
+* 3. kol-component - Component-specific styles
+* 4. kol-theme-global - Theme-specific global styles
+* 5. kol-theme-component - Theme-specific component styles
+*/
+@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;
+/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-a11y {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     *
+     * The \`max(…, 44px)\` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:
+     * \`to-rem(44)\` runs the value through a \`calc()\` rem round-trip which can lose
+     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's
+     * rounding, dropping just below the required minimum.
+     */
+    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);
+    /*
+     * No element should be used without verifying the contrast ratio of its background and font colors.
+     * By initially setting the background color to white and the font color to black,
+     * the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    color: black;
+    background-color: white;
+    /*
+     * 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;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+    /*
+     * Text should be aligned left by default to provide a predictable starting point.
+     */
+    text-align: left;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+  }
+  /*
+   * All interactive elements should have a minimum size of to-rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  button,
+  .kol-input .input {
+    min-width: var(--a11y-min-size);
+    min-height: 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 text color from his parent element.
+     */
+    color: inherit;
+    /*
+     * 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;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: 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 {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    white-space: nowrap;
+    clip-path: inset(50%);
+  }
+}
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    /* 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 {
+    color: black;
+    background-color: white;
+  }
+}
+@layer kol-global {
+  :host {
+    /*
+     * 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%;
+    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  * {
+    /*
+     * 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: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: 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;
+    align-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 {
+    outline: none;
+    cursor: not-allowed;
+  }
+  [aria-disabled=true]:focus .kol-span,
+  [disabled]:focus .kol-span {
+    outline: none !important;
+  }
+  .hastooltip {
+    z-index: 900 !important;
+  }
+}
+@font-face {
+  font-family: "kolicons";
+  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
+  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+}
+@layer kol-component {
+  [class^=kolicon-], [class*=" kolicon-"] {
+    font-family: "kolicons";
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1em;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  .kolicon-alert-error::before {
+    content: "\\ea01";
+  }
+  .kolicon-alert-info::before {
+    content: "\\ea02";
+  }
+  .kolicon-alert-success::before {
+    content: "\\ea03";
+  }
+  .kolicon-alert-warning::before {
+    content: "\\ea04";
+  }
+  .kolicon-check::before {
+    content: "\\ea05";
+  }
+  .kolicon-chevron-double-left::before {
+    content: "\\ea06";
+  }
+  .kolicon-chevron-double-right::before {
+    content: "\\ea07";
+  }
+  .kolicon-chevron-down::before {
+    content: "\\ea08";
+  }
+  .kolicon-chevron-left::before {
+    content: "\\ea09";
+  }
+  .kolicon-chevron-right::before {
+    content: "\\ea0a";
+  }
+  .kolicon-chevron-up::before {
+    content: "\\ea0b";
+  }
+  .kolicon-cogwheel::before {
+    content: "\\ea0c";
+  }
+  .kolicon-cross::before {
+    content: "\\ea0d";
+  }
+  .kolicon-eye-closed::before {
+    content: "\\ea0e";
+  }
+  .kolicon-eye::before {
+    content: "\\ea0f";
+  }
+  .kolicon-house::before {
+    content: "\\ea10";
+  }
+  .kolicon-kolibri::before {
+    content: "\\ea11";
+  }
+  .kolicon-link-external::before {
+    content: "\\ea12";
+  }
+  .kolicon-link::before {
+    content: "\\ea13";
+  }
+  .kolicon-minus::before {
+    content: "\\ea14";
+  }
+  .kolicon-plus::before {
+    content: "\\ea15";
+  }
+  .kolicon-settings::before {
+    content: "\\ea16";
+  }
+  .kolicon-sort-asc::before {
+    content: "\\ea17";
+  }
+  .kolicon-sort-desc::before {
+    content: "\\ea18";
+  }
+  .kolicon-sort-neutral::before {
+    content: "\\ea19";
+  }
+  .kolicon-up::before {
+    content: "\\ea1a";
+  }
+  .kolicon-version::before {
+    content: "\\ea1b";
+  }
+}
+@layer kol-component {
+  .kol-icon {
+    color: inherit;
+    display: inline-block;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+  }
+  .kol-tooltip {
+    display: contents;
+  }
+  .kol-tooltip__floating {
+    opacity: 0;
+    display: none;
+    position: fixed;
+    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
+    top: 0;
+    left: 0;
+    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
+    width: var(--kol-tooltip-width, max-content);
+    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
+    max-width: 90vw;
+    max-height: 90vh;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
+    animation-iteration-count: 1;
+    animation-timing-function: ease-in;
+  }
+  .kol-tooltip__floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip__floating.show {
+    animation-name: showTooltip;
+  }
+  .kol-tooltip__arrow {
+    transform: rotate(45deg);
+    color: black;
+    background-color: white;
+    position: absolute;
+    z-index: 999;
+    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
+    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));
+  }
+  .kol-tooltip__content {
+    color: black;
+    background-color: white;
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .kol-icon {
+    color: inherit;
+    display: inline-block;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+  }
+  .kol-popover-button__popover {
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+  .kol-popover-button--inline .kol-popover-button__button {
+    display: inline;
+  }
+  .kol-popover {
+    opacity: 0;
+    transition: 0.2s ease-out opacity;
+  }
+  .kol-popover-button--open + .kol-popover {
+    opacity: 1;
+  }
+  .kol-split-button {
+    display: flex;
+    position: relative;
+    width: 100%;
+  }
+  .kol-split-button__root {
+    display: flex;
+    position: relative;
+    width: 100%;
+    align-items: stretch;
+  }
+  .kol-split-button__button {
+    min-width: 0;
+    flex: 1 1 auto;
+    text-align: left;
+  }
+}`,f=class{constructor(e){i(this,e),this.ctaRef=l(),this.setPopoverButtonRef=e=>{this.popoverButtonRef=e},this.clickButtonHandler={onClick:e=>{var t;e.stopPropagation(),typeof this._on?.onClick==`function`&&((t=this._on)==null||t.onClick(e,this._value))}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign=`top`,this._type=`button`,this._variant=`normal`,this.state={_show:!1}}async getValue(){return this._value}async focus(e){}async click(){}render(){return r(`div`,{key:`efb712282023ebd2eb5ba801cab698eacafb558b`,class:`kol-split-button`},r(`div`,{key:`331b05abd64211d21d8a67a3cff7c9db5b10870c`,class:`kol-split-button__root`},r(n,{key:`fa270cf31c77bf0f125d52bbb951fa4c2f6fed30`,class:o(`kol-split-button__button`,{[this._variant]:this._variant!==`custom`,[this._customClass]:this._variant===`custom`&&typeof this._customClass==`string`&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),r(`div`,{key:`70e8b56f252df5b250e20829ef5200b8e1f6ef12`,class:`kol-split-button__horizontal-line`}),r(e,{key:`1b44af2b7bac2ea2e797cdee3cd604802eed78cf`,class:`kol-split-button__secondary-button`,ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:!0,_icons:`kolicon-chevron-down`,_label:u(`kol-split-button-dropdown-label-open`),_popoverAlign:`bottom`},r(`slot`,{key:`d3e52b768ff7cda01eee60e1321c767c021eb82c`}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:!1})}async closePopup(){var e;return(e=this.popoverButtonRef)==null||e.hidePopover(),Promise.resolve()}get host(){return t(this)}};a([c(`ctaRef`)],f.prototype,`focus`,null),a([s(`ctaRef`)],f.prototype,`click`,null),f.style={default:d};export{f as kol_split_button};
+//# sourceMappingURL=kol-split-button.entry-DbvplUJr.js.map

package/app/dist/assets/kol-split-button.entry-DbvplUJr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-split-button.entry-DbvplUJr.js","names":[],"sources":["../../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { b as KolButtonWcTag, h as KolPopoverButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-BkwRYsvE.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { d as delegateFocus, a as delegateClick, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport './common-DyILLof-.js';\nimport './i18n-CMA39edx.js';\nimport './element-focus-BQXzaLL9.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\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     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\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     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: 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 text color from his parent element.\\n     */\\n    color: inherit;\\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     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\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    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\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    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\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    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\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: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: 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    align-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    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-popover-button__popover {\\n    margin: 0;\\n    padding: 0;\\n    border: 0;\\n  }\\n  .kol-popover-button--inline .kol-popover-button__button {\\n    display: inline;\\n  }\\n  .kol-popover {\\n    opacity: 0;\\n    transition: 0.2s ease-out opacity;\\n  }\\n  .kol-popover-button--open + .kol-popover {\\n    opacity: 1;\\n  }\\n  .kol-split-button {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n  }\\n  .kol-split-button__root {\\n    display: flex;\\n    position: relative;\\n    width: 100%;\\n    align-items: stretch;\\n  }\\n  .kol-split-button__button {\\n    min-width: 0;\\n    flex: 1 1 auto;\\n    text-align: left;\\n  }\\n}\";\n\nconst KolSplitButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.ctaRef = createCtaRef();\n        this.setPopoverButtonRef = (ref) => {\n            this.popoverButtonRef = ref;\n        };\n        this.clickButtonHandler = {\n            onClick: (event) => {\n                var _a, _b;\n                event.stopPropagation();\n                if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this._value);\n                }\n            },\n        };\n        this._disabled = false;\n        this._hideLabel = false;\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n        this._variant = 'normal';\n        this.state = {\n            _show: false,\n        };\n    }\n    async getValue() {\n        return this._value;\n    }\n    async focus(options) { }\n    async click() { }\n    render() {\n        const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n        return (h(\"div\", { key: 'efb712282023ebd2eb5ba801cab698eacafb558b', class: \"kol-split-button\" }, h(\"div\", { key: '331b05abd64211d21d8a67a3cff7c9db5b10870c', class: \"kol-split-button__root\" }, h(KolButtonWcTag, { key: 'fa270cf31c77bf0f125d52bbb951fa4c2f6fed30', class: clsx('kol-split-button__button', {\n                [this._variant]: this._variant !== 'custom',\n                [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n            }), ref: this.ctaRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), h(\"div\", { key: '70e8b56f252df5b250e20829ef5200b8e1f6ef12', class: \"kol-split-button__horizontal-line\" }), h(KolPopoverButtonWcTag, { key: '1b44af2b7bac2ea2e797cdee3cd604802eed78cf', class: \"kol-split-button__secondary-button\", ref: this.setPopoverButtonRef, _disabled: this._disabled, _hideLabel: true, _icons: \"kolicon-chevron-down\", _label: translate(`${i18nDropdownLabel}-open`), _popoverAlign: \"bottom\" }, h(\"slot\", { key: 'd3e52b768ff7cda01eee60e1321c767c021eb82c' })))));\n    }\n    connectedCallback() {\n        this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n    }\n    async closePopup() {\n        var _a;\n        void ((_a = this.popoverButtonRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n        return Promise.resolve();\n    }\n    get host() { return getElement(this); }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolSplitButton.prototype, \"focus\", null);\n__decorate([\n    delegateClick('ctaRef')\n], KolSplitButton.prototype, \"click\", null);\nKolSplitButton.style = {\n    default: defaultStyleCss\n};\n\nexport { KolSplitButton as kol_split_button };\n//# sourceMappingURL=kol-split-button.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/kol-table-settings-wc.entry-DwrbsbDJ.js

@@ -0,0 +1,2 @@
+import{A as e,E as t,T as n,_ as r,a as i,b as a,d as o,f as s,o as c,s as l,w as u}from"./index-CLYw1HnO.js";import{n as d}from"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import{t as f}from"./i18n-BkwRYsvE-Baa6kHEL.js";var p=e=>Number.isFinite(e)&&e!==void 0&&e>0?e:void 0,m=class{constructor(e){l(this,e),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=f(`kol-table-settings`),this.translateTableSettingsCancel=f(`kol-table-settings-cancel`),this.translateTableSettingsApply=f(`kol-table-settings-apply`),this.translateErrorAllInvisible=f(`kol-table-settings-error-all-invisible`),this.translateColumnNotHidable=f(`kol-table-settings-column-not-hidable`),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){return this.editingHeaderCells[this.editingHeaderCells.length-1]??[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,n,r)=>n===r.length-1?e:t)}moveColumn(e,t){let n=[...this.getPrimaryRow()],r=n.findIndex(t=>t.key===e);if(r===-1)return;let i;if(t===`up`){if(r===0)return;i=r-1}else{if(r===n.length-1)return;i=r+1}let[a]=n.splice(r,1);n.splice(i,0,a),this.updatePrimaryRow(n)}handleVisibilityChange(e,t){let n=this.getPrimaryRow().map(n=>n.key===e&&n.hidable!==!1?Object.assign(Object.assign({},n),{visible:!!t}):n);this.updatePrimaryRow(n)}handleWidthChange(e,t){let n=p(Number(t)),r=this.getPrimaryRow().map(t=>t.key===e&&t.resizable!==!1?Object.assign(Object.assign({},t),{width:n}):t);this.updatePrimaryRow(r)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,(e=this.popoverRef)==null||e.hidePopover()}handleSubmit(e){var t;if(e.preventDefault(),!this.getPrimaryRow().some(e=>e.visible!==!1)){this.errorMessage=this.translateErrorAllInvisible;return}else if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));let e=this.editingHeaderCells.map(e=>e.map(e=>{let t=e,{hidable:n,resizable:r,sortable:i,visible:a,width:o}=t,s=d(t,[`hidable`,`resizable`,`sortable`,`visible`,`width`]),c=Object.assign({},s);return a!==void 0&&(c.visible=a),n!==void 0&&(c.hidable=n),i!==void 0&&(c.sortable=i),r!==void 0&&(c.resizable=r),o!=null&&(c.width=o),c}));s(this.host,o.changeHeaderCells,e),(t=this.popoverRef)==null||t.hidePopover()}}render(){let i=this.getPrimaryRow();return c(e,{key:`b31b61fd00d6f9b7b1cb7229abde5e67772edd4f`,ref:e=>this.popoverRef=e,class:`kol-table-settings`,_icons:`kolicon-settings`,_label:this.translateTableSettings,_popoverAlign:`top`,_hideLabel:!0},c(`div`,{key:`d888ac1b3b7842c5336c12210145890b24916e36`,class:`kol-table-settings__content`},c(u,{key:`d79f606ed627a4a5a069415db0c2cedfaaf666d6`,_label:this.translateTableSettings,_level:0}),this.errorMessage&&c(r,{key:`310aff9ecbe70b0c9ac4aaf9994b9559bd739b81`,_type:`error`,_label:this.errorMessage,_variant:`msg`,class:`kol-table-settings__error-message`}),c(`form`,{key:`b0e84c2f51ab706cc09e4c85ea719b58a3273664`,onSubmit:this.handleSubmit.bind(this)},c(`div`,{key:`fbd274e2f77c273d94696698ce8842d9dd51a731`,class:`kol-table-settings__columns-container`},c(`div`,{key:`696a79971b4c63b8e2dc8341016880d8c8fac347`,class:`kol-table-settings__columns`},i.map((e,r)=>c(`div`,{key:e.key,class:`kol-table-settings__column`},c(n,{_checked:e.visible!==!1,_label:`${e.label}${e.hidable===!1?` (${this.translateColumnNotHidable})`:``}`,_value:!0,_hideLabel:!0,_disabled:e.hidable===!1,_on:{onInput:(t,n)=>this.handleVisibilityChange(e.key??``,n)}}),c(`span`,{class:`kol-table-settings__column-label`},e.label),c(t,{_hideLabel:!0,_value:p(e.width),_label:f(`kol-table-settings-column-width`,{placeholders:{column:e.label}}),_min:1,_disabled:e.resizable===!1,_on:{onInput:(t,n)=>this.handleWidthChange(e.key??``,n)}}),c(a,{_icons:`kolicon-chevron-up`,_label:f(`kol-table-settings-move-up`,{placeholders:{column:e.label}}),_hideLabel:!0,_variant:`ghost`,_on:{onClick:()=>this.moveColumn(e.key??``,`up`)},_disabled:e.sortable===!1||r===0,"data-testid":`table-settings-move-up`}),c(a,{_icons:`kolicon-chevron-down`,_label:f(`kol-table-settings-move-down`,{placeholders:{column:e.label}}),_hideLabel:!0,_variant:`ghost`,_on:{onClick:()=>this.moveColumn(e.key??``,`down`)},_disabled:e.sortable===!1||r===i.length-1,"data-testid":`table-settings-move-down`}))))),c(`div`,{key:`cc7c01ab830868f213166f868a540ada2cdf1328`,class:`kol-table-settings__actions`},c(a,{key:`495664a6a4e779c2faba8c5e57e8baec3818b6fd`,_label:this.translateTableSettingsCancel,_variant:`secondary`,_on:{onClick:()=>this.handleCancel()},"data-testid":`table-settings-cancel`}),c(a,{key:`79d6b02edfc4072529a94f628925fd12f6c851d0`,_label:this.translateTableSettingsApply,_variant:`primary`,_type:`submit`,"data-testid":`table-settings-apply`})))))}get host(){return i(this)}static get watchers(){return{_horizontalHeaderCells:[`handleHeaderCellsChange`]}}};export{m as kol_table_settings_wc};
+//# sourceMappingURL=kol-table-settings-wc.entry-DwrbsbDJ.js.map

package/app/dist/assets/kol-table-settings-wc.entry-DwrbsbDJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-table-settings-wc.entry-DwrbsbDJ.js","names":[],"sources":["../../../../../components/dist/esm/kol-table-settings-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { a as __rest } from './tslib.es6-QNbPBOk5.js';\nimport { p as KolHeadingTag, a as KolAlertWcTag, q as KolInputCheckboxTag, r as KolInputNumberTag, b as KolButtonWcTag, h as KolPopoverButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-BkwRYsvE.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport './common-DyILLof-.js';\nimport './i18n-CMA39edx.js';\n\nconst parseColumnWidth = (width) => {\n    return Number.isFinite(width) && width !== undefined && width > 0 ? width : undefined;\n};\n\nconst KolTableSettings = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.headerCells = [];\n        this.editingHeaderCells = [];\n        this.errorMessage = null;\n        this.translateTableSettings = translate('kol-table-settings');\n        this.translateTableSettingsCancel = translate('kol-table-settings-cancel');\n        this.translateTableSettingsApply = translate('kol-table-settings-apply');\n        this.translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n        this.translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n        this._horizontalHeaderCells = [];\n    }\n    handleHeaderCellsChange(newValue) {\n        this.headerCells = newValue.map((row) => [...row]);\n        this.editingHeaderCells = newValue.map((row) => row.map((cell) => (Object.assign({}, cell))));\n    }\n    componentWillLoad() {\n        this.handleHeaderCellsChange(this._horizontalHeaderCells);\n    }\n    getPrimaryRow() {\n        var _a;\n        return (_a = this.editingHeaderCells[this.editingHeaderCells.length - 1]) !== null && _a !== void 0 ? _a : [];\n    }\n    updatePrimaryRow(newRow) {\n        this.editingHeaderCells = this.editingHeaderCells.map((row, index, arr) => (index === arr.length - 1 ? newRow : row));\n    }\n    moveColumn(columnId, direction) {\n        const row = [...this.getPrimaryRow()];\n        const sourceIndex = row.findIndex((col) => col.key === columnId);\n        if (sourceIndex === -1)\n            return;\n        let targetIndex;\n        if (direction === 'up') {\n            if (sourceIndex === 0)\n                return;\n            targetIndex = sourceIndex - 1;\n        }\n        else {\n            if (sourceIndex === row.length - 1)\n                return;\n            targetIndex = sourceIndex + 1;\n        }\n        const [source] = row.splice(sourceIndex, 1);\n        row.splice(targetIndex, 0, source);\n        this.updatePrimaryRow(row);\n    }\n    handleVisibilityChange(key, visible) {\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.hidable !== false ? Object.assign(Object.assign({}, col), { visible: Boolean(visible) }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleWidthChange(key, width) {\n        const parsedWidth = parseColumnWidth(Number(width));\n        const row = this.getPrimaryRow().map((col) => (col.key === key && col.resizable !== false ? Object.assign(Object.assign({}, col), { width: parsedWidth }) : col));\n        this.updatePrimaryRow(row);\n    }\n    handleCancel() {\n        var _a;\n        this.editingHeaderCells = this.headerCells.map((row) => [...row]);\n        this.errorMessage = null;\n        void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n    }\n    handleSubmit(event) {\n        var _a;\n        event.preventDefault();\n        const primaryRow = this.getPrimaryRow();\n        const hasVisibleColumn = primaryRow.some((column) => column.visible !== false);\n        if (!hasVisibleColumn) {\n            this.errorMessage = this.translateErrorAllInvisible;\n            return;\n        }\n        else if (this.host) {\n            this.errorMessage = null;\n            this.headerCells = this.editingHeaderCells.map((row) => row.map((cell) => (Object.assign({}, cell))));\n            const sanitizedHeaderCells = this.editingHeaderCells.map((row) => row.map((column) => {\n                const _a = column, { hidable, resizable, sortable, visible, width } = _a, rest = __rest(_a, [\"hidable\", \"resizable\", \"sortable\", \"visible\", \"width\"]);\n                const cell = Object.assign({}, rest);\n                if (visible !== undefined)\n                    cell.visible = visible;\n                if (hidable !== undefined)\n                    cell.hidable = hidable;\n                if (sortable !== undefined)\n                    cell.sortable = sortable;\n                if (resizable !== undefined)\n                    cell.resizable = resizable;\n                if (width !== undefined && width !== null)\n                    cell.width = width;\n                return cell;\n            }));\n            dispatchDomEvent(this.host, KolEvent.changeHeaderCells, sanitizedHeaderCells);\n            void ((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.hidePopover());\n        }\n    }\n    render() {\n        const columns = this.getPrimaryRow();\n        return (h(KolPopoverButtonWcTag, { key: 'b31b61fd00d6f9b7b1cb7229abde5e67772edd4f', ref: (el) => (this.popoverRef = el), class: \"kol-table-settings\", _icons: \"kolicon-settings\", _label: this.translateTableSettings, _popoverAlign: \"top\", _hideLabel: true }, h(\"div\", { key: 'd888ac1b3b7842c5336c12210145890b24916e36', class: \"kol-table-settings__content\" }, h(KolHeadingTag, { key: 'd79f606ed627a4a5a069415db0c2cedfaaf666d6', _label: this.translateTableSettings, _level: 0 }), this.errorMessage && h(KolAlertWcTag, { key: '310aff9ecbe70b0c9ac4aaf9994b9559bd739b81', _type: \"error\", _label: this.errorMessage, _variant: \"msg\", class: \"kol-table-settings__error-message\" }), h(\"form\", { key: 'b0e84c2f51ab706cc09e4c85ea719b58a3273664', onSubmit: this.handleSubmit.bind(this) }, h(\"div\", { key: 'fbd274e2f77c273d94696698ce8842d9dd51a731', class: \"kol-table-settings__columns-container\" }, h(\"div\", { key: '696a79971b4c63b8e2dc8341016880d8c8fac347', class: \"kol-table-settings__columns\" }, columns.map((column, index) => (h(\"div\", { key: column.key, class: \"kol-table-settings__column\" }, h(KolInputCheckboxTag, { _checked: column.visible !== false, _label: `${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`, _value: true, _hideLabel: true, _disabled: column.hidable === false, _on: { onInput: (_, value) => { var _a; return this.handleVisibilityChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(\"span\", { class: \"kol-table-settings__column-label\" }, column.label), h(KolInputNumberTag, { _hideLabel: true, _value: parseColumnWidth(column.width), _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _disabled: column.resizable === false, _on: { onInput: (_, value) => { var _a; return this.handleWidthChange((_a = column.key) !== null && _a !== void 0 ? _a : '', value); } } }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-up\", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'up'); } }, _disabled: column.sortable === false || index === 0, \"data-testid\": \"table-settings-move-up\" }), h(KolButtonWcTag, { _icons: \"kolicon-chevron-down\", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _variant: \"ghost\", _on: { onClick: () => { var _a; return this.moveColumn((_a = column.key) !== null && _a !== void 0 ? _a : '', 'down'); } }, _disabled: column.sortable === false || index === columns.length - 1, \"data-testid\": \"table-settings-move-down\" })))))), h(\"div\", { key: 'cc7c01ab830868f213166f868a540ada2cdf1328', class: \"kol-table-settings__actions\" }, h(KolButtonWcTag, { key: '495664a6a4e779c2faba8c5e57e8baec3818b6fd', _label: this.translateTableSettingsCancel, _variant: \"secondary\", _on: { onClick: () => this.handleCancel() }, \"data-testid\": \"table-settings-cancel\" }), h(KolButtonWcTag, { key: '79d6b02edfc4072529a94f628925fd12f6c851d0', _label: this.translateTableSettingsApply, _variant: \"primary\", _type: \"submit\", \"data-testid\": \"table-settings-apply\" }))))));\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_horizontalHeaderCells\": [\"handleHeaderCellsChange\"]\n    }; }\n};\n\nexport { KolTableSettings as kol_table_settings_wc };\n//# sourceMappingURL=kol-table-settings-wc.entry.js.map\n"],"mappings":"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"}