npm - @coveo/atomic - Versions diffs - 3.35.0-pre.bc0eb65a59 → 3.35.0-pre.bf16f7897d - Mend

@coveo/atomic 3.35.0-pre.bc0eb65a59 → 3.35.0-pre.bf16f7897d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1220) hide show

package/dist/atomic/components/global/environment.js CHANGED Viewed

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.35.0-pre.bc0eb65a59",
+        version: "3.35.0-pre.bf16f7897d",
         headlessVersion,
     };
 }

package/dist/atomic/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;;;;;;;SAYgB,cAAc,CAAoB,OAAgB;IAChE,OAAO,WAAW,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnD;;MCHa,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACoDA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/components/commerce/product-template-component-utils/stencil-product-template-decorators.tsx","src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/decorators/commerce/product-template-decorators.ts"],"sourcesContent":["import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '../../common/item-list/stencil-item-decorators';\n\n/*\n Retrieves `Product` on a rendered `atomic-product`.\n \n This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n \n You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n \n @param element - The element that the event is dispatched to, which must be the child of a rendered \"atomic-product\".\n * @returns A promise that resolves on initialization of the parent \"atomic-product\" element, or rejects when there is no parent \"atomic-product\" element.\n \n @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \\@/src/decorators/commerce/product-template-decorators.ts\n /\nexport function productContext<T extends Product>(element: Element) {\n return itemContext<T>(element, 'atomic-product');\n}\n","import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n Pick<InitializableComponent, 'error'>,\n 'error'\n> &\n LitElement & {\n error: Error \| null;\n };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n constructor(elementName: string, parentName: string) {\n super(\n `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n );\n }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n item: Record<string, unknown>,\n returnFolded: boolean\n): T {\n if (returnFolded) {\n if ('children' in item) {\n return item as T;\n } else {\n return {children: [], result: item} as T;\n }\n }\n\n if ('children' in item && 'result' in item) {\n return item.result as T;\n }\n return item as T;\n}\n\n/\n A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n /\nexport class ItemContextController<T = Record<string, unknown>>\n implements ReactiveController\n{\n private host: ReactiveControllerHost & LitElementWithError;\n private parentName: string;\n private folded: boolean;\n private _item: T \| null = null;\n private _error: MissingParentError \| null = null;\n\n constructor(\n host: ReactiveControllerHost & LitElementWithError,\n options: {parentName?: string; folded?: boolean} = {}\n ) {\n this.host = host;\n this.parentName = options.parentName ?? 'atomic-result';\n this.folded = options.folded ?? false;\n host.addController(this);\n }\n\n get item(): T \| null {\n return this._error ? null : this._item;\n }\n\n get error(): MissingParentError \| null {\n return this._error;\n }\n\n get hasError(): boolean {\n return this._error !== null;\n }\n\n hostConnected(): void {\n this._resolveItemContext();\n }\n\n private _resolveItemContext(): void {\n const event = buildCustomEvent(\n itemContextEventName,\n (item: Record<string, unknown>) => {\n this._item = extractFolded<T>(item, this.folded);\n this._error = null;\n this.host.error = null;\n this.host.requestUpdate();\n }\n );\n\n const canceled = this.host.dispatchEvent(event);\n if (canceled) {\n const elementName = (this.host as Element).nodeName.toLowerCase();\n this._error = new MissingParentError(elementName, this.parentName);\n this._item = null;\n this.host.error = this._error;\n this.host.requestUpdate();\n }\n }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n return new Promise<T>((resolve, reject) => {\n const event = buildCustomEvent<ItemContextEventHandler<T>>(\n itemContextEventName,\n (item: T) => {\n return resolve(item);\n }\n );\n element.dispatchEvent(event);\n\n if (!closest(element, parentName)) {\n reject(\n new MissingParentError(element.nodeName.toLowerCase(), parentName)\n );\n }\n });\n}\n","import type {InteractiveProduct, Product} from '@coveo/headless/commerce';\nimport type {LitElement} from 'lit';\nimport {\n InteractiveItemContextController,\n type InteractiveItemContextEvent,\n} from '@/src/components/common/item-list/context/interactive-item-context-controller';\nimport {\n ItemContextController,\n type ItemContextEvent,\n} from '@/src/components/common/item-list/context/item-context-controller';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/\n Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing product context in product template components.\n \n @param host - The Lit component instance\n * @param options - Configuration options\n * @returns ItemContextController instance configured for atomic-product\n \n @example\n * ```typescript\n * @customElement('my-product-component')\n * export class MyProductComponent extends LitElement {\n * private productController = createProductContextController(this);\n \n @state() product!: Product;\n \n render() {\n * this.product = this.productController.item;\n * return html`<div>${this.product?.ec_name}</div>`;\n * }\n * }\n * ```\n /\nexport function createProductContextController(\n host: LitElement & {error: Error \| null},\n options: {folded?: boolean} = {}\n): ItemContextController<Product> {\n return new ItemContextController<Product>(host, {\n parentName: 'atomic-product',\n folded: options.folded ?? false,\n });\n}\n\n/\n Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing interactive product context in product template components.\n \n @param host - The Lit component instance\n * @returns InteractiveItemContextController instance\n \n @example\n * ```typescript\n * @customElement('my-interactive-product-component')\n * export class MyInteractiveProductComponent extends LitElement {\n * private interactiveProductController = createInteractiveProductContextController(this);\n \n @state() product!: Product;\n \n render() {\n * this.product = this.interactiveProductController.interactiveItem;\n * return html`<div>${this.product?.ec_name}</div>`;\n * }\n * }\n * ```\n /\nexport function createInteractiveProductContextController(\n host: LitElement & {error: Error}\n): InteractiveItemContextController<InteractiveProduct> {\n return new InteractiveItemContextController<InteractiveProduct>(host);\n}\n\nexport type ProductContextEvent<T = Product> = ItemContextEvent<T>;\nexport type InteractiveProductContextEvent<\n T extends InteractiveProduct = InteractiveProduct,\n> = InteractiveItemContextEvent<T>;\n\n/\n Retrieves `Product` on a rendered `atomic-product`.\n \n This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n \n You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n \n @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n */\nexport function fetchProductContext<T extends Product>(element: Element) {\n return fetchItemContext<T>(element, 'atomic-product');\n}\n"],"version":3}
1	+ {"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,WAAmB,EAAE,UAAkB;QACjD,KAAK,CACH,QAAQ,WAAW,sCAAsC,UAAU,YAAY,CAChF,CAAC;KACH;;;ACfH,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;SAIpC,gBAAgB,CAAI,OAAgB,EAAE,UAAkB;IACtE,OAAO,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM;QACpC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,oBAAoB,EACpB,CAAC,IAAO;YACN,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB,CACF,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YACjC,MAAM,CACJ,IAAI,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,UAAU,CAAC,CACnE,CAAC;SACH;KACF,CAAC,CAAC;AACL;;ACrBA;;;;;;;;;;SAUgB,mBAAmB,CAAoB,OAAgB;IACrE,OAAO,gBAAgB,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACxD;;ACZA;;;;;;;;;;;;SAYgB,cAAc,CAAoB,OAAgB;IAChE,OAAO,WAAW,CAAI,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnD;;ACVA;;;;;;;;;MASa,iCAAiC,GAAG,CAI/C,KAA+D,EAC/D,OAAoB,EACpB,2BAA0E,iBAAiB;IAE3F,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,IAAI,CAAC,gBAAgB,EAAE;QACrB,MAAM,IAAI,KAAK,CACb,QAAQ,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,gFAAgF,wBAAwB,CAAC,IAAI,CACjJ,IAAI,CACL,EAAE,CACJ,CAAC;KACH;IACD,KAAK,2CAA2C,CAC9C,gBAAgB,EAChB,OAAO,EACP,KAAK,CACN,CAAC;AACJ,EAAE;AAEF,MAAM,iBAAiB,GAAG;IACxB,mBAAmB;IACnB,2BAA2B;IAC3B,4BAA4B;CACpB,CAAC;AAEX,MAAM,mBAAmB,GAAG,CAAC,SAAkB,KAC7C,gBAAgB,IAAK,SAAwB;IAC5C,SAAwB,CAAC,cAAc,YAAY,OAAO,CAAC;AAE9D,MAAM,2CAA2C,GAAG,OAIlD,gBAAyB,EACzB,OAAoB,EACpB,KAA+D;IAE/D,MAAM,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAC1E,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,EAAE;QACzC,MAAM,gBAAgB,CAAC,cAAc,CAAC;KACvC;SAAM,IAAI,kBAAkB,IAAI,gBAAgB,EAAE;QACjD,MAAO,gBAAuC,CAAC,gBAAgB,EAAE,CAAC;KACnE;IACD,OAAO,CAAC,aAAa,CACnB,gBAAgB,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAC/D,CAAC;AACJ,CAAC;;;;","names":[],"sources":["src/components/common/item-list/context/item-context-controller.ts","src/components/common/item-list/fetch-item-context.ts","src/components/commerce/product-template-component-utils/context/fetch-product-context.ts","src/components/commerce/product-template-component-utils/context/stencil-product-template-decorators.tsx","src/components/common/suggestions/suggestions-events.ts"],"sourcesContent":["import type {LitElement, ReactiveController, ReactiveControllerHost} from 'lit';\nimport type {InitializableComponent} from '@/src/decorators/types.js';\nimport {buildCustomEvent} from '@/src/utils/event-utils';\n\ntype LitElementWithError = Omit<\n Pick<InitializableComponent, 'error'>,\n 'error'\n> &\n LitElement & {\n error: Error \| null;\n };\n\nconst itemContextEventName = 'atomic/resolveResult';\n\nexport class MissingParentError extends Error {\n constructor(elementName: string, parentName: string) {\n super(\n `The \"${elementName}\" element must be the child of an \"${parentName}\" element.`\n );\n }\n}\n\nfunction extractFolded<T = Record<string, unknown>>(\n item: Record<string, unknown>,\n returnFolded: boolean\n): T {\n if (returnFolded) {\n if ('children' in item) {\n return item as T;\n } else {\n return {children: [], result: item} as T;\n }\n }\n\n if ('children' in item && 'result' in item) {\n return item.result as T;\n }\n return item as T;\n}\n\n/*\n A reactive controller that manages item context data from parent components.\n * Handles fetching item data via custom events and manages error states.\n /\nexport class ItemContextController<T = Record<string, unknown>>\n implements ReactiveController\n{\n private host: ReactiveControllerHost & LitElementWithError;\n private parentName: string;\n private folded: boolean;\n private _item: T \| null = null;\n private _error: MissingParentError \| null = null;\n\n constructor(\n host: ReactiveControllerHost & LitElementWithError,\n options: {parentName?: string; folded?: boolean} = {}\n ) {\n this.host = host;\n this.parentName = options.parentName ?? 'atomic-result';\n this.folded = options.folded ?? false;\n host.addController(this);\n }\n\n get item(): T \| null {\n return this._error ? null : this._item;\n }\n\n get error(): MissingParentError \| null {\n return this._error;\n }\n\n get hasError(): boolean {\n return this._error !== null;\n }\n\n hostConnected(): void {\n this._resolveItemContext();\n }\n\n private _resolveItemContext(): void {\n const event = buildCustomEvent(\n itemContextEventName,\n (item: Record<string, unknown>) => {\n this._item = extractFolded<T>(item, this.folded);\n this._error = null;\n this.host.error = null;\n this.host.requestUpdate();\n }\n );\n\n const canceled = this.host.dispatchEvent(event);\n if (canceled) {\n const elementName = (this.host as Element).nodeName.toLowerCase();\n this._error = new MissingParentError(elementName, this.parentName);\n this._item = null;\n this.host.error = this._error;\n this.host.requestUpdate();\n }\n }\n}\n\ntype ItemContextEventHandler<T> = (item: T) => void;\nexport type ItemContextEvent<T> = CustomEvent<ItemContextEventHandler<T>>;\n","import {closest} from '../../../utils/dom-utils.js';\nimport {buildCustomEvent} from '../../../utils/event-utils.js';\nimport {MissingParentError} from './context/item-context-controller.js';\n\nconst itemContextEventName = 'atomic/resolveResult';\n\ntype ItemContextEventHandler<T> = (item: T) => void;\n\nexport function fetchItemContext<T>(element: Element, parentName: string) {\n return new Promise<T>((resolve, reject) => {\n const event = buildCustomEvent<ItemContextEventHandler<T>>(\n itemContextEventName,\n (item: T) => {\n return resolve(item);\n }\n );\n element.dispatchEvent(event);\n\n if (!closest(element, parentName)) {\n reject(\n new MissingParentError(element.nodeName.toLowerCase(), parentName)\n );\n }\n });\n}\n","import type {Product} from '@coveo/headless/commerce';\nimport {fetchItemContext} from '@/src/components/common/item-list/fetch-item-context';\n\n/\n Retrieves `Product` on a rendered `atomic-product`.\n \n This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n \n You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n \n @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.\n * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.\n /\nexport function fetchProductContext<T extends Product>(element: Element) {\n return fetchItemContext<T>(element, 'atomic-product');\n}\n","import {Product} from '@coveo/headless/commerce';\nimport {itemContext} from '@/src/components/common/item-list/stencil-item-decorators';\n\n/\n Retrieves `Product` on a rendered `atomic-product`.\n \n This method is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.\n \n You should use the method in the [connectedCallback lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).\n \n @param element - The element that the event is dispatched to, which must be the child of a rendered \"atomic-product\".\n * @returns A promise that resolves on initialization of the parent \"atomic-product\" element, or rejects when there is no parent \"atomic-product\" element.\n \n @deprecated should only be used for Stencil components. For Lit components, use `fetchProductContext` from \\@/src/components/commerce/product-template-component-utils/context/fetch-product-context.ts\n /\nexport function productContext<T extends Product>(element: Element) {\n return itemContext<T>(element, 'atomic-product');\n}\n","import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/\n Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n \n @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n \n @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n SearchBoxController,\n Bindings = AnyBindings,\n>(\n event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n element: HTMLElement,\n allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n const interfaceElement = closest(element, searchBoxElements.join(', '));\n if (!interfaceElement) {\n throw new Error(\n `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n ', '\n )}`\n );\n }\n void dispatchSearchBoxSuggestionsEventEventually(\n interfaceElement,\n element,\n event\n );\n};\n\nconst searchBoxElements = [\n 'atomic-search-box',\n 'atomic-insight-search-box',\n 'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n 'updateComplete' in (candidate as LitElement) &&\n (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n SearchBoxController,\n Bindings = AnyBindings,\n>(\n interfaceElement: Element,\n element: HTMLElement,\n event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n if (isLitElementLoosely(interfaceElement)) {\n await interfaceElement.updateComplete;\n } else if ('componentOnReady' in interfaceElement) {\n await (interfaceElement as HTMLStencilElement).componentOnReady();\n }\n element.dispatchEvent(\n buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n );\n};\n"],"version":3}

package/dist/atomic/components/item-list-guard.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import { h, Fragment } from '@stencil/core/internal/client';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ItemListGuard = ({ hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError }, children) => {
     if (hasError || (firstRequestExecuted && !hasItems) || !hasTemplate) {
         return;

package/dist/atomic/components/item-list-guard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"item-list-guard.js","mappings":";;~~MAUa~~,aAAa,GAA4C,CACpE,EAAC,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAC,EACzE,QAAQ;IAER,IAAI,QAAQ,KAAK,oBAAoB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACnE,OAAO;KACR;IACD,QACE,EAAC,QAAQ;QACN,gBAAgB,IAAI,eAAa;WAC9B,QAAQ,CACH,EACX;AACJ;;;;","names":[],"sources":["src/components/common/item-list/item-list-guard.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\~~nexport~~ ~~interface~~ ItemListGuardProps {\n hasError: boolean;\n hasItems: boolean;\n hasTemplate: boolean;\n firstRequestExecuted: boolean;\n templateHasError: boolean;\n}\n\nexport const ItemListGuard: FunctionalComponent<ItemListGuardProps> = (\n {hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError},\n children\n) => {\n if (hasError \|\| (firstRequestExecuted && !hasItems) \|\| !hasTemplate) {\n return;\n }\n return (\n <Fragment>\n {templateHasError && <slot></slot>}\n {...children}\n </Fragment>\n );\n};\n"],"version":3}
1	+ {"file":"item-list-guard.js","mappings":";;AAUA;;;MAGa,aAAa,GAA4C,CACpE,EAAC,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAC,EACzE,QAAQ;IAER,IAAI,QAAQ,KAAK,oBAAoB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE;QACnE,OAAO;KACR;IACD,QACE,EAAC,QAAQ;QACN,gBAAgB,IAAI,eAAa;WAC9B,QAAQ,CACH,EACX;AACJ;;;;","names":[],"sources":["src/components/common/item-list/item-list-guard.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\ninterface ItemListGuardProps {\n hasError: boolean;\n hasItems: boolean;\n hasTemplate: boolean;\n firstRequestExecuted: boolean;\n templateHasError: boolean;\n}\n\n/*\n @deprecated should only be used for Stencil components.\n */\nexport const ItemListGuard: FunctionalComponent<ItemListGuardProps> = (\n {hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError},\n children\n) => {\n if (hasError \|\| (firstRequestExecuted && !hasItems) \|\| !hasTemplate) {\n return;\n }\n return (\n <Fragment>\n {templateHasError && <slot></slot>}\n {...children}\n </Fragment>\n );\n};\n"],"version":3}

package/dist/atomic/components/item-template-provider.js CHANGED Viewed

@@ -2,6 +2,9 @@ import { h } from '@stencil/core/internal/client';
 import { buildResultTemplatesManager } from '@coveo/headless';
 // The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ResultsPlaceholdersGuard = (props) => {
     if (!props.displayPlaceholders) {
         return;
@@ -13,6 +16,9 @@ const ResultsPlaceholdersGuard = (props) => {
             return h(ResultsPlaceholder, { ...props });
     }
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ResultsPlaceholder = (props) => {
     return Array.from({ length: props.numberOfPlaceholders }, (_, i) => (h("atomic-result-placeholder", { key: `placeholder-${i}`, density: props.density, display: props.display || 'list', imageSize: props.imageSize })));
 };

package/dist/atomic/components/item-template-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"item-template-provider.js","mappings":";;;AAAA;~~MAmBa~~,wBAAwB,GAEjC,CAAC,KAAK;IACR,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;QAC9B,OAAO;KACR;IACD,QAAQ,KAAK,CAAC,OAAO;QACnB,KAAK,OAAO;YACV,OAAO,EAAC,8BAA8B,OAAK,KAAK,GAAI,CAAC;QACvD;YACE,OAAO,EAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC;KAC5C;AACH,EAAE;~~MAEW~~,kBAAkB,GAAgD,CAC7E,KAAK;IAEL,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,oBAAoB,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAC3D,iCACE,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,GACC,CAC9B,CAAC,CAAC;AACL,EAAE;AAEF,MAAM,8BAA8B,GAEhC,CAAC,KAAK;IACR,QACE,uCACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,oBAAoB,GACC,EACnC;AACJ,CAAC;;~~MCzCqB~~,gBAAgB;IAapC,YACU,KAAsC,EACtC,YAIP;QALO,UAAK,GAAL,KAAK,CAAiC;QACtC,iBAAY,GAAZ,YAAY,CAInB;QAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3C,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAEO,MAAM,uBAAuB;QACnC,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,GAAG,CACvC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,qBAAqB;YAC1D,IAAI,EAAE,aAAa,IAAI,qBAAqB,CAAC,EAAE;gBAC7C,MAAM,cAAc,CAAC,WAAW,CAC7B,qBAAqC,CAAC,OAAO,CAAC,WAAW,EAAE,CAC7D,CAAC;aACH;YAED,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,WAAW,EAAE,CAAC;YAC3D,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;aACtC;YACD,OAAO,QAAQ,CAAC;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,SAAS,GAAG,CAChB,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB;cACxD,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;cAC5B,EAAE,EACN,MAAM,CACN,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAI1C,CACJ,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEM,kBAAkB,CAAC,IAAc;QACtC,OAAO,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAE,CAAC;KACnD;IAEM,sBAAsB,CAAC,IAAc;QAC1C,OAAO,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,IAAI,CAAE,CAAC;KACvD;IAEM,2BAA2B;QAChC,OAAO,QAAQ,CAAC,sBAAsB,EAAE,CAAC;KAC1C;IAED,IAAW,mBAAmB;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,2BAA2B,EAAE,CAAC;KACjD;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;KACzC;;;MC/EU,oBAAqB,SAAQ,gBAAwB;IAChE,YACE,KAA8D,EACtD,kBAA+B;QAEvC,KAAK,CAAC,KAAK,EAAE,MAAM,2BAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAF/D,uBAAkB,GAAlB,kBAAkB,CAAa;KAGxC;;IAGS,mBAAmB;QAK3B,MAAM,OAAO,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC5D,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,MAAM,WAAW,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QACtD,MAAM,UAAU,GAAG;;QAEf,IAAI,CAAC,kBAAkB,GAAG,gCAAgC,IAAI,CAAC,kBAAkB,QAAQ,GAAG,EAAE;;KAEjG,CAAC;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;QAC3C,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO;YACL,OAAO;YACP,WAAW;YACX,UAAU,EAAE,EAAE;SACf,CAAC;KACH;;;;;","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/item-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n density: ItemDisplayDensity;\n imageSize: ItemDisplayImageSize;\n display: ItemDisplayLayout;\n numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n displayPlaceholders: boolean;\n}\n\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n ResultPlaceholderGuardProps\n> = (props) => {\n if (!props.displayPlaceholders) {\n return;\n }\n switch (props.display) {\n case 'table':\n return <TableDisplayResultsPlaceholder {...props} />;\n default:\n return <ResultsPlaceholder {...props} />;\n }\n};\n\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n props\n) => {\n return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n <atomic-result-placeholder\n key={`placeholder-${i}`}\n density={props.density}\n display={props.display \|\| 'list'}\n imageSize={props.imageSize}\n ></atomic-result-placeholder>\n ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n ResultPlaceholderProps\n> = (props) => {\n return (\n <atomic-result-table-placeholder\n density={props.density}\n imageSize={props.imageSize}\n rows={props.numberOfPlaceholders}\n ></atomic-result-table-placeholder>\n );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n getTemplate(): Promise<Template<ItemType, DocumentFragment> \| null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n getResultTemplateRegistered(): boolean;\n setResultTemplateRegistered(value: boolean): void;\n getTemplateHasError(): boolean;\n setTemplateHasError(value: boolean): void;\n templateElements: TemplateElement<ItemType>[];\n includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n private templateManager: TemplatesManager<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >;\n\n protected abstract makeDefaultTemplate(): Template<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >;\n\n constructor(\n private props: TemplateProviderProps<ItemType>,\n private buildManager: () => TemplatesManager<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >\n ) {\n this.templateManager = this.buildManager();\n this.registerResultTemplates();\n }\n\n private async registerResultTemplates() {\n const customTemplates = await Promise.all(\n this.props.templateElements.map(async (resultTemplateElement) => {\n if (!('getTemplate' in resultTemplateElement)) {\n await customElements.whenDefined(\n (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n );\n }\n\n const template = await resultTemplateElement.getTemplate();\n if (!template) {\n this.props.setTemplateHasError(true);\n }\n return template;\n })\n );\n\n const templates = (\n !customTemplates.length && this.props.includeDefaultTemplate\n ? [this.makeDefaultTemplate()]\n : []\n ).concat(\n customTemplates.filter((template) => template) as Template<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >[]\n );\n\n this.templateManager.registerTemplates(...templates);\n this.props.setResultTemplateRegistered(true);\n }\n\n public getTemplateContent(item: ItemType) {\n return this.templateManager.selectTemplate(item)!;\n }\n\n public getLinkTemplateContent(item: ItemType) {\n return this.templateManager.selectLinkTemplate(item)!;\n }\n\n public getEmptyLinkTemplateContent() {\n return document.createDocumentFragment();\n }\n\n public get templatesRegistered() {\n return this.props.getResultTemplateRegistered();\n }\n\n public get hasError() {\n return this.props.getTemplateHasError();\n }\n}\n","import {\n buildResultTemplatesManager,\n type Result,\n type Template,\n} from '@coveo/headless';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {ItemTarget} from '../layout/display-options';\nimport {\n TemplateProvider,\n type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ItemTemplateProvider extends TemplateProvider<Result> {\n constructor(\n props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n private gridCellLinkTarget?: ItemTarget\n ) {\n super(props, () => buildResultTemplatesManager(props.bindings.engine));\n }\n\n // TODO: Add JSX support for default template\n protected makeDefaultTemplate(): Template<\n Result,\n DocumentFragment,\n DocumentFragment\n > {\n const content = document.createDocumentFragment();\n const linkEl = document.createElement('atomic-result-link');\n content.appendChild(linkEl);\n\n const linkContent = document.createDocumentFragment();\n const linkMarkup = `\n <atomic-result-link>\n ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n </atomic-result-link>\n `;\n const linkTemplate = document.createElement('template');\n linkTemplate.innerHTML = linkMarkup.trim();\n linkContent.appendChild(linkTemplate.content);\n return {\n content,\n linkContent,\n conditions: [],\n };\n }\n}\n"],"version":3}
1	+ {"file":"item-template-provider.js","mappings":"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","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/item-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n ItemDisplayDensity,\n ItemDisplayImageSize,\n ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n density: ItemDisplayDensity;\n imageSize: ItemDisplayImageSize;\n display: ItemDisplayLayout;\n numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n displayPlaceholders: boolean;\n}\n\n/*\n @deprecated should only be used for Stencil components.\n /\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n ResultPlaceholderGuardProps\n> = (props) => {\n if (!props.displayPlaceholders) {\n return;\n }\n switch (props.display) {\n case 'table':\n return <TableDisplayResultsPlaceholder {...props} />;\n default:\n return <ResultsPlaceholder {...props} />;\n }\n};\n\n/\n @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n props\n) => {\n return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n <atomic-result-placeholder\n key={`placeholder-${i}`}\n density={props.density}\n display={props.display \|\| 'list'}\n imageSize={props.imageSize}\n ></atomic-result-placeholder>\n ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n ResultPlaceholderProps\n> = (props) => {\n return (\n <atomic-result-table-placeholder\n density={props.density}\n imageSize={props.imageSize}\n rows={props.numberOfPlaceholders}\n ></atomic-result-table-placeholder>\n );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n getTemplate(): Promise<Template<ItemType, DocumentFragment> \| null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n getResultTemplateRegistered(): boolean;\n setResultTemplateRegistered(value: boolean): void;\n getTemplateHasError(): boolean;\n setTemplateHasError(value: boolean): void;\n templateElements: TemplateElement<ItemType>[];\n includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n private templateManager: TemplatesManager<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >;\n\n protected abstract makeDefaultTemplate(): Template<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >;\n\n constructor(\n private props: TemplateProviderProps<ItemType>,\n private buildManager: () => TemplatesManager<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >\n ) {\n this.templateManager = this.buildManager();\n this.registerResultTemplates();\n }\n\n private async registerResultTemplates() {\n const customTemplates = await Promise.all(\n this.props.templateElements.map(async (resultTemplateElement) => {\n if (!('getTemplate' in resultTemplateElement)) {\n await customElements.whenDefined(\n (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n );\n }\n\n const template = await resultTemplateElement.getTemplate();\n if (!template) {\n this.props.setTemplateHasError(true);\n }\n return template;\n })\n );\n\n const templates = (\n !customTemplates.length && this.props.includeDefaultTemplate\n ? [this.makeDefaultTemplate()]\n : []\n ).concat(\n customTemplates.filter((template) => template) as Template<\n ItemType,\n DocumentFragment,\n DocumentFragment\n >[]\n );\n\n this.templateManager.registerTemplates(...templates);\n this.props.setResultTemplateRegistered(true);\n }\n\n public getTemplateContent(item: ItemType) {\n return this.templateManager.selectTemplate(item)!;\n }\n\n public getLinkTemplateContent(item: ItemType) {\n return this.templateManager.selectLinkTemplate(item)!;\n }\n\n public getEmptyLinkTemplateContent() {\n return document.createDocumentFragment();\n }\n\n public get templatesRegistered() {\n return this.props.getResultTemplateRegistered();\n }\n\n public get hasError() {\n return this.props.getTemplateHasError();\n }\n}\n","import {\n buildResultTemplatesManager,\n type Result,\n type Template,\n} from '@coveo/headless';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {ItemTarget} from '../layout/display-options';\nimport {\n TemplateProvider,\n type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ItemTemplateProvider extends TemplateProvider<Result> {\n constructor(\n props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n private gridCellLinkTarget?: ItemTarget\n ) {\n super(props, () => buildResultTemplatesManager(props.bindings.engine));\n }\n\n // TODO: Add JSX support for default template\n protected makeDefaultTemplate(): Template<\n Result,\n DocumentFragment,\n DocumentFragment\n > {\n const content = document.createDocumentFragment();\n const linkEl = document.createElement('atomic-result-link');\n content.appendChild(linkEl);\n\n const linkContent = document.createDocumentFragment();\n const linkMarkup = `\n <atomic-result-link>\n ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n </atomic-result-link>\n `;\n const linkTemplate = document.createElement('template');\n linkTemplate.innerHTML = linkMarkup.trim();\n linkContent.appendChild(linkTemplate.content);\n return {\n content,\n linkContent,\n conditions: [],\n };\n }\n}\n"],"version":3}

package/dist/atomic/components/show-hide-button.js CHANGED Viewed

@@ -48,6 +48,9 @@ function FoldedItemListStateContext() {
     };
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ChildrenWrapper = ({ hasChildren }, children) => {
     return (h("div", { part: "children-root" },
         hasChildren && h("slot", { name: "before-children" }),
@@ -55,6 +58,9 @@ const ChildrenWrapper = ({ hasChildren }, children) => {
         hasChildren && h("slot", { name: "after-children" })));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const CollectionGuard = ({ isLoadingMoreResults, moreResultsAvailable, hasChildren, numberOfChildren, density, imageSize, noResultText, }, children) => {
     if (isLoadingMoreResults) {
         return (h(ChildrenWrapper, { hasChildren: hasChildren },
@@ -69,6 +75,9 @@ const CollectionGuard = ({ isLoadingMoreResults, moreResultsAvailable, hasChildr
     return h(Fragment, null, children);
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ResultChildrenGuard = ({ inheritTemplates, resultTemplateRegistered, templateHasError }, children) => {
     if (!inheritTemplates && !resultTemplateRegistered) {
         return;
@@ -79,6 +88,9 @@ const ResultChildrenGuard = ({ inheritTemplates, resultTemplateRegistered, templ
     return h(Fragment, null, children);
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const ShowHideButton = ({ moreResultsAvailable, loadFullCollection, showInitialChildren, toggleShowInitialChildren, loadAllResults, collapseResults, }) => {
     return (h(Button, { part: "show-hide-button", class: "show-hide-button", style: "text-primary", onClick: () => {
             if (moreResultsAvailable) {

package/dist/atomic/components/show-hide-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"show-hide-button.js","mappings":";;;;;AAMA,MAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAExE;;;;SAIgB,qBAAqB;IACnC,OAAO,CAAC,SAA6B,EAAE,UAAkB;QACvD,MAAM,EAAC,mBAAmB,EAAC,GAAG,SAAS,CAAC;QACxC,SAAS,CAAC,mBAAmB,GAAG;YAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,8BAA8B,EAC9B,CAAC,cAAuB;gBACtB,IAAI,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;aACnC,CACF,CAAC;YAEF,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,QAAQ,EAAE;gBACZ,OAAO;aACR;YACD,OAAO,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9D,CAAC;KACH,CAAC;AACJ,CAAC;AAKD,MAAM,mCAAmC,GAAG,gCAAgC,CAAC;AAE7E;;;;SAIgB,0BAA0B;IACxC,OAAO,CAAC,SAA6B,EAAE,eAAuB;QAC5D,MAAM,EAAC,mBAAmB,EAAC,GAAG,SAAS,CAAC;QACxC,SAAS,CAAC,mBAAmB,GAAG;YAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mCAAmC,EACnC,CAAC,cAGA;gBACC,cAAc,EAAE,SAAS,CAAC;oBACxB,IAAI,CAAC,eAAe,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC;iBAC9C,CAAC,CAAC;aACJ,CACF,CAAC;YAEF,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,QAAQ,EAAE;gBACZ,OAAO;aACR;YACD,OAAO,mBAAmB,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9D,CAAC;KACH,CAAC;AACJ;;~~MC5Da~~,eAAe,GAA8C,CACxE,EAAC,WAAW,EAAC,EACb,QAAQ;IAER,QACE,WAAK,IAAI,EAAC,eAAe;QACtB,WAAW,IAAI,YAAM,IAAI,EAAC,iBAAiB,GAAQ;QACnD,QAAQ;QACR,WAAW,IAAI,YAAM,IAAI,EAAC,gBAAgB,GAAQ,CAC/C,EACN;AACJ;;~~MCAa~~,eAAe,GAA8C,CACxE,EACE,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,YAAY,GACb,EACD,QAAQ;IAER,IAAI,oBAAoB,EAAE;QACxB,QACE,EAAC,eAAe,IAAC,WAAW,EAAE,WAAW;YACvC,EAAC,kBAAkB,IACjB,oBAAoB,EAAE,gBAAgB,EACtC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,SAAS,GACpB,CACc,EAClB;KACH;IAED,IAAI,CAAC,oBAAoB,IAAI,CAAC,WAAW,EAAE;QACzC,OAAO,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,IAC/B,SAAG,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,qBAAqB,IACjD,YAAY,CACX,IACF,IAAI,CAAC;KACV;IAED,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;~~MChDa~~,mBAAmB,GAE5B,CACF,EAAC,gBAAgB,EAAE,wBAAwB,EAAE,gBAAgB,EAAC,EAC9D,QAAQ;IAER,IAAI,CAAC,gBAAgB,IAAI,CAAC,wBAAwB,EAAE;QAClD,OAAO;KACR;IAED,IAAI,CAAC,gBAAgB,IAAI,gBAAgB,EAAE;QACzC,OAAO,eAAa,CAAC;KACtB;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;~~MCVa~~,cAAc,GAA6C,CAAC,EACvE,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,cAAc,EACd,eAAe,GAChB;IACC,QACE,EAAC,MAAM,IACL,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE;YACP,IAAI,oBAAoB,EAAE;gBACxB,kBAAkB,EAAE,CAAC;gBACrB,yBAAyB,EAAE,CAAC;aAC7B;YAED,yBAAyB,EAAE,CAAC;SAC7B,IAEA,mBAAmB,IAAI,oBAAoB;UACxC,cAAc;UACd,eAAe,CACZ,EACT;AACJ;;;;","names":[],"sources":["src/components/common/item-list/item-list-decorators.tsx","src/components/common/result-children/children-wrapper.tsx","src/components/common/result-children/collection-guard.tsx","src/components/common/result-children/guard.tsx","src/components/common/result-children/show-hide-button.tsx"],"sourcesContent":["import {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\n\ntype FoldedItemListContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListContextEvent =\n CustomEvent<FoldedItemListContextEventHandler>;\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n\n/*\n A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n /\nexport function FoldedItemListContext() {\n return (component: ComponentInterface, foldedList: string) => {\n const {componentWillRender} = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(\n foldedItemListContextEventName,\n (foldedItemList: unknown) => {\n this[foldedList] = foldedItemList;\n }\n );\n\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n\ntype FoldedItemListStateContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListStateContextEvent =\n CustomEvent<FoldedItemListStateContextEventHandler>;\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n\n/\n A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListStateContext() {\n return (component: ComponentInterface, foldedListState: string) => {\n const {componentWillRender} = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(\n foldedItemListStateContextEventName,\n (foldedItemList: {\n subscribe: (callback: () => void) => unknown;\n state: unknown;\n }) => {\n foldedItemList?.subscribe(() => {\n this[foldedListState] = foldedItemList.state;\n });\n }\n );\n\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface ChildrenWrapperProps {\n hasChildren: boolean;\n}\n\nexport const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps> = (\n {hasChildren},\n children\n) => {\n return (\n <div part=\"children-root\">\n {hasChildren && <slot name=\"before-children\"></slot>}\n {children}\n {hasChildren && <slot name=\"after-children\"></slot>}\n </div>\n );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {ResultsPlaceholder} from '../atomic-result-placeholder/stencil-placeholders';\nimport {\n ItemDisplayDensity,\n ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ChildrenWrapper} from './children-wrapper';\n\ninterface CollectionGuardProps {\n isLoadingMoreResults: boolean;\n moreResultsAvailable: boolean;\n hasChildren: boolean;\n numberOfChildren: number;\n density: ItemDisplayDensity;\n imageSize: ItemDisplayImageSize;\n noResultText: string;\n}\nexport const CollectionGuard: FunctionalComponent<CollectionGuardProps> = (\n {\n isLoadingMoreResults,\n moreResultsAvailable,\n hasChildren,\n numberOfChildren,\n density,\n imageSize,\n noResultText,\n },\n children\n) => {\n if (isLoadingMoreResults) {\n return (\n <ChildrenWrapper hasChildren={hasChildren}>\n <ResultsPlaceholder\n numberOfPlaceholders={numberOfChildren}\n density={density}\n display={'list'}\n imageSize={imageSize}\n />\n </ChildrenWrapper>\n );\n }\n\n if (!moreResultsAvailable && !hasChildren) {\n return noResultText.trim().length ? (\n <p part=\"no-result-root\" class=\"no-result-root my-3\">\n {noResultText}\n </p>\n ) : null;\n }\n\n if (!hasChildren) {\n return;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface ResultChildrenGuardProps {\n inheritTemplates: boolean;\n resultTemplateRegistered: boolean;\n templateHasError: boolean;\n}\nexport const ResultChildrenGuard: FunctionalComponent<\n ResultChildrenGuardProps\n> = (\n {inheritTemplates, resultTemplateRegistered, templateHasError},\n children\n) => {\n if (!inheritTemplates && !resultTemplateRegistered) {\n return;\n }\n\n if (!inheritTemplates && templateHasError) {\n return <slot></slot>;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\ninterface ShowHideButtonProps {\n moreResultsAvailable: boolean;\n loadFullCollection: () => void;\n showInitialChildren: boolean;\n toggleShowInitialChildren: () => void;\n loadAllResults: string;\n collapseResults: string;\n}\n\nexport const ShowHideButton: FunctionalComponent<ShowHideButtonProps> = ({\n moreResultsAvailable,\n loadFullCollection,\n showInitialChildren,\n toggleShowInitialChildren,\n loadAllResults,\n collapseResults,\n}) => {\n return (\n <Button\n part=\"show-hide-button\"\n class=\"show-hide-button\"\n style=\"text-primary\"\n onClick={() => {\n if (moreResultsAvailable) {\n loadFullCollection();\n toggleShowInitialChildren();\n }\n\n toggleShowInitialChildren();\n }}\n >\n {showInitialChildren \|\| moreResultsAvailable\n ? loadAllResults\n : collapseResults}\n </Button>\n );\n};\n"],"version":3}
1	+ {"file":"show-hide-button.js","mappings":"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","names":[],"sources":["src/components/common/item-list/item-list-decorators.tsx","src/components/common/result-children/children-wrapper.tsx","src/components/common/result-children/collection-guard.tsx","src/components/common/result-children/guard.tsx","src/components/common/result-children/show-hide-button.tsx"],"sourcesContent":["import {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\n\ntype FoldedItemListContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListContextEvent =\n CustomEvent<FoldedItemListContextEventHandler>;\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n\n/*\n A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n /\nexport function FoldedItemListContext() {\n return (component: ComponentInterface, foldedList: string) => {\n const {componentWillRender} = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(\n foldedItemListContextEventName,\n (foldedItemList: unknown) => {\n this[foldedList] = foldedItemList;\n }\n );\n\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n\ntype FoldedItemListStateContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListStateContextEvent =\n CustomEvent<FoldedItemListStateContextEventHandler>;\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n\n/\n A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n /\nexport function FoldedItemListStateContext() {\n return (component: ComponentInterface, foldedListState: string) => {\n const {componentWillRender} = component;\n component.componentWillRender = function () {\n const element = getElement(this);\n const event = buildCustomEvent(\n foldedItemListStateContextEventName,\n (foldedItemList: {\n subscribe: (callback: () => void) => unknown;\n state: unknown;\n }) => {\n foldedItemList?.subscribe(() => {\n this[foldedListState] = foldedItemList.state;\n });\n }\n );\n\n const canceled = element.dispatchEvent(event);\n if (canceled) {\n return;\n }\n return componentWillRender && componentWillRender.call(this);\n };\n };\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface ChildrenWrapperProps {\n hasChildren: boolean;\n}\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps> = (\n {hasChildren},\n children\n) => {\n return (\n <div part=\"children-root\">\n {hasChildren && <slot name=\"before-children\"></slot>}\n {children}\n {hasChildren && <slot name=\"after-children\"></slot>}\n </div>\n );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {ResultsPlaceholder} from '../atomic-result-placeholder/stencil-placeholders';\nimport {\n ItemDisplayDensity,\n ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ChildrenWrapper} from './children-wrapper';\n\ninterface CollectionGuardProps {\n isLoadingMoreResults: boolean;\n moreResultsAvailable: boolean;\n hasChildren: boolean;\n numberOfChildren: number;\n density: ItemDisplayDensity;\n imageSize: ItemDisplayImageSize;\n noResultText: string;\n}\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const CollectionGuard: FunctionalComponent<CollectionGuardProps> = (\n {\n isLoadingMoreResults,\n moreResultsAvailable,\n hasChildren,\n numberOfChildren,\n density,\n imageSize,\n noResultText,\n },\n children\n) => {\n if (isLoadingMoreResults) {\n return (\n <ChildrenWrapper hasChildren={hasChildren}>\n <ResultsPlaceholder\n numberOfPlaceholders={numberOfChildren}\n density={density}\n display={'list'}\n imageSize={imageSize}\n />\n </ChildrenWrapper>\n );\n }\n\n if (!moreResultsAvailable && !hasChildren) {\n return noResultText.trim().length ? (\n <p part=\"no-result-root\" class=\"no-result-root my-3\">\n {noResultText}\n </p>\n ) : null;\n }\n\n if (!hasChildren) {\n return;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface ResultChildrenGuardProps {\n inheritTemplates: boolean;\n resultTemplateRegistered: boolean;\n templateHasError: boolean;\n}\n\n/\n @deprecated should only be used for Stencil components.\n /\nexport const ResultChildrenGuard: FunctionalComponent<\n ResultChildrenGuardProps\n> = (\n {inheritTemplates, resultTemplateRegistered, templateHasError},\n children\n) => {\n if (!inheritTemplates && !resultTemplateRegistered) {\n return;\n }\n\n if (!inheritTemplates && templateHasError) {\n return <slot></slot>;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\ninterface ShowHideButtonProps {\n moreResultsAvailable: boolean;\n loadFullCollection: () => void;\n showInitialChildren: boolean;\n toggleShowInitialChildren: () => void;\n loadAllResults: string;\n collapseResults: string;\n}\n\n/\n @deprecated should only be used for Stencil components.\n */\nexport const ShowHideButton: FunctionalComponent<ShowHideButtonProps> = ({\n moreResultsAvailable,\n loadFullCollection,\n showInitialChildren,\n toggleShowInitialChildren,\n loadAllResults,\n collapseResults,\n}) => {\n return (\n <Button\n part=\"show-hide-button\"\n class=\"show-hide-button\"\n style=\"text-primary\"\n onClick={() => {\n if (moreResultsAvailable) {\n loadFullCollection();\n toggleShowInitialChildren();\n }\n\n toggleShowInitialChildren();\n }}\n >\n {showInitialChildren \|\| moreResultsAvailable\n ? loadAllResults\n : collapseResults}\n </Button>\n );\n};\n"],"version":3}

package/dist/atomic/components/smart-snippet-common.js CHANGED Viewed

@@ -7,6 +7,9 @@ const Checkmark = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" x
 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;
@@ -33,18 +36,30 @@ const SmartSnippetFeedbackBanner = (props) => {
         h(ThankYouContainer, { visible: props.liked || props.disliked })));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {
     return (h("aside", null,
         h(Heading, { level: headingLevel ?? 0, class: "sr-only" }, i18n.t('smart-snippet')),
         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 (h(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 (h("div", { part: "truncated-answer" },
         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 (h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
 };

package/dist/atomic/components/smart-snippet-common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"smart-snippet-common.js","mappings":";;;;;;;;;~~MAmBa~~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~~MC9Ga~~,mBAAmB,GAG3B,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,QAAQ;IAClC,QACE;QACE,EAAC,OAAO,IAAC,KAAK,EAAE,YAAY,IAAI,CAAC,EAAE,KAAK,EAAC,SAAS,IAC/C,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAChB;QACV,eACE,KAAK,EAAC,4EAA4E,EAClF,IAAI,EAAC,eAAe,IAEnB,QAAQ,CACD,CACJ,EACR;AACJ,EAAE;~~MAEW~~,oBAAoB,~~GAG5B~~,CAAC,EAAC,YAAY,EAAE,QAAQ,EAAC;~~IAC5B~~,QACE,EAAC,OAAO,IACN,KAAK,EAAE,YAAY,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,EAC1C,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,UAAU,IAEd,QAAQ,CACD,EACV;AACJ,EAAE;~~MAEW~~,2BAA2B,GAGnC,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC;IACnB,QACE,WAAK,IAAI,EAAC,kBAAkB;QAC1B,mCACE,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,KAAK,GACY,CAC3B,EACN;AACJ,EAAE;~~MAEW~~,kBAAkB,GAAsC,CACnE,EAAC,IAAI,EAAC,EACN,QAAQ;IAER,QACE,cAAQ,IAAI,EAAC,QAAQ,gBAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAC7D,QAAQ,CACF,EACT;AACJ;;;;","names":[],"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\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\~~nexport~~ ~~interface~~ ~~SmartSnippetQuestionProps~~ ~~{\n headingLevel?:~~ ~~number;\~~n ~~question:~~ ~~string;\n}\n\~~nexport const SmartSnippetWrapper: FunctionalComponent<{\n headingLevel?: number;\n i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n return (\n <aside>\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\~~nexport~~ ~~const~~ ~~SmartSnippetQuestion: FunctionalComponent<~~{\n headingLevel?: number;\n question: string;\n}> = ({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\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\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}
1	+ {"file":"smart-snippet-common.js","mappings":"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","names":[],"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>\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/atomic/components/smart-snippet-feedback-modal-common.js CHANGED Viewed

@@ -1,22 +1,37 @@
 import { h } from '@stencil/core/internal/client';
 import { B as Button } from './stencil-button.js';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SmartSnippetFeedbackModalHeader = ({ i18n }) => {
     return 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 (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 (h("fieldset", null,
         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 (h("div", { class: "flex items-center", key: id, part: "reason" },
         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 }),
         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;
@@ -25,11 +40,17 @@ const SmartSnippetFeedbackModalDetails = ({ currentAnswer, i18n, setDetailsInput
         h("legend", { part: "details-title", class: "text-on-background text-lg font-bold" }, i18n.t('details')),
         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 (h("div", { part: "buttons", slot: "footer", class: "flex justify-end gap-2" },
         h(Button, { part: "cancel-button", style: "outline-neutral", class: "text-primary", onClick: onClick }, i18n.t('cancel')),
         h(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',

package/dist/atomic/components/smart-snippet-feedback-modal-common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"smart-snippet-feedback-modal-common.js","mappings":";;;~~MAKa~~,+BAA+B,GAEvC,CAAC,EAAC,IAAI,EAAC;IACV,OAAO,UAAI,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAM,CAAC;AAC/E,EAAE;~~MAEW~~,6BAA6B,GAGrC,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,EAAE,QAAQ;IAChC,QACE,YACE,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;~~MAEW~~,+BAA+B,GAEvC,CAAC,EAAC,IAAI,EAAC,EAAE,QAAQ;IACpB,QACE;QACE,cAAQ,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,sCAAsC,IACrE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,CACxC;QACR,QAAQ,CACA,EACX;AACJ,EAAE;~~MAEW~~,+BAA+B,GAOvC,CAAC,EAAC,mBAAmB,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAC;IACvE,QACE,WAAK,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAC,QAAQ;QACnD,aACE,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;QACF,aAAO,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,EAAE,IACnC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CACZ,CACJ,EACN;AACJ,EAAE;~~MAEW~~,gCAAgC,GAIxC,CAAC,EAAC,aAAa,EAAE,IAAI,EAAE,kBAAkB,EAAC;IAC7C,IAAI,aAAa,KAAK,OAAO,EAAE;QAC7B,OAAO;KACR;IAED,QACE;QACE,cAAQ,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,sCAAsC,IACtE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CACX;QACT,gBACE,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;~~MAEW~~,+BAA+B,GAIvC,CAAC,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC;IAC3B,QACE,WAAK,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,wBAAwB;QAC9D,EAAC,MAAM,IACL,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,OAAO,IAEf,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CACV;QACT,EAAC,MAAM,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;~~MAEW~~,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":[],"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\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n i18n: i18n;\n}> = ({i18n}) => {\n return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\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\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\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\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\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\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}
1	+ {"file":"smart-snippet-feedback-modal-common.js","mappings":"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","names":[],"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/atomic/components/smart-snippet-suggestions-common.js CHANGED Viewed

@@ -2,26 +2,44 @@ import { h } from '@stencil/core/internal/client';
 import { B as Button } from './stencil-button.js';
 import { H as Heading } from './stencil-heading.js';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SmartSnippetSuggestionsWrapper = ({ headingLevel, i18n }, children) => {
     return (h("aside", { part: "container", class: "bg-background border-neutral text-on-background overflow-hidden rounded-lg border" },
         h(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')),
         h("ul", { part: "questions", class: "divide-neutral divide-y" }, children)));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SmartSnippetSuggestionsQuestionWrapper = ({ expanded, key }, children) => {
     return (h("li", { key: key, part: `question-answer-${expanded ? 'expanded' : 'collapsed'}`, class: "flex flex-col" },
         h("article", { class: "contents" }, children)));
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const SmartSnippetSuggestionsQuestion = ({ ariaControls, expanded, headingLevel, onClick, question }, atomicIcon) => {
     return (h(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,
         h(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 (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 (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'}`;
 export { SmartSnippetSuggestionsWrapper as S, SmartSnippetSuggestionsQuestionWrapper as a, SmartSnippetSuggestionsQuestion as b, SmartSnippetSuggestionsAnswerAndSourceWrapper as c, SmartSnippetSuggestionsFooter as d, getQuestionPart as g };

package/dist/atomic/components/smart-snippet-suggestions-common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"smart-snippet-suggestions-common.js","mappings":";;;;~~MAKa~~,8BAA8B,GAGtC,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,QAAQ;IAClC,QACE,aACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,mFAAmF;QAEzF,EAAC,OAAO,IACN,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qDAAqD,IAE1D,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAChC;QACV,UAAI,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,yBAAyB,IACjD,QAAQ,CACN,CACC,EACR;AACJ,EAAE;~~MAEW~~,sCAAsC,GAG9C,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,QAAQ;IAC7B,QACE,UACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,mBAAmB,QAAQ,GAAG,UAAU,GAAG,WAAW,EAAE,EAC9D,KAAK,EAAC,eAAe;QAErB,eAAS,KAAK,EAAC,UAAU,IAAE,QAAQ,CAAW,CAC3C,EACL;AACJ,EAAE;~~MAEW~~,+BAA+B,GAMvC,CACH,EAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAC,EACzD,UAAU;IAEV,QACE,EAAC,MAAM,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;QACX,EAAC,OAAO,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;~~MAEW~~,6CAA6C,GAGrD,CAAC,EAAC,EAAE,EAAC,EAAE,QAAQ;IAClB,QACE,WAAK,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,EAAE,IACzD,QAAQ,CACL,EACN;AACJ,EAAE;~~MAEW~~,6BAA6B,GAErC,CAAC,EAAC,IAAI,EAAC,EAAE,QAAQ;IACpB,QACE,cAAQ,IAAI,EAAC,QAAQ,gBAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAC7D,QAAQ,CACF,EACT;AACJ,EAAE;~~MAEW~~,eAAe,GAAG,CAAC,IAAY,EAAE,QAAiB,KAC7D,YAAY,IAAI,IAAI,QAAQ,GAAG,UAAU,GAAG,WAAW;;;;","names":[],"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\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 >\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\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\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\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\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\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"version":3}
1	+ {"file":"smart-snippet-suggestions-common.js","mappings":";;;;AAKA;;;MAGa,8BAA8B,GAGtC,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,QAAQ;IAClC,QACE,aACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,mFAAmF;QAEzF,EAAC,OAAO,IACN,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qDAAqD,IAE1D,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAChC;QACV,UAAI,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,QACE,UACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,mBAAmB,QAAQ,GAAG,UAAU,GAAG,WAAW,EAAE,EAC9D,KAAK,EAAC,eAAe;QAErB,eAAS,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,QACE,EAAC,MAAM,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;QACX,EAAC,OAAO,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,QACE,WAAK,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,QACE,cAAQ,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":[],"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 >\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/atomic/components/stencil-button.js CHANGED Viewed

@@ -85,7 +85,7 @@ function getRippleColorForButtonStyle(buttonStyle) {
 }
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead
+ * @deprecated should only be used for Stencil components.
  */
 const Button = (props, children) => {
     const rippleColor = getRippleColorForButtonStyle(props.style);

package/dist/atomic/components/stencil-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stencil-button.js","mappings":"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","names":[],"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; for Lit components, use ButtonProps interface instead\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; for Lit components, use the button.ts file instead\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}
1	+ {"file":"stencil-button.js","mappings":"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","names":[],"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}

package/dist/atomic/components/stencil-carousel.js CHANGED Viewed

@@ -2,6 +2,9 @@ import { h, Fragment } from '@stencil/core/internal/client';
 import { A as ArrowRight } from './arrow-right.js';
 import { B as Button } from './stencil-button.js';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 const Carousel = (props, children) => {
     const commonPaginationClasses = 'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';
     const commonArrowClasses = 'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';

package/dist/atomic/components/stencil-carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stencil-carousel.js","mappings":";;;;~~MAca~~,QAAQ,GAEjB,CAAC,KAAK,EAAE,QAAQ;IAClB,MAAM,uBAAuB,GAC3B,kGAAkG,CAAC;IACrG,MAAM,kBAAkB,GACtB,+FAA+F,CAAC;IAElG,SAAS,oBAAoB;QAC3B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5C,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,EAAE,EACnC,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,GAAG,uBAAuB,mBAAmB;YAEpD,mBACE,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,GAAG,kBAAkB,aAAa,GAC5B,CACR,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,EAAE,EAC/B,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,GAAG,uBAAuB,0BAA0B;YAE3D,mBAAa,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,GAAgB,CACjE,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,UAAI,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gCAAgC,IACzD,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK;YAClD,MAAM,QAAQ,GAAG,KAAK,KAAK,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;YACnE,QACE,UACE,IAAI,EAAE,aAAa,QAAQ,GAAG,kBAAkB,GAAG,EAAE,EAAE,EACvD,KAAK,EAAE,uBACL,QAAQ,GAAG,YAAY,GAAG,YAC5B,GAAG,GACC,EACN;SACH,CAAC,CACC,EACL;KACH;IAED,QACE,EAAC,QAAQ;QACP,WAAK,KAAK,EAAC,UAAU;YAClB,oBAAoB,EAAE;YACtB,QAAQ;YACR,gBAAgB,EAAE,CACf;QACL,gBAAgB,EAAE,CACV,EACX;AACJ;;;;","names":[],"sources":["src/components/common/stencil-carousel.tsx"],"sourcesContent":["import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport ArrowRight from '../../images/arrow-right.svg';\nimport {AnyBindings} from './interface/bindings.js';\nimport {Button} from './stencil-button.js';\n\~~nexport~~ ~~interface~~ CarouselProps {\n bindings: AnyBindings;\n previousPage(): void;\n nextPage(): void;\n numberOfPages: number;\n currentPage: number;\n}\n\nexport const Carousel: FunctionalComponent<\n CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = (props, children) => {\n const commonPaginationClasses =\n 'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';\n const commonArrowClasses =\n 'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';\n\n function renderPreviousButton() {\n return (\n <Button\n style=\"outline-primary\"\n ariaLabel={props.bindings.i18n.t('previous')}\n onClick={() => props.previousPage()}\n part=\"previous-button\"\n class={`${commonPaginationClasses} -translate-x-1/2`}\n >\n <atomic-icon\n icon={ArrowRight}\n class={`${commonArrowClasses} rotate-180`}\n ></atomic-icon>\n </Button>\n );\n }\n\n function renderNextButton() {\n return (\n <Button\n style=\"outline-primary\"\n ariaLabel={props.bindings.i18n.t('next')}\n onClick={() => props.nextPage()}\n part=\"next-button\"\n class={`${commonPaginationClasses} right-0 translate-x-1/2`}\n >\n <atomic-icon icon={ArrowRight} class={commonArrowClasses}></atomic-icon>\n </Button>\n );\n }\n\n function renderIndicators() {\n return (\n <ul part=\"indicators\" class=\"mt-6 flex justify-center gap-2\">\n {Array.from({length: props.numberOfPages}, (_, index) => {\n const isActive = index === props.currentPage % props.numberOfPages;\n return (\n <li\n part={`indicator ${isActive ? 'active-indicator' : ''}`}\n class={`h-1 w-12 rounded-md ${\n isActive ? 'bg-primary' : 'bg-neutral'\n } `}\n ></li>\n );\n })}\n </ul>\n );\n }\n\n return (\n <Fragment>\n <div class=\"relative\">\n {renderPreviousButton()}\n {children}\n {renderNextButton()}\n </div>\n {renderIndicators()}\n </Fragment>\n );\n};\n"],"version":3}
1	+ {"file":"stencil-carousel.js","mappings":";;;;AAcA;;;MAGa,QAAQ,GAEjB,CAAC,KAAK,EAAE,QAAQ;IAClB,MAAM,uBAAuB,GAC3B,kGAAkG,CAAC;IACrG,MAAM,kBAAkB,GACtB,+FAA+F,CAAC;IAElG,SAAS,oBAAoB;QAC3B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5C,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,EAAE,EACnC,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,GAAG,uBAAuB,mBAAmB;YAEpD,mBACE,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,GAAG,kBAAkB,aAAa,GAC5B,CACR,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,EAAE,EAC/B,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,GAAG,uBAAuB,0BAA0B;YAE3D,mBAAa,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,GAAgB,CACjE,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,UAAI,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gCAAgC,IACzD,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK;YAClD,MAAM,QAAQ,GAAG,KAAK,KAAK,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;YACnE,QACE,UACE,IAAI,EAAE,aAAa,QAAQ,GAAG,kBAAkB,GAAG,EAAE,EAAE,EACvD,KAAK,EAAE,uBACL,QAAQ,GAAG,YAAY,GAAG,YAC5B,GAAG,GACC,EACN;SACH,CAAC,CACC,EACL;KACH;IAED,QACE,EAAC,QAAQ;QACP,WAAK,KAAK,EAAC,UAAU;YAClB,oBAAoB,EAAE;YACtB,QAAQ;YACR,gBAAgB,EAAE,CACf;QACL,gBAAgB,EAAE,CACV,EACX;AACJ;;;;","names":[],"sources":["src/components/common/stencil-carousel.tsx"],"sourcesContent":["import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport ArrowRight from '../../images/arrow-right.svg';\nimport {AnyBindings} from './interface/bindings.js';\nimport {Button} from './stencil-button.js';\n\ninterface CarouselProps {\n bindings: AnyBindings;\n previousPage(): void;\n nextPage(): void;\n numberOfPages: number;\n currentPage: number;\n}\n\n/*\n @deprecated should only be used for Stencil components.\n */\nexport const Carousel: FunctionalComponent<\n CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = (props, children) => {\n const commonPaginationClasses =\n 'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';\n const commonArrowClasses =\n 'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';\n\n function renderPreviousButton() {\n return (\n <Button\n style=\"outline-primary\"\n ariaLabel={props.bindings.i18n.t('previous')}\n onClick={() => props.previousPage()}\n part=\"previous-button\"\n class={`${commonPaginationClasses} -translate-x-1/2`}\n >\n <atomic-icon\n icon={ArrowRight}\n class={`${commonArrowClasses} rotate-180`}\n ></atomic-icon>\n </Button>\n );\n }\n\n function renderNextButton() {\n return (\n <Button\n style=\"outline-primary\"\n ariaLabel={props.bindings.i18n.t('next')}\n onClick={() => props.nextPage()}\n part=\"next-button\"\n class={`${commonPaginationClasses} right-0 translate-x-1/2`}\n >\n <atomic-icon icon={ArrowRight} class={commonArrowClasses}></atomic-icon>\n </Button>\n );\n }\n\n function renderIndicators() {\n return (\n <ul part=\"indicators\" class=\"mt-6 flex justify-center gap-2\">\n {Array.from({length: props.numberOfPages}, (_, index) => {\n const isActive = index === props.currentPage % props.numberOfPages;\n return (\n <li\n part={`indicator ${isActive ? 'active-indicator' : ''}`}\n class={`h-1 w-12 rounded-md ${\n isActive ? 'bg-primary' : 'bg-neutral'\n } `}\n ></li>\n );\n })}\n </ul>\n );\n }\n\n return (\n <Fragment>\n <div class=\"relative\">\n {renderPreviousButton()}\n {children}\n {renderNextButton()}\n </div>\n {renderIndicators()}\n </Fragment>\n );\n};\n"],"version":3}