"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    renderQuickviewSidebar: ()=>renderQuickviewSidebar
});
const external_lit_namespaceObject = require("lit");
const when_js_namespaceObject = require("lit/directives/when.js");
const external_highlight_keywords_checkbox_cjs_namespaceObject = require("./highlight-keywords-checkbox.cjs");
const external_keywords_cjs_namespaceObject = require("./keywords.cjs");
const external_minimize_button_cjs_namespaceObject = require("./minimize-button.cjs");
const renderQuickviewSidebar = ({ props })=>{
    const numberOfWords = Object.values(props.words).length;
    if (0 === numberOfWords) return external_lit_namespaceObject.nothing;
    return (0, external_lit_namespaceObject.html)`
    <div class="border-neutral h-full border-r p-4">
      ${(0, when_js_namespaceObject.when)(props.minimized, ()=>(0, external_minimize_button_cjs_namespaceObject.renderMinimizeButton)({
            props: {
                i18n: props.i18n,
                minimized: props.minimized,
                onMinimize: props.onMinimize,
                highlightKeywords: props.highlightKeywords,
                wordsLength: numberOfWords
            }
        }))}
      <div class="flex items-center justify-between">
        <div class="flex items-center">
          ${(0, external_highlight_keywords_checkbox_cjs_namespaceObject.renderHighlightKeywordsCheckbox)({
        props
    })}
        </div>
        ${(0, when_js_namespaceObject.when)(!props.minimized, ()=>(0, external_lit_namespaceObject.html)`
            <div>
              ${(0, external_minimize_button_cjs_namespaceObject.renderMinimizeButton)({
            props: {
                i18n: props.i18n,
                minimized: props.minimized,
                onMinimize: props.onMinimize,
                highlightKeywords: props.highlightKeywords,
                wordsLength: numberOfWords
            }
        })}
            </div>
          `)}
      </div>

      ${(0, when_js_namespaceObject.when)(!props.minimized, ()=>(0, external_keywords_cjs_namespaceObject.renderKeywords)({
            props: {
                i18n: props.i18n,
                highlightKeywords: props.highlightKeywords,
                onHighlightKeywords: props.onHighlightKeywords,
                words: props.words
            }
        }))}
    </div>
  `;
};
exports.renderQuickviewSidebar = __webpack_exports__.renderQuickviewSidebar;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "renderQuickviewSidebar"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
