@coveo/atomic 3.38.0 → 3.39.0

package/dist/cjs/smart-snippet-common-bfd586a6.js

@@ -1,75 +0,0 @@
-'use strict';
-
-const index = require('./index-1df73594.js');
-const stencilButton = require('./stencil-button-e9b9fab0.js');
-const stencilRadioButton = require('./stencil-radio-button-a90b0c64.js');
-const stencilHeading = require('./stencil-heading-8a52dac8.js');
-
-const Checkmark = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M4 7.07692L6 9L10 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-
-const Cross = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M5 9L9 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackBanner = (props) => {
-    const inquiryId = 'feedback-inquiry-' + props.id;
-    const thankYouId = 'feedback-thank-you-' + props.id;
-    const radioGroupName = 'feedback-options-' + props.id;
-    const Inquiry = () => (index.h("span", { id: inquiryId, part: "feedback-inquiry", class: "shrink-0" }, props.i18n.t('smart-snippet-feedback-inquiry')));
-    const Buttons = () => (index.h("div", { part: "feedback-buttons", class: "flex gap-x-4" },
-        index.h("label", { part: "feedback-like-button", class: 'flex items-center gap-x-1.5 ' +
-                (props.liked ? 'text-success' : 'cursor-pointer hover:underline') },
-            index.h("atomic-icon", { icon: Checkmark, class: "w-3.5" }),
-            index.h(stencilRadioButton.RadioButton, { groupName: radioGroupName, text: props.i18n.t('yes'), checked: props.liked, onChecked: () => props.onLike(), class: "cursor-[inherit] text-[inherit]" })),
-        index.h("label", { part: "feedback-dislike-button", class: 'flex items-center gap-x-1.5 ' +
-                (props.disliked ? 'text-error' : 'cursor-pointer hover:underline') },
-            index.h("atomic-icon", { icon: Cross, class: "w-3.5" }),
-            index.h(stencilRadioButton.RadioButton, { groupName: radioGroupName, text: props.i18n.t('no'), checked: props.disliked, onChecked: () => props.onDislike(), class: "cursor-[inherit] text-[inherit]" }))));
-    const ThankYouMessage = () => (index.h("span", { id: thankYouId, part: "feedback-thank-you", class: "inline-flex" }, props.i18n.t('smart-snippet-feedback-thanks')));
-    const ExplainWhyButton = () => (index.h(stencilButton.Button, { part: "feedback-explain-why-button", style: "text-primary", onClick: () => props.onPressExplainWhy(), ref: (element) => props.explainWhyRef?.(element) }, props.i18n.t('smart-snippet-feedback-explain-why')));
-    const ThankYouContainer = ({ visible }) => visible ? (index.h("div", { part: "feedback-thank-you-wrapper", class: "flex flex-wrap gap-1" },
-        index.h(ThankYouMessage, null),
-        props.disliked && !props.feedbackSent ? (index.h(ExplainWhyButton, null)) : ([]))) : ([]);
-    return (index.h("div", { part: "feedback-banner", class: "flex flex-wrap items-center gap-4 text-sm leading-4" },
-        index.h("div", { part: "feedback-inquiry-and-buttons", role: "radiogroup", "aria-labelledby": inquiryId, class: "inline-flex flex-wrap gap-4" },
-            index.h(Inquiry, null),
-            index.h(Buttons, null)),
-        index.h(ThankYouContainer, { visible: props.liked || props.disliked })));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {
-    return (index.h("aside", { "aria-label": i18n.t('smart-snippet') },
-        index.h(stencilHeading.Heading, { level: headingLevel ?? 0, class: "sr-only" }, i18n.t('smart-snippet')),
-        index.h("article", { class: "bg-background border-neutral text-on-background rounded-lg border p-6 pb-4", part: "smart-snippet" }, children)));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetQuestion = ({ headingLevel, question }) => {
-    return (index.h(stencilHeading.Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "text-xl font-bold", part: "question" }, question));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetTruncatedAnswer = ({ answer, style }) => {
-    return (index.h("div", { part: "truncated-answer" },
-        index.h("atomic-smart-snippet-answer", { exportparts: "answer", part: "body", htmlContent: answer, innerStyle: style })));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFooter = ({ i18n }, children) => {
-    return (index.h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
-};
-
-exports.SmartSnippetFeedbackBanner = SmartSnippetFeedbackBanner;
-exports.SmartSnippetFooter = SmartSnippetFooter;
-exports.SmartSnippetQuestion = SmartSnippetQuestion;
-exports.SmartSnippetTruncatedAnswer = SmartSnippetTruncatedAnswer;
-exports.SmartSnippetWrapper = SmartSnippetWrapper;
-
-//# sourceMappingURL=smart-snippet-common-bfd586a6.js.map

package/dist/cjs/smart-snippet-common-bfd586a6.js.map

@@ -1 +0,0 @@
-{"file":"smart-snippet-common-bfd586a6.js","mappings":"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","names":["h","RadioButton","Button","Heading"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner.tsx","src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Checkmark from '../../../images/checkmark.svg';\nimport Cross from '../../../images/cross.svg';\nimport {Button} from '../stencil-button';\nimport {RadioButton} from '../stencil-radio-button';\n\ninterface SmartSnippetFeedbackBannerProps {\n  i18n: i18n;\n  id: string;\n  liked: boolean;\n  disliked: boolean;\n  feedbackSent: boolean;\n  onLike(): void;\n  onDislike(): void;\n  onPressExplainWhy(): void;\n  explainWhyRef?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackBanner: FunctionalComponent<\n  SmartSnippetFeedbackBannerProps\n> = (props) => {\n  const inquiryId = 'feedback-inquiry-' + props.id;\n  const thankYouId = 'feedback-thank-you-' + props.id;\n  const radioGroupName = 'feedback-options-' + props.id;\n\n  const Inquiry = () => (\n    <span id={inquiryId} part=\"feedback-inquiry\" class=\"shrink-0\">\n      {props.i18n.t('smart-snippet-feedback-inquiry')}\n    </span>\n  );\n\n  const Buttons = () => (\n    <div part=\"feedback-buttons\" class=\"flex gap-x-4\">\n      <label\n        part=\"feedback-like-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.liked ? 'text-success' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Checkmark} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('yes')}\n          checked={props.liked}\n          onChecked={() => props.onLike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n      <label\n        part=\"feedback-dislike-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.disliked ? 'text-error' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Cross} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('no')}\n          checked={props.disliked}\n          onChecked={() => props.onDislike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n    </div>\n  );\n\n  const ThankYouMessage = () => (\n    <span id={thankYouId} part=\"feedback-thank-you\" class=\"inline-flex\">\n      {props.i18n.t('smart-snippet-feedback-thanks')}\n    </span>\n  );\n\n  const ExplainWhyButton = () => (\n    <Button\n      part=\"feedback-explain-why-button\"\n      style=\"text-primary\"\n      onClick={() => props.onPressExplainWhy()}\n      ref={(element) => props.explainWhyRef?.(element)}\n    >\n      {props.i18n.t('smart-snippet-feedback-explain-why')}\n    </Button>\n  );\n\n  const ThankYouContainer = ({visible}: {visible: boolean}) =>\n    visible ? (\n      <div part=\"feedback-thank-you-wrapper\" class=\"flex flex-wrap gap-1\">\n        <ThankYouMessage></ThankYouMessage>\n        {props.disliked && !props.feedbackSent ? (\n          <ExplainWhyButton></ExplainWhyButton>\n        ) : (\n          []\n        )}\n      </div>\n    ) : (\n      []\n    );\n\n  return (\n    <div\n      part=\"feedback-banner\"\n      class=\"flex flex-wrap items-center gap-4 text-sm leading-4\"\n    >\n      <div\n        part=\"feedback-inquiry-and-buttons\"\n        role=\"radiogroup\"\n        aria-labelledby={inquiryId}\n        class=\"inline-flex flex-wrap gap-4\"\n      >\n        <Inquiry></Inquiry>\n        <Buttons></Buttons>\n      </div>\n      <ThankYouContainer\n        visible={props.liked || props.disliked}\n      ></ThankYouContainer>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Heading} from '../../stencil-heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetWrapper: FunctionalComponent<{\n  headingLevel?: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside aria-label={i18n.t('smart-snippet')}>\n      <Heading level={headingLevel ?? 0} class=\"sr-only\">\n        {i18n.t('smart-snippet')}\n      </Heading>\n      <article\n        class=\"bg-background border-neutral text-on-background rounded-lg border p-6 pb-4\"\n        part=\"smart-snippet\"\n      >\n        {children}\n      </article>\n    </aside>\n  );\n};\n\ninterface SmartSnippetQuestionProps {\n  headingLevel?: number;\n  question: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetQuestion: FunctionalComponent<SmartSnippetQuestionProps> = ({headingLevel, question}) => {\n  return (\n    <Heading\n      level={headingLevel ? headingLevel + 1 : 0}\n      class=\"text-xl font-bold\"\n      part=\"question\"\n    >\n      {question}\n    </Heading>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetTruncatedAnswer: FunctionalComponent<{\n  answer: string;\n  style?: string;\n}> = ({answer, style}) => {\n  return (\n    <div part=\"truncated-answer\">\n      <atomic-smart-snippet-answer\n        exportparts=\"answer\"\n        part=\"body\"\n        htmlContent={answer}\n        innerStyle={style}\n      ></atomic-smart-snippet-answer>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFooter: FunctionalComponent<{i18n: i18n}> = (\n  {i18n},\n  children\n) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n"],"version":3}

package/dist/cjs/smart-snippet-feedback-modal-common-f0ee5b23.js

@@ -1,87 +0,0 @@
-'use strict';
-
-const index = require('./index-1df73594.js');
-const stencilButton = require('./stencil-button-e9b9fab0.js');
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackModalHeader = ({ i18n }) => {
-    return index.h("h1", { slot: "header" }, i18n.t('smart-snippet-feedback-explain-why'));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackModalBody = ({ formId, onSubmit }, children) => {
-    return (index.h("form", { part: "form", id: formId, slot: "body", onSubmit: onSubmit, class: "flex flex-col gap-8" }, children));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeebackModalOptions = ({ i18n }, children) => {
-    return (index.h("fieldset", null,
-        index.h("legend", { part: "reason-title", class: "text-on-background text-lg font-bold" }, i18n.t('smart-snippet-feedback-select-reason')),
-        children));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackModalOption = ({ correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange }) => {
-    return (index.h("div", { class: "flex items-center", key: id, part: "reason" },
-        index.h("input", { part: "reason-radio", type: "radio", name: "answer", id: id, checked: currentAnswer === correspondingAnswer, onChange: onChange, class: "mr-2 h-4 w-4", required: true }),
-        index.h("label", { part: "reason-label", htmlFor: id }, i18n.t(localeKey))));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackModalDetails = ({ currentAnswer, i18n, setDetailsInputRef }) => {
-    if (currentAnswer !== 'other') {
-        return;
-    }
-    return (index.h("fieldset", null,
-        index.h("legend", { part: "details-title", class: "text-on-background text-lg font-bold" }, i18n.t('details')),
-        index.h("textarea", { part: "details-input", name: "answer-details", ref: setDetailsInputRef, class: "border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5", rows: 4, required: true })));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetFeedbackModalFooter = ({ formId, i18n, onClick }) => {
-    return (index.h("div", { part: "buttons", slot: "footer", class: "flex justify-end gap-2" },
-        index.h(stencilButton.Button, { part: "cancel-button", style: "outline-neutral", class: "text-primary", onClick: onClick }, i18n.t('cancel')),
-        index.h(stencilButton.Button, { part: "submit-button", style: "primary", type: "submit", form: formId }, i18n.t('feedback-send'))));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const smartSnippetFeedbackOptions = [
-    {
-        id: 'does-not-answer',
-        localeKey: 'smart-snippet-feedback-reason-does-not-answer',
-        correspondingAnswer: 'does_not_answer',
-    },
-    {
-        id: 'partially-answers',
-        localeKey: 'smart-snippet-feedback-reason-partially-answers',
-        correspondingAnswer: 'partially_answers',
-    },
-    {
-        id: 'was-not-a-question',
-        localeKey: 'smart-snippet-feedback-reason-was-not-a-question',
-        correspondingAnswer: 'was_not_a_question',
-    },
-    {
-        id: 'other',
-        localeKey: 'smart-snippet-feedback-reason-other',
-        correspondingAnswer: 'other',
-    },
-];
-
-exports.SmartSnippetFeebackModalOptions = SmartSnippetFeebackModalOptions;
-exports.SmartSnippetFeedbackModalBody = SmartSnippetFeedbackModalBody;
-exports.SmartSnippetFeedbackModalDetails = SmartSnippetFeedbackModalDetails;
-exports.SmartSnippetFeedbackModalFooter = SmartSnippetFeedbackModalFooter;
-exports.SmartSnippetFeedbackModalHeader = SmartSnippetFeedbackModalHeader;
-exports.SmartSnippetFeedbackModalOption = SmartSnippetFeedbackModalOption;
-exports.smartSnippetFeedbackOptions = smartSnippetFeedbackOptions;
-
-//# sourceMappingURL=smart-snippet-feedback-modal-common-f0ee5b23.js.map

package/dist/cjs/smart-snippet-feedback-modal-common-f0ee5b23.js.map

@@ -1 +0,0 @@
-{"file":"smart-snippet-feedback-modal-common-f0ee5b23.js","mappings":";;;;;AAKA;;;MAGa,+BAA+B,GAEvC,CAAC,EAAC,IAAI,EAAC;IACV,OAAOA,gBAAI,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAM,CAAC;AAC/E,EAAE;AAEF;;;MAGa,6BAA6B,GAGrC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,EAAE,QAAQ;IAChC,QACEA,kBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,qBAAqB,IAE1B,QAAQ,CACJ,EACP;AACJ,EAAE;AAEF;;;MAGa,+BAA+B,GAEvC,CAAC,EAAC,IAAI,EAAC,EAAE,QAAQ;IACpB,QACEA;QACEA,oBAAQ,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,sCAAsC,IACrE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,CACxC;QACR,QAAQ,CACA,EACX;AACJ,EAAE;AAEF;;;MAGa,+BAA+B,GAOvC,CAAC,EAAC,mBAAmB,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAC;IACvE,QACEA,iBAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAC,QAAQ;QACnDA,mBACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,aAAa,KAAK,mBAAmB,EAC9C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,cAAc,EACpB,QAAQ,SACR;QACFA,mBAAO,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,EAAE,IACnC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CACZ,CACJ,EACN;AACJ,EAAE;AAEF;;;MAGa,gCAAgC,GAIxC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAE,kBAAkB,EAAC;IAC7C,IAAI,aAAa,KAAK,OAAO,EAAE;QAC7B,OAAO;KACR;IAED,QACEA;QACEA,oBAAQ,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,sCAAsC,IACtE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CACX;QACTA,sBACE,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,kBAAkB,EACvB,KAAK,EAAC,+EAA+E,EACrF,IAAI,EAAE,CAAC,EACP,QAAQ,SACE,CACH,EACX;AACJ,EAAE;AAEF;;;MAGa,+BAA+B,GAIvC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC;IAC3B,QACEA,iBAAK,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,wBAAwB;QAC9DA,QAACC,oBAAM,IACL,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,OAAO,IAEf,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CACV;QACTD,QAACC,oBAAM,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,IACpE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CACjB,CACL,EACN;AACJ,EAAE;AAEF;;;MAGa,2BAA2B,GAIlC;IACJ;QACE,EAAE,EAAE,iBAAiB;QACrB,SAAS,EAAE,+CAA+C;QAC1D,mBAAmB,EAAE,iBAAiB;KACvC;IACD;QACE,EAAE,EAAE,mBAAmB;QACvB,SAAS,EAAE,iDAAiD;QAC5D,mBAAmB,EAAE,mBAAmB;KACzC;IACD;QACE,EAAE,EAAE,oBAAoB;QACxB,SAAS,EAAE,kDAAkD;QAC7D,mBAAmB,EAAE,oBAAoB;KAC1C;IACD;QACE,EAAE,EAAE,OAAO;QACX,SAAS,EAAE,qCAAqC;QAChD,mBAAmB,EAAE,OAAO;KAC7B;;;;;;;;;;;","names":["h","Button"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx"],"sourcesContent":["import type {SmartSnippetFeedback} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}) => {\n  return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalBody: FunctionalComponent<{\n  formId: string;\n  onSubmit: (e: Event) => void;\n}> = ({formId, onSubmit}, children) => {\n  return (\n    <form\n      part=\"form\"\n      id={formId}\n      slot=\"body\"\n      onSubmit={onSubmit}\n      class=\"flex flex-col gap-8\"\n    >\n      {children}\n    </form>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeebackModalOptions: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <fieldset>\n      <legend part=\"reason-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('smart-snippet-feedback-select-reason')}\n      </legend>\n      {children}\n    </fieldset>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalOption: FunctionalComponent<{\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  id: string;\n  localeKey: string;\n  onChange: (e: Event) => void;\n}> = ({correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange}) => {\n  return (\n    <div class=\"flex items-center\" key={id} part=\"reason\">\n      <input\n        part=\"reason-radio\"\n        type=\"radio\"\n        name=\"answer\"\n        id={id}\n        checked={currentAnswer === correspondingAnswer}\n        onChange={onChange}\n        class=\"mr-2 h-4 w-4\"\n        required\n      />\n      <label part=\"reason-label\" htmlFor={id}>\n        {i18n.t(localeKey)}\n      </label>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalDetails: FunctionalComponent<{\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;\n}> = ({currentAnswer, i18n, setDetailsInputRef}) => {\n  if (currentAnswer !== 'other') {\n    return;\n  }\n\n  return (\n    <fieldset>\n      <legend part=\"details-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('details')}\n      </legend>\n      <textarea\n        part=\"details-input\"\n        name=\"answer-details\"\n        ref={setDetailsInputRef}\n        class=\"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\"\n        rows={4}\n        required\n      ></textarea>\n    </fieldset>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetFeedbackModalFooter: FunctionalComponent<{\n  formId: string;\n  i18n: i18n;\n  onClick: (e: MouseEvent) => void;\n}> = ({formId, i18n, onClick}) => {\n  return (\n    <div part=\"buttons\" slot=\"footer\" class=\"flex justify-end gap-2\">\n      <Button\n        part=\"cancel-button\"\n        style=\"outline-neutral\"\n        class=\"text-primary\"\n        onClick={onClick}\n      >\n        {i18n.t('cancel')}\n      </Button>\n      <Button part=\"submit-button\" style=\"primary\" type=\"submit\" form={formId}>\n        {i18n.t('feedback-send')}\n      </Button>\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const smartSnippetFeedbackOptions: {\n  id: string;\n  localeKey: string;\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n}[] = [\n  {\n    id: 'does-not-answer',\n    localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n    correspondingAnswer: 'does_not_answer',\n  },\n  {\n    id: 'partially-answers',\n    localeKey: 'smart-snippet-feedback-reason-partially-answers',\n    correspondingAnswer: 'partially_answers',\n  },\n  {\n    id: 'was-not-a-question',\n    localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n    correspondingAnswer: 'was_not_a_question',\n  },\n  {\n    id: 'other',\n    localeKey: 'smart-snippet-feedback-reason-other',\n    correspondingAnswer: 'other',\n  },\n];\n"],"version":3}

package/dist/cjs/smart-snippet-suggestions-common-0288af37.js

@@ -1,54 +0,0 @@
-'use strict';
-
-const index = require('./index-1df73594.js');
-const stencilButton = require('./stencil-button-e9b9fab0.js');
-const stencilHeading = require('./stencil-heading-8a52dac8.js');
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetSuggestionsWrapper = ({ headingLevel, i18n }, children) => {
-    return (index.h("aside", { part: "container", class: "bg-background border-neutral text-on-background overflow-hidden rounded-lg border", "aria-label": i18n.t('smart-snippet-people-also-ask') },
-        index.h(stencilHeading.Heading, { level: headingLevel, part: "heading", class: "border-neutral border-b px-6 py-4 text-xl leading-8" }, i18n.t('smart-snippet-people-also-ask')),
-        index.h("ul", { part: "questions", class: "divide-neutral divide-y" }, children)));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetSuggestionsQuestionWrapper = ({ expanded, key }, children) => {
-    return (index.h("li", { key: key, part: `question-answer-${expanded ? 'expanded' : 'collapsed'}`, class: "flex flex-col" },
-        index.h("article", { class: "contents" }, children)));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetSuggestionsQuestion = ({ ariaControls, expanded, headingLevel, onClick, question }, atomicIcon) => {
-    return (index.h(stencilButton.Button, { style: "text-neutral", part: getQuestionPart('button', expanded), onClick: onClick, class: "flex items-center px-4", ariaExpanded: expanded ? 'true' : undefined, ariaControls: expanded ? ariaControls : undefined },
-        atomicIcon,
-        index.h(stencilHeading.Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "py-4 text-left text-xl font-bold", part: getQuestionPart('text', expanded) }, question)));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetSuggestionsAnswerAndSourceWrapper = ({ id }, children) => {
-    return (index.h("div", { part: "answer-and-source", class: "pr-6 pb-6 pl-10", id: id }, children));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SmartSnippetSuggestionsFooter = ({ i18n }, children) => {
-    return (index.h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
-};
-/**
- * @deprecated should only be used for Stencil components.
- */
-const getQuestionPart = (base, expanded) => `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;
-
-exports.SmartSnippetSuggestionsAnswerAndSourceWrapper = SmartSnippetSuggestionsAnswerAndSourceWrapper;
-exports.SmartSnippetSuggestionsFooter = SmartSnippetSuggestionsFooter;
-exports.SmartSnippetSuggestionsQuestion = SmartSnippetSuggestionsQuestion;
-exports.SmartSnippetSuggestionsQuestionWrapper = SmartSnippetSuggestionsQuestionWrapper;
-exports.SmartSnippetSuggestionsWrapper = SmartSnippetSuggestionsWrapper;
-exports.getQuestionPart = getQuestionPart;
-
-//# sourceMappingURL=smart-snippet-suggestions-common-0288af37.js.map

package/dist/cjs/smart-snippet-suggestions-common-0288af37.js.map

@@ -1 +0,0 @@
-{"file":"smart-snippet-suggestions-common-0288af37.js","mappings":";;;;;;AAKA;;;MAGa,8BAA8B,GAGtC,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,QAAQ;IAClC,QACEA,mBACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,mFAAmF,gBAC7E,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC;QAEnDA,QAACC,sBAAO,IACN,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qDAAqD,IAE1D,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAChC;QACVD,gBAAI,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,yBAAyB,IACjD,QAAQ,CACN,CACC,EACR;AACJ,EAAE;AAEF;;;MAGa,sCAAsC,GAG9C,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,QAAQ;IAC7B,QACEA,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,mBAAmB,QAAQ,GAAG,UAAU,GAAG,WAAW,EAAE,EAC9D,KAAK,EAAC,eAAe;QAErBA,qBAAS,KAAK,EAAC,UAAU,IAAE,QAAQ,CAAW,CAC3C,EACL;AACJ,EAAE;AAEF;;;MAGa,+BAA+B,GAMvC,CACH,EAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAC,EACzD,UAAU;IAEV,QACEA,QAACE,oBAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,wBAAwB,EAC9B,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC3C,YAAY,EAAE,QAAQ,GAAG,YAAY,GAAG,SAAS;QAEhD,UAAU;QACXF,QAACC,sBAAO,IACN,KAAK,EAAE,YAAY,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,EAC1C,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,IAEtC,QAAQ,CACD,CACH,EACT;AACJ,EAAE;AAEF;;;MAGa,6CAA6C,GAGrD,CAAC,EAAC,EAAE,EAAC,EAAE,QAAQ;IAClB,QACED,iBAAK,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,EAAE,IACzD,QAAQ,CACL,EACN;AACJ,EAAE;AAEF;;;MAGa,6BAA6B,GAErC,CAAC,EAAC,IAAI,EAAC,EAAE,QAAQ;IACpB,QACEA,oBAAQ,IAAI,EAAC,QAAQ,gBAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAC7D,QAAQ,CACF,EACT;AACJ,EAAE;AAEF;;;MAGa,eAAe,GAAG,CAAC,IAAY,EAAE,QAAiB,KAC7D,YAAY,IAAI,IAAI,QAAQ,GAAG,UAAU,GAAG,WAAW;;;;;;;;;","names":["h","Heading","Button"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetSuggestionsWrapper: FunctionalComponent<{\n  headingLevel: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside\n      part=\"container\"\n      class=\"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\"\n      aria-label={i18n.t('smart-snippet-people-also-ask')}\n    >\n      <Heading\n        level={headingLevel}\n        part=\"heading\"\n        class=\"border-neutral border-b px-6 py-4 text-xl leading-8\"\n      >\n        {i18n.t('smart-snippet-people-also-ask')}\n      </Heading>\n      <ul part=\"questions\" class=\"divide-neutral divide-y\">\n        {children}\n      </ul>\n    </aside>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{\n  expanded: boolean;\n  key: string;\n}> = ({expanded, key}, children) => {\n  return (\n    <li\n      key={key}\n      part={`question-answer-${expanded ? 'expanded' : 'collapsed'}`}\n      class=\"flex flex-col\"\n    >\n      <article class=\"contents\">{children}</article>\n    </li>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetSuggestionsQuestion: FunctionalComponent<{\n  ariaControls: string;\n  expanded: boolean;\n  headingLevel?: number;\n  onClick: (event: MouseEvent) => void;\n  question: string;\n}> = (\n  {ariaControls, expanded, headingLevel, onClick, question},\n  atomicIcon\n) => {\n  return (\n    <Button\n      style=\"text-neutral\"\n      part={getQuestionPart('button', expanded)}\n      onClick={onClick}\n      class=\"flex items-center px-4\"\n      ariaExpanded={expanded ? 'true' : undefined}\n      ariaControls={expanded ? ariaControls : undefined}\n    >\n      {atomicIcon}\n      <Heading\n        level={headingLevel ? headingLevel + 1 : 0}\n        class=\"py-4 text-left text-xl font-bold\"\n        part={getQuestionPart('text', expanded)}\n      >\n        {question}\n      </Heading>\n    </Button>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{\n  expanded: boolean;\n  id: string;\n}> = ({id}, children) => {\n  return (\n    <div part=\"answer-and-source\" class=\"pr-6 pb-6 pl-10\" id={id}>\n      {children}\n    </div>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const SmartSnippetSuggestionsFooter: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n  `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"version":3}

package/dist/cjs/stencil-accessibility-utils-6311883f.js

@@ -1,164 +0,0 @@
-'use strict';
-
-const eventUtils = require('./event-utils-9bfcf3c5.js');
-const utils = require('./utils-39abd753.js');
-
-const findAriaLiveEventName = 'atomic/accessibility/findAriaLive';
-/**
- * @deprecated use Lit equivalent
- */
-function AriaLiveRegion(regionName, assertive = false) {
-    function getAriaLiveElement() {
-        const event = eventUtils.buildCustomEvent(findAriaLiveEventName, {});
-        document.dispatchEvent(event);
-        const { element } = event.detail;
-        return element;
-    }
-    function dispatchMessage(message) {
-        getAriaLiveElement()?.updateMessage(regionName, message, assertive);
-    }
-    function registerRegion() {
-        getAriaLiveElement()?.registerRegion(regionName, assertive);
-    }
-    return (component, setterName) => {
-        const { componentWillRender } = component;
-        Object.defineProperty(component, setterName, {
-            set: (message) => dispatchMessage(message),
-        });
-        component.componentWillRender = function () {
-            componentWillRender && componentWillRender.call(this);
-            registerRegion();
-        };
-    };
-}
-/**
- * @deprecated use Lit equivalent
- */
-class FocusTargetController {
-    constructor(component) {
-        this.component = component;
-        this.registerFocusCallback = (callback) => {
-            this.publicOnFocusCallbacks.push(callback);
-        };
-        this.doFocusAfterSearch = false;
-        this.doFocusOnNextTarget = false;
-        this.publicOnFocusCallbacks = [];
-        this.bindings = component.bindings;
-        this.handleComponentRenderLoop();
-    }
-    clearFocusCallbacks() {
-        this.internalOnFocusCallback?.();
-        while (this.publicOnFocusCallbacks.length) {
-            this.publicOnFocusCallbacks.pop()?.();
-        }
-    }
-    setTarget(el) {
-        if (!el) {
-            return;
-        }
-        this.element = el;
-        if (this.doFocusOnNextTarget) {
-            this.doFocusOnNextTarget = false;
-            this.focus();
-        }
-    }
-    async focus() {
-        await utils.defer();
-        this.element?.focus();
-        this.clearFocusCallbacks();
-    }
-    focusAfterSearch() {
-        this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);
-        this.doFocusAfterSearch = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
-    }
-    focusOnNextTarget() {
-        this.doFocusOnNextTarget = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
-    }
-    disableForCurrentSearch() {
-        if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
-            this.lastSearchId) {
-            this.doFocusAfterSearch = false;
-        }
-    }
-    handleComponentRenderLoop() {
-        const originalComponentDidRender = this.component.componentDidRender;
-        this.component.componentDidRender = () => {
-            originalComponentDidRender &&
-                originalComponentDidRender.call(this.component);
-            if (!this.bindings) {
-                return;
-            }
-            if (this.doFocusAfterSearch &&
-                this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
-                    this.lastSearchId) {
-                this.doFocusAfterSearch = false;
-                if (this.element) {
-                    const el = this.element;
-                    // The focus seems to be flaky without deferring, especially on iOS.
-                    utils.defer().then(() => {
-                        el.focus();
-                        this.clearFocusCallbacks();
-                    });
-                }
-            }
-        };
-    }
-}
-function isFocusable(element) {
-    // Source: https://stackoverflow.com/a/30753870
-    if (element.getAttribute('tabindex') === '-1') {
-        return false;
-    }
-    if (element.hasAttribute('tabindex')) {
-        return true;
-    }
-    if (element.getAttribute('contentEditable') === 'true') {
-        return true;
-    }
-    switch (element.tagName) {
-        case 'A':
-        case 'AREA':
-            return element.hasAttribute('href');
-        case 'INPUT':
-        case 'SELECT':
-        case 'TEXTAREA':
-        case 'BUTTON':
-            return !element.hasAttribute('disabled');
-        case 'IFRAME':
-            return true;
-        default:
-            return false;
-    }
-}
-/**
- * @deprecated use Lit equivalent
- */
-function* getFocusableDescendants(element) {
-    if (isFocusable(element)) {
-        yield element;
-    }
-    let children = Array.from(element.children);
-    if (element instanceof HTMLSlotElement) {
-        children = element.assignedElements();
-    }
-    else if (element.shadowRoot) {
-        children.push(...Array.from(element.shadowRoot.children));
-    }
-    for (const child of children) {
-        yield* getFocusableDescendants(child);
-    }
-}
-/**
- * @deprecated use Lit equivalent
- */
-function getFirstFocusableDescendant(element) {
-    return getFocusableDescendants(element).next().value ?? null;
-}
-
-exports.AriaLiveRegion = AriaLiveRegion;
-exports.FocusTargetController = FocusTargetController;
-exports.getFirstFocusableDescendant = getFirstFocusableDescendant;
-
-//# sourceMappingURL=stencil-accessibility-utils-6311883f.js.map

package/dist/cjs/stencil-accessibility-utils-6311883f.js.map

@@ -1 +0,0 @@
-{"file":"stencil-accessibility-utils-6311883f.js","mappings":"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","names":["buildCustomEvent","defer"],"sources":["src/utils/stencil-accessibility-utils.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AtomicAriaLive } from '../components/common/atomic-aria-live/atomic-aria-live';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {buildCustomEvent} from './event-utils';\nimport {InitializableComponent} from './initialization-utils';\nimport {defer} from './utils';\n\nconst findAriaLiveEventName = 'atomic/accessibility/findAriaLive';\n\n/**\n * @deprecated use Lit equivalent\n */\nexport interface FindAriaLiveEventArgs {\n  element?: AtomicAriaLive;\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function AriaLiveRegion(regionName: string, assertive = false) {\n  function getAriaLiveElement() {\n    const event = buildCustomEvent<FindAriaLiveEventArgs>(\n      findAriaLiveEventName,\n      {}\n    );\n    document.dispatchEvent(event);\n    const {element} = event.detail;\n    return element;\n  }\n\n  function dispatchMessage(message: string) {\n    getAriaLiveElement()?.updateMessage(regionName, message, assertive);\n  }\n\n  function registerRegion() {\n    getAriaLiveElement()?.registerRegion(regionName, assertive);\n  }\n\n  return (\n    component: InitializableComponent<AnyBindings>,\n    setterName: string\n  ) => {\n    const {componentWillRender} = component;\n    Object.defineProperty(component, setterName, {\n      set: (message: string) => dispatchMessage(message),\n    });\n\n    component.componentWillRender = function () {\n      componentWillRender && componentWillRender.call(this);\n      registerRegion();\n    };\n  };\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport class FocusTargetController {\n  private bindings: AnyBindings;\n  private lastSearchId?: string;\n  private element?: HTMLElement;\n  public registerFocusCallback: (callback: Function) => void = (\n    callback: Function\n  ) => {\n    this.publicOnFocusCallbacks.push(callback);\n  };\n  private internalOnFocusCallback?: Function;\n  private doFocusAfterSearch = false;\n  private doFocusOnNextTarget = false;\n  private publicOnFocusCallbacks: Function[] = [];\n\n  constructor(private component: InitializableComponent<AnyBindings>) {\n    this.bindings = component.bindings;\n    this.handleComponentRenderLoop();\n  }\n\n  private clearFocusCallbacks() {\n    this.internalOnFocusCallback?.();\n    while (this.publicOnFocusCallbacks.length) {\n      this.publicOnFocusCallbacks.pop()?.();\n    }\n  }\n\n  public setTarget(el: HTMLElement | undefined) {\n    if (!el) {\n      return;\n    }\n    this.element = el;\n    if (this.doFocusOnNextTarget) {\n      this.doFocusOnNextTarget = false;\n      this.focus();\n    }\n  }\n\n  public async focus() {\n    await defer();\n    this.element?.focus();\n    this.clearFocusCallbacks();\n  }\n\n  public focusAfterSearch() {\n    this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(\n      this.bindings.engine\n    );\n    this.doFocusAfterSearch = true;\n    return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n  }\n\n  public focusOnNextTarget() {\n    this.doFocusOnNextTarget = true;\n    return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n  }\n\n  public disableForCurrentSearch() {\n    if (\n      this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n      this.lastSearchId\n    ) {\n      this.doFocusAfterSearch = false;\n    }\n  }\n\n  private handleComponentRenderLoop() {\n    const originalComponentDidRender = this.component.componentDidRender;\n\n    this.component.componentDidRender = () => {\n      originalComponentDidRender &&\n        originalComponentDidRender.call(this.component);\n      if (!this.bindings) {\n        return;\n      }\n      if (\n        this.doFocusAfterSearch &&\n        this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n          this.lastSearchId\n      ) {\n        this.doFocusAfterSearch = false;\n        if (this.element) {\n          const el = this.element;\n          // The focus seems to be flaky without deferring, especially on iOS.\n          defer().then(() => {\n            el.focus();\n            this.clearFocusCallbacks();\n          });\n        }\n      }\n    };\n  }\n}\n\nfunction isFocusable(element: Element) {\n  // Source: https://stackoverflow.com/a/30753870\n  if (element.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n  if (element.hasAttribute('tabindex')) {\n    return true;\n  }\n  if (element.getAttribute('contentEditable') === 'true') {\n    return true;\n  }\n  switch (element.tagName) {\n    case 'A':\n    case 'AREA':\n      return element.hasAttribute('href');\n    case 'INPUT':\n    case 'SELECT':\n    case 'TEXTAREA':\n    case 'BUTTON':\n      return !element.hasAttribute('disabled');\n    case 'IFRAME':\n      return true;\n    default:\n      return false;\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function* getFocusableDescendants(\n  element: Element\n): Generator<HTMLElement> {\n  if (isFocusable(element)) {\n    yield element as HTMLElement;\n  }\n  let children = Array.from(element.children);\n  if (element instanceof HTMLSlotElement) {\n    children = element.assignedElements();\n  } else if (element.shadowRoot) {\n    children.push(...Array.from(element.shadowRoot.children));\n  }\n  for (const child of children) {\n    yield* getFocusableDescendants(child);\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function getFirstFocusableDescendant(\n  element: Element\n): HTMLElement | null {\n  return getFocusableDescendants(element).next().value ?? null;\n}\n"],"version":3}

package/dist/cjs/stencil-button-e9b9fab0.js

@@ -1,133 +0,0 @@
-'use strict';
-
-const index = require('./index-1df73594.js');
-const eventUtils = require('./event-utils-9bfcf3c5.js');
-
-const RIPPLE = 'ripple';
-function getAnimationDurationInMilliseconds(radiusPixels) {
-    // A 318px wide button has a duration of 700ms.
-    return Math.cbrt(radiusPixels) * 129.21;
-}
-function setPositionRelativeIfStatic(element) {
-    if (getComputedStyle(element).position === 'static') {
-        element.classList.add('ripple-relative');
-    }
-}
-async function createRipple(event, options) {
-    const button = options.parent ?? event.currentTarget;
-    const existingRipple = button.getElementsByClassName(RIPPLE)[0];
-    existingRipple?.remove();
-    button.classList.add('ripple-parent');
-    setPositionRelativeIfStatic(button);
-    Array.from(button.children).forEach(setPositionRelativeIfStatic);
-    const ripple = document.createElement('span');
-    ripple.classList.add(RIPPLE);
-    ripple.style.backgroundColor = `var(--atomic-${options.color})`;
-    ripple.setAttribute('part', RIPPLE);
-    const diameter = Math.max(button.clientWidth, button.clientHeight);
-    const radius = diameter / 2;
-    const animationDuration = getAnimationDurationInMilliseconds(radius);
-    const { top, left } = button.getBoundingClientRect();
-    ripple.style.width = ripple.style.height = `${diameter}px`;
-    ripple.style.left = `${event.clientX - (left + radius)}px`;
-    ripple.style.top = `${event.clientY - (top + radius)}px`;
-    ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);
-    button.prepend(ripple);
-    await cleanupAnimationOnFinish(ripple, animationDuration);
-}
-async function cleanupAnimationOnFinish(ripple, animationDuration) {
-    eventUtils.listenOnce(ripple, 'animationend', () => {
-        ripple?.remove();
-    });
-    // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.
-    setTimeout(() => ripple?.remove(), animationDuration + animationDuration * 0.1);
-}
-
-/**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
- */
-function getClassNameForButtonStyle(buttonStyle) {
-    switch (buttonStyle) {
-        case 'primary':
-            return 'btn-primary';
-        case 'outline-primary':
-            return 'btn-outline-primary';
-        case 'outline-neutral':
-            return 'btn-outline-neutral';
-        case 'outline-error':
-            return 'btn-outline-error';
-        case 'outline-bg-neutral':
-            return 'btn-outline-bg-neutral';
-        case 'outline-bg-error':
-            return 'btn-outline-bg-error';
-        case 'text-primary':
-            return 'btn-text-primary';
-        case 'text-neutral':
-            return 'btn-text-neutral';
-        case 'text-transparent':
-            return 'btn-text-transparent';
-        case 'square-neutral':
-            return 'btn-square-neutral';
-    }
-}
-/**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
- */
-function getRippleColorForButtonStyle(buttonStyle) {
-    switch (buttonStyle) {
-        case 'primary':
-            return 'primary';
-        case 'text-transparent':
-            return 'neutral-light';
-        default:
-            return 'neutral';
-    }
-}
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const Button = (props, children) => {
-    const rippleColor = getRippleColorForButtonStyle(props.style);
-    const className = getClassNameForButtonStyle(props.style);
-    const attributes = {
-        class: props.class ? `${className} ${props.class}` : className,
-        part: props.part,
-        onClick: props.onClick,
-        title: props.title,
-        type: props.type,
-        role: props.role,
-        'aria-label': props.ariaLabel,
-        'aria-expanded': props.ariaExpanded,
-        'aria-pressed': props.ariaPressed,
-        'aria-checked': props.ariaChecked,
-        'aria-current': props.ariaCurrent,
-        'aria-controls': props.ariaControls,
-        'aria-hidden': props.ariaHidden,
-        disabled: props.disabled,
-        ref(buttonEl) {
-            if (props.form) {
-                buttonEl?.setAttribute('form', props.form);
-            }
-            if (props.ariaHidden) {
-                buttonEl?.setAttribute('aria-hidden', props.ariaHidden);
-            }
-            if (props.tabIndex) {
-                buttonEl?.setAttribute('tabindex', props.tabIndex);
-            }
-            props.ref?.(buttonEl);
-        },
-    };
-    return (index.h("button", { ...attributes, onMouseDown: (e) => createRipple(e, { color: rippleColor }) },
-        props.text ? index.h("span", { class: "truncate" }, props.text) : null,
-        children));
-};
-
-exports.Button = Button;
-exports.createRipple = createRipple;
-exports.getClassNameForButtonStyle = getClassNameForButtonStyle;
-exports.getRippleColorForButtonStyle = getRippleColorForButtonStyle;
-
-//# sourceMappingURL=stencil-button-e9b9fab0.js.map

package/dist/cjs/stencil-button-e9b9fab0.js.map

@@ -1 +0,0 @@
-{"file":"stencil-button-e9b9fab0.js","mappings":"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","names":["listenOnce","h"],"sources":["src/utils/ripple-utils.ts","src/components/common/stencil-button-style.tsx","src/components/common/stencil-button.tsx"],"sourcesContent":["import {listenOnce} from './event-utils';\n\ninterface RippleOptions {\n  color: string;\n  /**\n   * When the ripple's parent is not the event's origin\n   */\n  parent?: Element;\n}\n\nconst RIPPLE = 'ripple';\n\nfunction getAnimationDurationInMilliseconds(radiusPixels: number) {\n  // A 318px wide button has a duration of 700ms.\n  return Math.cbrt(radiusPixels) * 129.21;\n}\n\nfunction setPositionRelativeIfStatic(element: Element) {\n  if (getComputedStyle(element).position === 'static') {\n    element.classList.add('ripple-relative');\n  }\n}\n\nexport async function createRipple(event: MouseEvent, options: RippleOptions) {\n  const button = options.parent ?? (event.currentTarget as Element);\n  const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n  existingRipple?.remove();\n\n  button.classList.add('ripple-parent');\n  setPositionRelativeIfStatic(button);\n  Array.from(button.children).forEach(setPositionRelativeIfStatic);\n\n  const ripple = document.createElement('span');\n  ripple.classList.add(RIPPLE);\n  ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n  ripple.setAttribute('part', RIPPLE);\n\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n  const animationDuration = getAnimationDurationInMilliseconds(radius);\n  const {top, left} = button.getBoundingClientRect();\n  ripple.style.width = ripple.style.height = `${diameter}px`;\n  ripple.style.left = `${event.clientX - (left + radius)}px`;\n  ripple.style.top = `${event.clientY - (top + radius)}px`;\n  ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n  button.prepend(ripple);\n  await cleanupAnimationOnFinish(ripple, animationDuration);\n}\n\nasync function cleanupAnimationOnFinish(\n  ripple: HTMLSpanElement,\n  animationDuration: number\n) {\n  listenOnce(ripple, 'animationend', () => {\n    ripple?.remove();\n  });\n  // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n  setTimeout(\n    () => ripple?.remove(),\n    animationDuration + animationDuration * 0.1\n  );\n}\n","export type ButtonStyle =\n  | 'primary'\n  | 'outline-primary'\n  | 'outline-neutral'\n  | 'outline-error'\n  | 'outline-bg-neutral'\n  | 'outline-bg-error'\n  | 'text-primary'\n  | 'text-neutral'\n  | 'text-transparent'\n  | 'square-neutral';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getClassNameForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'btn-primary';\n    case 'outline-primary':\n      return 'btn-outline-primary';\n    case 'outline-neutral':\n      return 'btn-outline-neutral';\n    case 'outline-error':\n      return 'btn-outline-error';\n    case 'outline-bg-neutral':\n      return 'btn-outline-bg-neutral';\n    case 'outline-bg-error':\n      return 'btn-outline-bg-error';\n    case 'text-primary':\n      return 'btn-text-primary';\n    case 'text-neutral':\n      return 'btn-text-neutral';\n    case 'text-transparent':\n      return 'btn-text-transparent';\n    case 'square-neutral':\n      return 'btn-square-neutral';\n  }\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getRippleColorForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'primary';\n    case 'text-transparent':\n      return 'neutral-light';\n    default:\n      return 'neutral';\n  }\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {\n  ButtonStyle,\n  getRippleColorForButtonStyle,\n  getClassNameForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilButtonProps {\n  style: ButtonStyle;\n  onClick?(event?: MouseEvent): void;\n  class?: string;\n  text?: string;\n  part?: string;\n  type?: string;\n  form?: string;\n  role?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  ariaExpanded?: string;\n  ariaPressed?: string;\n  ariaChecked?: string;\n  ariaCurrent?: string;\n  ariaControls?: string;\n  ariaHidden?: string;\n  tabIndex?: string;\n  title?: string;\n  ref?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Button: FunctionalComponent<StencilButtonProps> = (\n  props,\n  children\n) => {\n  const rippleColor = getRippleColorForButtonStyle(props.style);\n  const className = getClassNameForButtonStyle(props.style);\n\n  const attributes = {\n    class: props.class ? `${className} ${props.class}` : className,\n    part: props.part,\n    onClick: props.onClick,\n    title: props.title,\n    type: props.type,\n    role: props.role,\n    'aria-label': props.ariaLabel,\n    'aria-expanded': props.ariaExpanded,\n    'aria-pressed': props.ariaPressed,\n    'aria-checked': props.ariaChecked,\n    'aria-current': props.ariaCurrent,\n    'aria-controls': props.ariaControls,\n    'aria-hidden': props.ariaHidden,\n    disabled: props.disabled,\n    ref(buttonEl?: HTMLButtonElement) {\n      if (props.form) {\n        buttonEl?.setAttribute('form', props.form);\n      }\n      if (props.ariaHidden) {\n        buttonEl?.setAttribute('aria-hidden', props.ariaHidden);\n      }\n      if (props.tabIndex) {\n        buttonEl?.setAttribute('tabindex', props.tabIndex);\n      }\n      props.ref?.(buttonEl);\n    },\n  };\n\n  return (\n    <button\n      {...attributes}\n      onMouseDown={(e) => createRipple(e, {color: rippleColor})}\n    >\n      {props.text ? <span class=\"truncate\">{props.text}</span> : null}\n      {children}\n    </button>\n  );\n};\n"],"version":3}