@tmorrow/cre8-react 1.0.14

package/dist/components-Main-Main-stories.9a12d321.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist/components-Modal-Modal-stories.ca4101cd.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[4607],{"./.storybook/components/Fpo/Fpo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{m:()=>Fpo});__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");var classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js");const Fpo=_ref=>{let{styleModifier,children}=_ref;const componentClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fpo",styleModifier,{});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:componentClassName,children})};Fpo.displayName="Fpo";try{Fpo.displayName="Fpo",Fpo.__docgenInfo={description:"Primary UI component for user interaction",displayName:"Fpo",props:{styleModifier:{defaultValue:null,description:"CSS class names that can be appended to the component.",name:"styleModifier",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Child node(s) that can be nested inside component",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/components/Fpo/Fpo.tsx#Fpo"]={docgenInfo:Fpo.__docgenInfo,name:"Fpo",path:".storybook/components/Fpo/Fpo.tsx#Fpo"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Heading/Heading.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>Cre8Heading});var _lit_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),_cre8_dev_cre8_wc_lib_components_heading_heading__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/heading/heading.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const Cre8Heading=(0,_lit_react__WEBPACK_IMPORTED_MODULE_0__.a)({react:react__WEBPACK_IMPORTED_MODULE_2__,tagName:"Cre8-heading",elementClass:_cre8_dev_cre8_wc_lib_components_heading_heading__WEBPACK_IMPORTED_MODULE_1__.j});try{Cre8Heading.displayName="Cre8Heading",Cre8Heading.__docgenInfo={description:'HTML headings are titles or subtitles that you want to display on a webpage. The H1 is the most important and H6\nis the least important in the content hierarchy.\n\n# How to Use\n1. The Cre8-heading tag wraps around one of the six native HTML "h" tags, depending on your chosen variation.\n2. There are two main use cases for using this component: text passage headings and Components with a title (i.e. modal, card or alert)\n3. There will be instances when the design requires the heading text to have the brand color applied in which case you should set\n  the [brandColor](?path=/story/Cre8-components-heading--brand-color) attribute to true on the Cre8-heading tag.\n4. For dark backgrounds, add the [inverted](?path=/story/Cre8-components-heading--inverted) attribute to the tag for white text.',displayName:"Cre8Heading",props:{render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.\n@category lifecycle",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},inverted:{defaultValue:null,description:"Invert the color of the font from dark to light. An inverted `heading` should be used on a dark background.\n@attr {boolean}",name:"inverted",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:'Heading type\n<cre8-text-passage size="small">\n<ul>\n<li>**display-default** renders a heading with the heading display-default preset treatment</li>\n<li>**display-small** renders a heading with the heading display-small preset treatment</li>\n<li>**headline-large** renders a heading with the heading headline-large preset treatment</li>\n<li>**headline-default** renders a heading with the heading headline-default preset treatment</li>\n<li>**headline-small** renders a heading with the heading headline-small preset treatment</li>\n<li>**title-xlarge** renders a heading with the heading title-xlarge preset treatment</li>\n<li>**title-large** renders a heading with the heading title-large preset treatment</li>\n<li>**title-default** renders a heading with the heading title-default preset treatment</li>\n<li>**title-small** renders a heading with the heading title-small preset treatment</li>\n<li>**label-large** renders a heading with the label-large preset treatment</li>\n<li>**label** renders a heading with the label preset treatment</li>\n<li>**label-small** renders a heading with the label-small preset treatment</li>\n<li>**meta-large** renders a heading with the meta-large preset treatment</li>\n<li>**meta-default** renders a heading with the meta-default preset treatment</li>\n<li>**meta-small** renders a heading with the meta-small preset treatment</li>\n</ul>\n</cre8-text-passage>',name:"type",required:!1,type:{name:"enum",value:[{value:'"display-default"'},{value:'"display-small"'},{value:'"headline-large"'},{value:'"headline-default"'},{value:'"headline-small"'},{value:'"title-xlarge"'},{value:'"title-large"'},{value:'"title-default"'},{value:'"title-small"'},{value:'"label-large"'},{value:'"label-default"'},{value:'"label-small"'},{value:'"meta-large"'},{value:'"meta-default"'},{value:'"meta-small"'}]}},tagVariant:{defaultValue:null,description:'Dynamic tag name for the component\n1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page\n<cre8-text-passage size="small">\n<ul>\n<li>**h1** renders an `h1` tag</li>\n<li>**h2** renders an `h2` tag. This is the default</li>\n<li>**h3** renders an `h3` tag</li>\n<li>**h4** renders an `h4` tag</li>\n<li>**h5** renders an `h5` tag</li>\n<li>**h6** renders an `h6` tag</li>\n</ul>\n</cre8-text-passage>\n@attr {string}',name:"tagVariant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'}]}},brandColor:{defaultValue:null,description:"Apply the brand color to the heading text.\n@attr {boolean}",name:"brandColor",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Heading/Heading.tsx#Cre8Heading"]={docgenInfo:Cre8Heading.__docgenInfo,name:"Cre8Heading",path:"src/components/Heading/Heading.tsx#Cre8Heading"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Modal/Modal.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Help:()=>Help,Info:()=>Info,NotDismissible:()=>NotDismissible,Success:()=>Success,Warning:()=>Warning,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Modal_stories});var react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),preview=__webpack_require__("./.storybook/preview.js"),_lit_react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),modal=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/modal/modal.js");const Cre8Modal=(0,_lit_react.a)({react,tagName:"Cre8-modal",elementClass:modal.w,events:{onClose:"close-modal"}});try{Cre8Modal.displayName="Cre8Modal",Cre8Modal.__docgenInfo={description:"",displayName:"Cre8Modal",props:{onClose:{defaultValue:null,description:"Event emitted when the close button is clicked. Use this\nwhen managing `isActive`'s state.",name:"onClose",required:!1,type:{name:"(e: CloseModalEvent) => void"}},status:{defaultValue:null,description:'Status Types\n<cre8-text-passage size="sm">\n<ul>\n<li>**default (no value)** renders a default modal</li>\n<li>**error** renders an error modal</li>\n<li>**warning** renders a warning modal</li>\n<li>**success** renders a success modal</li>\n<li>**info** renders an info modal</li>\n<li>**help** renders an help modal</li>\n</ul>\n</cre8-text-passage>',name:"status",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"warning"'},{value:'"success"'},{value:'"info"'},{value:'"help"'}]}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Lifecycle method on removal from the DOM\nRemoved body overflow and handle close (isActive set to false)",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},isActive:{defaultValue:null,description:"Is Active attribute",name:"isActive",required:!1,type:{name:"boolean"}},updated:{defaultValue:null,description:"Lifecycle method to focus on modal\n1) If there is a changed property, and this.isActive === true, then focus on the modal window.\n2) Disable the body from scrolling behind while the modal is open.",name:"updated",required:!1,type:{name:"(changedProperties: PropertyValueMap<Cre8Modal>) => void"}},handleKeydown:{defaultValue:null,description:"Handle keydown\n1) Close the modal when escape is hit when the user is focused within the modal",name:"handleKeydown",required:!1,type:{name:"(e: KeyboardEvent) => void"}},handleOnClickOutside:{defaultValue:null,description:'Handle "click outside"\n1) onClick of the area around the modal window, close the modal.',name:"handleOnClickOutside",required:!1,type:{name:"(e: Event) => void"}},_modalWindow:{defaultValue:null,description:"Query the modal window",name:"_modalWindow",required:!1,type:{name:"HTMLDivElement"}},utilityModalTitle:{defaultValue:null,description:"Utility Modal Heading (String)",name:"utilityModalTitle",required:!1,type:{name:"string"}},notDismissible:{defaultValue:null,description:"Not dismissible modal",name:"notDismissible",required:!1,type:{name:"boolean"}},closeButtonText:{defaultValue:null,description:"Close Button Text",name:"closeButtonText",required:!1,type:{name:"string"}},closeButtonIcon:{defaultValue:null,description:"Close Button Icon",name:"closeButtonIcon",required:!1,type:{name:"string"}},handleCloseModal:{defaultValue:null,description:"Handle on close\n1) On close, set the modal to not active and dispatch event telling the parent the modal was closed.",name:"handleCloseModal",required:!1,type:{name:"() => void"}},mapStatusToIconModal:{defaultValue:null,description:"",name:"mapStatusToIconModal",required:!1,type:{name:"(status: string) => TemplateResult<1>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Modal/Modal.tsx#Cre8Modal"]={docgenInfo:Cre8Modal.__docgenInfo,name:"Cre8Modal",path:"src/components/Modal/Modal.tsx#Cre8Modal"})}catch(__react_docgen_typescript_loader_error){}var Heading=__webpack_require__("./src/components/Heading/Heading.tsx"),Fpo=__webpack_require__("./.storybook/components/Fpo/Fpo.tsx"),dist=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-actions@7.6.20/node_modules/@storybook/addon-actions/dist/index.mjs"),jsx_runtime=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js");const Modal_stories={title:"Cre8 Components/Modal",component:Cre8Modal,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)},docs:{story:{inline:!1,height:"300px"}}},render:args=>(0,jsx_runtime.jsx)(Cre8Modal,{...args}),args:{onClose:(0,dist.XI)("close-modal")}},Default={args:{isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Heading.j,{type:"title-large",slot:"header",children:"Modal Heading"}),(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:" Modal footer "})})]})}},NotDismissible={args:{isActive:!0,notDismissible:!0,ariaLabel:"This text describes modal to screen reader when focused on",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Heading.j,{type:"title-large",slot:"header",children:"Modal Heading"}),(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:" Modal footer "})})]})}},Error={args:{status:"error",isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",utilityModalTitle:"Modal Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:" Modal footer "})})]})}},Warning={args:{status:"warning",isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",utilityModalTitle:"Modal Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:" Modal footer "})})]})}},Success={args:{status:"success",isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",utilityModalTitle:"Modal Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:" Modal footer "})})]})}},Info={args:{status:"info",isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",utilityModalTitle:"Modal Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal footer"})})," "]})}},Help={args:{status:"help",isActive:!0,ariaLabel:"This text describes modal to screen reader when focused on",utilityModalTitle:"Modal Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal Body"}),(0,jsx_runtime.jsx)("div",{slot:"footer",children:(0,jsx_runtime.jsx)(Fpo.m,{children:"Modal footer"})})," "]})}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n  args: {\n    isActive: true,\n    ariaLabel: "This text describes modal to screen reader when focused on",\n    children: <>\n    <Cre8Heading type="title-large" slot="header">Modal Heading</Cre8Heading>\n    <Fpo>Modal Body</Fpo>\n    <div slot="footer">\n    <Fpo> Modal footer </Fpo>\n    </div>\n  </>\n  }\n}',...Default.parameters?.docs?.source}}},NotDismissible.parameters={...NotDismissible.parameters,docs:{...NotDismissible.parameters?.docs,source:{originalSource:'{\n  args: {\n    isActive: true,\n    notDismissible: true,\n    ariaLabel: "This text describes modal to screen reader when focused on",\n    children: <>\n    <Cre8Heading type="title-large" slot="header">Modal Heading</Cre8Heading>\n    <Fpo>Modal Body</Fpo>\n    <div slot="footer">\n    <Fpo> Modal footer </Fpo>\n    </div>\n  </>\n  }\n}',...NotDismissible.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:"{\n  args: {\n    status: 'error',\n    isActive: true,\n    ariaLabel: \"This text describes modal to screen reader when focused on\",\n    utilityModalTitle: 'Modal Heading',\n    children: <>\n    <Fpo>Modal Body</Fpo>\n    <div slot=\"footer\">\n    <Fpo> Modal footer </Fpo>\n    </div>\n  </>\n  }\n}",...Error.parameters?.docs?.source}}},Warning.parameters={...Warning.parameters,docs:{...Warning.parameters?.docs,source:{originalSource:"{\n  args: {\n    status: 'warning',\n    isActive: true,\n    ariaLabel: \"This text describes modal to screen reader when focused on\",\n    utilityModalTitle: 'Modal Heading',\n    children: <>\n    <Fpo>Modal Body</Fpo>\n    <div slot=\"footer\">\n    <Fpo> Modal footer </Fpo>\n    </div>\n  </>\n  }\n}",...Warning.parameters?.docs?.source}}},Success.parameters={...Success.parameters,docs:{...Success.parameters?.docs,source:{originalSource:"{\n  args: {\n    status: 'success',\n    isActive: true,\n    ariaLabel: \"This text describes modal to screen reader when focused on\",\n    utilityModalTitle: 'Modal Heading',\n    children: <>\n    <Fpo>Modal Body</Fpo>\n    <div slot=\"footer\">\n    <Fpo> Modal footer </Fpo>\n    </div>\n  </>\n  }\n}",...Success.parameters?.docs?.source}}},Info.parameters={...Info.parameters,docs:{...Info.parameters?.docs,source:{originalSource:"{\n  args: {\n    status: 'info',\n    isActive: true,\n    ariaLabel: \"This text describes modal to screen reader when focused on\",\n    utilityModalTitle: 'Modal Heading',\n    children: <>\n    <Fpo>Modal Body</Fpo>\n    <div slot=\"footer\">\n    <Fpo>Modal footer</Fpo>\n\n </div> </>\n  }\n}",...Info.parameters?.docs?.source}}},Help.parameters={...Help.parameters,docs:{...Help.parameters?.docs,source:{originalSource:"{\n  args: {\n    status: 'help',\n    isActive: true,\n    ariaLabel: \"This text describes modal to screen reader when focused on\",\n    utilityModalTitle: 'Modal Heading',\n    children: <>\n    <Fpo>Modal Body</Fpo>\n    <div slot=\"footer\">\n    <Fpo>Modal footer</Fpo>\n\n </div> </>\n  }\n}",...Help.parameters?.docs?.source}}};const __namedExportsOrder=["Default","NotDismissible","Error","Warning","Success","Info","Help"]}}]);

package/dist/components-MultiSelect-MultiSelect-stories.cf7b313f.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[3247],{"./src/components/MultiSelect/MultiSelect.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,DisabledWithTags:()=>DisabledWithTags,Error:()=>Error,PreSelected:()=>PreSelected,Success:()=>Success,Wrapping:()=>Wrapping,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MultiSelect_stories});var react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),preview=__webpack_require__("./.storybook/preview.js"),_lit_react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),multi_select=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/multi-select/multi-select.js");const Cre8MultiSelect=(0,_lit_react.a)({react,tagName:"Cre8-multi-select",elementClass:multi_select.Q,events:{onSelectedItemsChange:"selectedItemsChange"}});try{Cre8MultiSelect.displayName="Cre8MultiSelect",Cre8MultiSelect.__docgenInfo={description:'Multiselect is used when multiple options can be chosen from a static dropdown\nThis component has a list of items in the dropdown that can be added as "selected tags"\nThe checkbox will always reflect the selected nature of the item and is not removed\nfrom the dropdown when clicked, the tags will be added and removed based on their state.\n\nEvent `selectedItemsChange` emits whenever a tag is added or remove from the list and the\ncurrent list after the change is given in the detail.',displayName:"Cre8MultiSelect",props:{onSelectedItemsChange:{defaultValue:null,description:"",name:"onSelectedItemsChange",required:!1,type:{name:"(e: Cre8DomEvent<Cre8MultiSelect, Cre8MultiSelect>) => void"}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},label:{defaultValue:null,description:"The required label that appears above the multiselect\n@attr {string}",name:"label",required:!1,type:{name:"string"}},firstUpdated:{defaultValue:null,description:"Invoked when the element is first updated. Implement to perform one time\nwork on the element after update.\n\n```ts\nfirstUpdated() {\n  this.renderRoot.getElementById('my-text-area').focus();\n}\n```\n\nSetting properties inside this method will trigger the element to update\nagain after this update cycle completes.",name:"firstUpdated",required:!1,type:{name:"() => void"}},fieldId:{defaultValue:null,description:"The unique id of the select\n@attr {string}",name:"fieldId",required:!1,type:{name:"string"}},dropdownOpen:{defaultValue:null,description:"",name:"dropdownOpen",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"The disabled attribute on the select\n@attr {boolean}",name:"disabled",required:!1,type:{name:"boolean"}},fieldNote:{defaultValue:null,description:"Optional field note text can be added to provide additional field guidance.\n@attr {string}",name:"fieldNote",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Used to connect the field note in text field to the text menu for accessibility\n@attr {string}",name:"ariaDescribedBy",required:!1,type:{name:"string"}},isError:{defaultValue:null,description:"Changes the component's treatment to represent an error state\n@attr {boolean}",name:"isError",required:!1,type:{name:"boolean"}},isSuccess:{defaultValue:null,description:"Changes the component's treatment to represent a success state\n@attr {boolean}",name:"isSuccess",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:'The list of string items the user can choose in the dropdown\n\nNote: For passing props containing arrays and complex types, you should pass the props using a\nperiod in from of the prop like so: `.items="[]"`\n(this is only needed for Web Components and not the React version)\n@attr {string[]}',name:"items",required:!1,type:{name:"string[]"}},validationAriaDescribedBy:{defaultValue:null,description:"Additional aria-describedby connection to id for additional success and error notes to be accessible\n@attr {string}",name:"validationAriaDescribedBy",required:!1,type:{name:"string"}},errorNote:{defaultValue:null,description:"The error field note that appears below the default field note\n@attr {string}",name:"errorNote",required:!1,type:{name:"string"}},successNote:{defaultValue:null,description:"The success field note that appears below the default field note\n@attr {string}",name:"successNote",required:!1,type:{name:"string"}},selectedTagItems:{defaultValue:null,description:"",name:"selectedTagItems",required:!1,type:{name:"string[]"}},preselectedItems:{defaultValue:null,description:"The list of string items that are initially in the selected list of tags\nNote: This list MUST be a subset of the array of items to function.\ni.e. if items=['cat', 'dog', 'bird'], preselectedItems=['cat'] is valid\nwhile preselectedItems=['cat', 'goat'] is not and will break the component.\n\nNote: For passing props containing arrays and complex types, you should pass the props using a\nperiod in from of the prop like so: `.items=\"[]\"`\n(this is only needed for Web Components and not the React version)\n@attr {string[]}",name:"preselectedItems",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MultiSelect/MultiSelect.tsx#Cre8MultiSelect"]={docgenInfo:Cre8MultiSelect.__docgenInfo,name:"Cre8MultiSelect",path:"src/components/MultiSelect/MultiSelect.tsx#Cre8MultiSelect"})}catch(__react_docgen_typescript_loader_error){}var decorator=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-actions@7.6.20/node_modules/@storybook/addon-actions/dist/decorator.mjs"),jsx_runtime=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js");const MultiSelect_stories={title:"In Development/MultiSelect",component:Cre8MultiSelect,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)},actions:{handles:["selectedItemsChange"]},docs:{story:{height:"350px"}},decorators:[decorator.w]},render:args=>(0,jsx_runtime.jsx)(Cre8MultiSelect,{...args}),args:{id:"selectId",label:"Choose you favorite food:",items:["Bagel","Burger","Boat","Beefstick","Bacon"]}},Default={args:{}},Wrapping=args=>(0,jsx_runtime.jsx)("div",{style:{width:"320px"},children:(0,jsx_runtime.jsx)(Cre8MultiSelect,{items:["Bagel","Burger","Boat","Beefstick","Bacon"],label:"Wrapping"})});Wrapping.displayName="Wrapping";const PreSelected={args:{label:"PreSelected",items:["Car","Crumbs","Coco","Creampuff","Clock"],preselectedItems:["Car","Crumbs"]}},Disabled={args:{disabled:!0,label:"Disabled"}},DisabledWithTags={args:{disabled:!0,label:"Disabled",preselectedItems:["Brisket"]}},Error={args:{errorNote:"Short, clear error message.",isError:!0,label:"Error",items:["Doll","Dice","Doctor","Dinger","Derby"]}},Success={args:{isSuccess:!0,successNote:"Short, clear success message",label:"Success",items:["Emu","Eggplant","Envy","Essence"],preselectedItems:["Eevee"]}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {}\n}",...Default.parameters?.docs?.source}}},Wrapping.parameters={...Wrapping.parameters,docs:{...Wrapping.parameters?.docs,source:{originalSource:"args => <div style={{\n  width: '320px'\n}}>\n    <Cre8MultiSelect items={['Bagel', 'Burger', 'Boat', 'Beefstick', 'Bacon']} label=\"Wrapping\"></Cre8MultiSelect>\n  </div>",...Wrapping.parameters?.docs?.source}}},PreSelected.parameters={...PreSelected.parameters,docs:{...PreSelected.parameters?.docs,source:{originalSource:"{\n  args: {\n    label: 'PreSelected',\n    items: ['Car', 'Crumbs', 'Coco', 'Creampuff', 'Clock'],\n    preselectedItems: ['Car', 'Crumbs']\n  }\n}",...PreSelected.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"{\n  args: {\n    disabled: true,\n    label: 'Disabled'\n  }\n}",...Disabled.parameters?.docs?.source}}},DisabledWithTags.parameters={...DisabledWithTags.parameters,docs:{...DisabledWithTags.parameters?.docs,source:{originalSource:"{\n  args: {\n    disabled: true,\n    label: 'Disabled',\n    preselectedItems: ['Brisket']\n  }\n}",...DisabledWithTags.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:"{\n  args: {\n    errorNote: \"Short, clear error message.\",\n    isError: true,\n    label: 'Error',\n    items: ['Doll', 'Dice', 'Doctor', 'Dinger', 'Derby']\n  }\n}",...Error.parameters?.docs?.source}}},Success.parameters={...Success.parameters,docs:{...Success.parameters?.docs,source:{originalSource:"{\n  args: {\n    isSuccess: true,\n    successNote: \"Short, clear success message\",\n    label: 'Success',\n    items: ['Emu', 'Eggplant', 'Envy', 'Essence'],\n    preselectedItems: ['Eevee']\n  }\n}",...Success.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Wrapping","PreSelected","Disabled","DisabledWithTags","Error","Success"]}}]);

package/dist/components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js

@@ -0,0 +1,7 @@
+/*! For license information please see components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js.LICENSE.txt */
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[7637],{"./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>o});const e=new Set(["children","localName","ref","style","className"]),n=new WeakMap,t=(e,t,o,l,a)=>{const s=a?.[t];void 0===s?(e[t]=o,null==o&&t in HTMLElement.prototype&&e.removeAttribute(t)):o!==l&&((e,t,o)=>{let l=n.get(e);void 0===l&&n.set(e,l=new Map);let a=l.get(t);void 0!==o?void 0===a?(l.set(t,a={handleEvent:o}),e.addEventListener(t,a)):a.handleEvent=o:void 0!==a&&(l.delete(t),e.removeEventListener(t,a))})(e,s,o)},o=({react:n,tagName:o,elementClass:l,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),r=n.forwardRef(((s,r)=>{const i=n.useRef(new Map),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in l.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null===d.current)return;const e=new Map;for(const n in u)t(d.current,n,s[n],i.current.get(n),a),i.current.delete(n),e.set(n,s[n]);for(const[e,n]of i.current)t(d.current,e,void 0,n,a);i.current=e})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration")}),[]),f.suppressHydrationWarning=!0,n.createElement(o,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof r?r(e):null!==r&&(r.current=e)}),[r])})}));return r.displayName=s??l.name,r}},"./src/components/NavContainer/NavContainer.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>NavContainer_stories});var react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),t={1886:(t,e,i)=>{var s;i.d(e,{XX:()=>B,c0:()=>x,qy:()=>E});const r=window,n=r.trustedTypes,o=n?n.createPolicy("lit-html",{createHTML:t=>t}):void 0,l="$lit$",a=`lit$${(Math.random()+"").slice(9)}$`,h="?"+a,c=`<${h}>`,d=document,p=()=>d.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,v=Array.isArray,f="[ \t\n\f\r]",$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,y=/>/g,_=RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,A=/"/g,b=/^(?:script|style|textarea|title)$/i,w=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),E=w(1),x=(w(2),Symbol.for("lit-noChange")),S=Symbol.for("lit-nothing"),C=new WeakMap,O=d.createTreeWalker(d,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==o?o.createHTML(e):e}const k=(t,e)=>{const i=t.length-1,s=[];let r,n=2===e?"<svg>":"",o=$;for(let e=0;e<i;e++){const i=t[e];let h,d,p=-1,u=0;for(;u<i.length&&(o.lastIndex=u,d=o.exec(i),null!==d);)u=o.lastIndex,o===$?"!--"===d[1]?o=m:void 0!==d[1]?o=y:void 0!==d[2]?(b.test(d[2])&&(r=RegExp("</"+d[2],"g")),o=_):void 0!==d[3]&&(o=_):o===_?">"===d[0]?(o=null!=r?r:$,p=-1):void 0===d[1]?p=-2:(p=o.lastIndex-d[2].length,h=d[1],o=void 0===d[3]?_:'"'===d[3]?A:g):o===A||o===g?o=_:o===m||o===y?o=$:(o=_,r=void 0);const v=o===_&&t[e+1].startsWith("/>")?" ":"";n+=o===$?i+c:p>=0?(s.push(h),i.slice(0,p)+l+i.slice(p)+a+v):i+a+(-2===p?(s.push(void 0),e):v)}return[P(t,n+(t[i]||"<?>")+(2===e?"</svg>":"")),s]};class U{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,o=0;const c=t.length-1,d=this.parts,[u,v]=k(t,e);if(this.el=U.createElement(u,i),O.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=O.nextNode())&&d.length<c;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith(l)||e.startsWith(a)){const i=v[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+l).split(a),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?T:"?"===e[1]?z:"@"===e[1]?I:H})}else d.push({type:6,index:r})}for(const e of t)s.removeAttribute(e)}if(b.test(s.tagName)){const t=s.textContent.split(a),e=t.length-1;if(e>0){s.textContent=n?n.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],p()),O.nextNode(),d.push({type:2,index:++r});s.append(t[e],p())}}}else if(8===s.nodeType)if(s.data===h)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=s.data.indexOf(a,t+1));)d.push({type:7,index:r}),t+=a.length-1}r++}}static createElement(t,e){const i=d.createElement("template");return i.innerHTML=t,i}}function R(t,e,i=t,s){var r,n,o,l;if(e===x)return e;let a=void 0!==s?null===(r=i._$Co)||void 0===r?void 0:r[s]:i._$Cl;const h=u(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,i,s)),void 0!==s?(null!==(o=(l=i)._$Co)&&void 0!==o?o:l._$Co=[])[s]=a:i._$Cl=a),void 0!==a&&(e=R(t,a._$AS(t,e.values),a,s)),e}class j{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:d).importNode(i,!0);O.currentNode=r;let n=O.nextNode(),o=0,l=0,a=s[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new N(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new D(n,this,t)),this._$AV.push(e),a=s[++l]}o!==(null==a?void 0:a.index)&&(n=O.nextNode(),o++)}return O.currentNode=d,r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class N{constructor(t,e,i,s){var r;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=null===(r=null==s?void 0:s.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=R(this,t,e),u(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==x&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>v(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.$(d.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,r="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=U.createElement(P(s.h,s.h[0]),this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new j(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new U(t)),e}T(t){v(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new N(this.k(p()),this.k(p()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class H{constructor(t,e,i,s,r){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const r=this.strings;let n=!1;if(void 0===r)t=R(this,t,e,0),n=!u(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else{const s=t;let o,l;for(t=r[0],o=0;o<r.length-1;o++)l=R(this,s[i+o],e,o),l===x&&(l=this._$AH[o]),n||(n=!u(l)||l!==this._$AH[o]),l===S?t=S:t!==S&&(t+=(null!=l?l:"")+r[o+1]),this._$AH[o]=l}n&&!s&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class T extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}const M=n?n.emptyScript:"";class z extends H{constructor(){super(...arguments),this.type=4}j(t){t&&t!==S?this.element.setAttribute(this.name,M):this.element.removeAttribute(this.name)}}class I extends H{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=R(this,t,e,0))&&void 0!==i?i:S)===x)return;const s=this._$AH,r=t===S&&s!==S||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==S&&(s===S||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class D{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){R(this,t)}}const L=r.litHtmlPolyfillSupport;null==L||L(U,N),(null!==(s=r.litHtmlVersions)&&void 0!==s?s:r.litHtmlVersions=[]).push("2.8.0");const B=(t,e,i)=>{var s,r;const n=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let o=n._$litPart$;if(void 0===o){const t=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;n._$litPart$=o=new N(e.insertBefore(p(),t),t,void 0,null!=i?i:{})}return o._$AI(t),o}},2551:(t,e,i)=>{i.d(e,{A:()=>r});var s=i(8346);function r(t,e,i){return(e=(0,s.A)(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},2631:(t,e,i)=>{i.d(e,{A:()=>n});var s=i(2551);function r(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function n(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?r(Object(i),!0).forEach((function(e){(0,s.A)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}},2972:(t,e)=>{var i;!function(){var s={}.hasOwnProperty;function r(){for(var t=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var n=typeof i;if("string"===n||"number"===n)t.push(i);else if(Array.isArray(i)){if(i.length){var o=r.apply(null,i);o&&t.push(o)}}else if("object"===n){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){t.push(i.toString());continue}for(var l in i)s.call(i,l)&&i[l]&&t.push(l)}}}return t.join(" ")}t.exports?(r.default=r,t.exports=r):void 0===(i=function(){return r}.apply(e,[]))||(t.exports=i)}()},5185:(t,e,i)=>{i.d(e,{A:()=>l});var s=i(9385),r=i.n(s),n=i(5458),o=i.n(n)()(r());o.push([t.id,"*,::slotted(*),*:before,*:after{box-sizing:border-box}:root,:host{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:root,:host{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:host{position:absolute;left:0;top:100%;width:100%;height:100vh;background:var(--cre8-nav-container-background, var(--cre8-color-header-submenu-bg-default));overflow:auto}@media all and (min-width: 960px){:host{position:static;width:auto;height:auto;background:none}}.cre8-c-nav-container{display:flex;flex-direction:column;justify-content:space-between}@media all and (min-width: 960px){.cre8-c-nav-container{flex-direction:row}}",""]);const l=o},5458:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i="",s=void 0!==e[5];return e[4]&&(i+="@supports (".concat(e[4],") {")),e[2]&&(i+="@media ".concat(e[2]," {")),s&&(i+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),i+=t(e),s&&(i+="}"),e[2]&&(i+="}"),e[4]&&(i+="}"),i})).join("")},e.i=function(t,i,s,r,n){"string"==typeof t&&(t=[[null,t,void 0]]);var o={};if(s)for(var l=0;l<this.length;l++){var a=this[l][0];null!=a&&(o[a]=!0)}for(var h=0;h<t.length;h++){var c=[].concat(t[h]);s&&o[c[0]]||(void 0!==n&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=n),i&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=i):c[2]=i),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),e.push(c))}},e}},8241:(t,e,i)=>{i.d(e,{WF:()=>w,qy:()=>b.qy,iz:()=>a});const s=window,r=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),o=new WeakMap;class l{constructor(t,e,i){if(this._$cssResult$=!0,i!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(r&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=o.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&o.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l("string"==typeof t?t:t+"",void 0,n),h=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return a(e)})(t):t;var c;const d=window,p=d.trustedTypes,u=p?p.emptyScript:"",v=d.reactiveElementPolyfillSupport,f={toAttribute(t,e){switch(e){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},$=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:$},y="finalized";class _ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Ep(i,e);void 0!==s&&(this._$Ev.set(s,i),t.push(s))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const r=this[t];this[e]=s,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty(y))return!1;this[y]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(h(t))}else void 0!==t&&e.push(h(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),r=s.litNonce;void 0!==r&&i.setAttribute("nonce",r),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=m){var s;const r=this.constructor._$Ep(t,i);if(void 0!==r&&!0===i.reflect){const n=(void 0!==(null===(s=i.converter)||void 0===s?void 0:s.toAttribute)?i.converter:f).toAttribute(e,i.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,r=s._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=s.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:f;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||$)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}_[y]=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:"open"},null==v||v({ReactiveElement:_}),(null!==(c=d.reactiveElementVersions)&&void 0!==c?c:d.reactiveElementVersions=[]).push("1.6.3");var g,A,b=i(1886);class w extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,b.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return b.c0}}w.finalized=!0,w._$litElement$=!0,null===(g=globalThis.litElementHydrateSupport)||void 0===g||g.call(globalThis,{LitElement:w});const E=globalThis.litElementPolyfillSupport;null==E||E({LitElement:w}),(null!==(A=globalThis.litElementVersions)&&void 0!==A?A:globalThis.litElementVersions=[]).push("3.3.3")},8346:(t,e,i)=>{function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}function r(t){var e=function(t){if("object"!=s(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,"string");if("object"!=s(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==s(e)?e:e+""}i.d(e,{A:()=>r})},8366:(t,e,i)=>{i.d(e,{n:()=>l});var s=i(2631),r=i(2972),n=i.n(r),o=i(8241);class l extends o.WF{componentClassNames(t,e={}){return n()(t,e)}slotEmpty(t){return!this.querySelector(`[slot="${t}"]`)}slotNotEmpty(t){return 0!=!this.slotEmpty(t)?!this.slotEmpty(t):null}dispatch({e:t,eventName:e,detailObj:i={},optionsObj:r={}}){const n=(0,s.A)((0,s.A)({bubbles:!0,composed:!0},r),{},{detail:(0,s.A)((0,s.A)({},t&&{originalEvent:t}),i)}),o=new CustomEvent(e,n);return this.dispatchEvent(o),o}render(){return o.qy`<slot></slot>`}}},9385:t=>{t.exports=function(t){return t[1]}}},e={};function i(s){var r=e[s];if(void 0!==r)return r.exports;var n=e[s]={id:s,exports:{}};return t[s](n,n.exports,i),n.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s={};i.d(s,{A:()=>a,l:()=>l});var r=i(8241),n=i(8366),o=i(5185);class l extends n.n{static get styles(){return(0,r.iz)(o.A)}render(){const t=this.componentClassNames("cre8-c-nav-container",{});return r.qy`
+      <div class="${t}">
+        <slot></slot>
+      </div>
+    `}}void 0===customElements.get("cre8-nav-container")&&customElements.define("cre8-nav-container",l);const a=l;var h=s.l,node_modules_react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const Cre8NavContainer=(0,react.a)({react:node_modules_react,tagName:"Cre8-nav-container",elementClass:h});try{Cre8NavContainer.displayName="Cre8NavContainer",Cre8NavContainer.__docgenInfo={description:"",displayName:"Cre8NavContainer",props:{render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.\n@category lifecycle",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/NavContainer/NavContainer.tsx#Cre8NavContainer"]={docgenInfo:Cre8NavContainer.__docgenInfo,name:"Cre8NavContainer",path:"src/components/NavContainer/NavContainer.tsx#Cre8NavContainer"})}catch(__react_docgen_typescript_loader_error){}var preview=__webpack_require__("./.storybook/preview.js");const NavContainer_stories={title:"Cre8 Components/NavContainer",component:Cre8NavContainer,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)}}},Default={args:{}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {}\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);
+//# sourceMappingURL=components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js.map

package/dist/components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */

package/dist/components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-NavContainer-NavContainer-stories.e21c73f9.iframe.bundle.js","mappings":";;AAEA;;;AAGA","sources":["webpack://@cre8_dev/cre8-react/./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/nav-container/nav-container.js"],"sourcesContent":["/*! For license information please see nav-container.js.LICENSE.txt */\nvar t={1886:(t,e,i)=>{var s;i.d(e,{XX:()=>B,c0:()=>x,qy:()=>E});const r=window,n=r.trustedTypes,o=n?n.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,l=\"$lit$\",a=`lit$${(Math.random()+\"\").slice(9)}$`,h=\"?\"+a,c=`<${h}>`,d=document,p=()=>d.createComment(\"\"),u=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,v=Array.isArray,f=\"[ \\t\\n\\f\\r]\",$=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,m=/-->/g,y=/>/g,_=RegExp(`>|${f}(?:([^\\\\s\"'>=/]+)(${f}*=${f}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),g=/'/g,A=/\"/g,b=/^(?:script|style|textarea|title)$/i,w=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),E=w(1),x=(w(2),Symbol.for(\"lit-noChange\")),S=Symbol.for(\"lit-nothing\"),C=new WeakMap,O=d.createTreeWalker(d,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==o?o.createHTML(e):e}const k=(t,e)=>{const i=t.length-1,s=[];let r,n=2===e?\"<svg>\":\"\",o=$;for(let e=0;e<i;e++){const i=t[e];let h,d,p=-1,u=0;for(;u<i.length&&(o.lastIndex=u,d=o.exec(i),null!==d);)u=o.lastIndex,o===$?\"!--\"===d[1]?o=m:void 0!==d[1]?o=y:void 0!==d[2]?(b.test(d[2])&&(r=RegExp(\"</\"+d[2],\"g\")),o=_):void 0!==d[3]&&(o=_):o===_?\">\"===d[0]?(o=null!=r?r:$,p=-1):void 0===d[1]?p=-2:(p=o.lastIndex-d[2].length,h=d[1],o=void 0===d[3]?_:'\"'===d[3]?A:g):o===A||o===g?o=_:o===m||o===y?o=$:(o=_,r=void 0);const v=o===_&&t[e+1].startsWith(\"/>\")?\" \":\"\";n+=o===$?i+c:p>=0?(s.push(h),i.slice(0,p)+l+i.slice(p)+a+v):i+a+(-2===p?(s.push(void 0),e):v)}return[P(t,n+(t[i]||\"<?>\")+(2===e?\"</svg>\":\"\")),s]};class U{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,o=0;const c=t.length-1,d=this.parts,[u,v]=k(t,e);if(this.el=U.createElement(u,i),O.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=O.nextNode())&&d.length<c;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith(l)||e.startsWith(a)){const i=v[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+l).split(a),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:r,name:e[2],strings:t,ctor:\".\"===e[1]?T:\"?\"===e[1]?z:\"@\"===e[1]?I:H})}else d.push({type:6,index:r})}for(const e of t)s.removeAttribute(e)}if(b.test(s.tagName)){const t=s.textContent.split(a),e=t.length-1;if(e>0){s.textContent=n?n.emptyScript:\"\";for(let i=0;i<e;i++)s.append(t[i],p()),O.nextNode(),d.push({type:2,index:++r});s.append(t[e],p())}}}else if(8===s.nodeType)if(s.data===h)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=s.data.indexOf(a,t+1));)d.push({type:7,index:r}),t+=a.length-1}r++}}static createElement(t,e){const i=d.createElement(\"template\");return i.innerHTML=t,i}}function R(t,e,i=t,s){var r,n,o,l;if(e===x)return e;let a=void 0!==s?null===(r=i._$Co)||void 0===r?void 0:r[s]:i._$Cl;const h=u(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,i,s)),void 0!==s?(null!==(o=(l=i)._$Co)&&void 0!==o?o:l._$Co=[])[s]=a:i._$Cl=a),void 0!==a&&(e=R(t,a._$AS(t,e.values),a,s)),e}class j{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:d).importNode(i,!0);O.currentNode=r;let n=O.nextNode(),o=0,l=0,a=s[0];for(;void 0!==a;){if(o===a.index){let e;2===a.type?e=new N(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new D(n,this,t)),this._$AV.push(e),a=s[++l]}o!==(null==a?void 0:a.index)&&(n=O.nextNode(),o++)}return O.currentNode=d,r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class N{constructor(t,e,i,s){var r;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=null===(r=null==s?void 0:s.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=R(this,t,e),u(t)?t===S||null==t||\"\"===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==x&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>v(t)||\"function\"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.$(d.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,r=\"number\"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=U.createElement(P(s.h,s.h[0]),this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new j(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=C.get(t.strings);return void 0===e&&C.set(t.strings,e=new U(t)),e}T(t){v(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new N(this.k(p()),this.k(p()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class H{constructor(t,e,i,s,r){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||\"\"!==i[0]||\"\"!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const r=this.strings;let n=!1;if(void 0===r)t=R(this,t,e,0),n=!u(t)||t!==this._$AH&&t!==x,n&&(this._$AH=t);else{const s=t;let o,l;for(t=r[0],o=0;o<r.length-1;o++)l=R(this,s[i+o],e,o),l===x&&(l=this._$AH[o]),n||(n=!u(l)||l!==this._$AH[o]),l===S?t=S:t!==S&&(t+=(null!=l?l:\"\")+r[o+1]),this._$AH[o]=l}n&&!s&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:\"\")}}class T extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}const M=n?n.emptyScript:\"\";class z extends H{constructor(){super(...arguments),this.type=4}j(t){t&&t!==S?this.element.setAttribute(this.name,M):this.element.removeAttribute(this.name)}}class I extends H{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=R(this,t,e,0))&&void 0!==i?i:S)===x)return;const s=this._$AH,r=t===S&&s!==S||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==S&&(s===S||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;\"function\"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class D{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){R(this,t)}}const L=r.litHtmlPolyfillSupport;null==L||L(U,N),(null!==(s=r.litHtmlVersions)&&void 0!==s?s:r.litHtmlVersions=[]).push(\"2.8.0\");const B=(t,e,i)=>{var s,r;const n=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let o=n._$litPart$;if(void 0===o){const t=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;n._$litPart$=o=new N(e.insertBefore(p(),t),t,void 0,null!=i?i:{})}return o._$AI(t),o}},2551:(t,e,i)=>{i.d(e,{A:()=>r});var s=i(8346);function r(t,e,i){return(e=(0,s.A)(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},2631:(t,e,i)=>{i.d(e,{A:()=>n});var s=i(2551);function r(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function n(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?r(Object(i),!0).forEach((function(e){(0,s.A)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}},2972:(t,e)=>{var i;!function(){var s={}.hasOwnProperty;function r(){for(var t=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var n=typeof i;if(\"string\"===n||\"number\"===n)t.push(i);else if(Array.isArray(i)){if(i.length){var o=r.apply(null,i);o&&t.push(o)}}else if(\"object\"===n){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes(\"[native code]\")){t.push(i.toString());continue}for(var l in i)s.call(i,l)&&i[l]&&t.push(l)}}}return t.join(\" \")}t.exports?(r.default=r,t.exports=r):void 0===(i=function(){return r}.apply(e,[]))||(t.exports=i)}()},5185:(t,e,i)=>{i.d(e,{A:()=>l});var s=i(9385),r=i.n(s),n=i(5458),o=i.n(n)()(r());o.push([t.id,\"*,::slotted(*),*:before,*:after{box-sizing:border-box}:root,:host{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:root,:host{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:host{position:absolute;left:0;top:100%;width:100%;height:100vh;background:var(--cre8-nav-container-background, var(--cre8-color-header-submenu-bg-default));overflow:auto}@media all and (min-width: 960px){:host{position:static;width:auto;height:auto;background:none}}.cre8-c-nav-container{display:flex;flex-direction:column;justify-content:space-between}@media all and (min-width: 960px){.cre8-c-nav-container{flex-direction:row}}\",\"\"]);const l=o},5458:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i=\"\",s=void 0!==e[5];return e[4]&&(i+=\"@supports (\".concat(e[4],\") {\")),e[2]&&(i+=\"@media \".concat(e[2],\" {\")),s&&(i+=\"@layer\".concat(e[5].length>0?\" \".concat(e[5]):\"\",\" {\")),i+=t(e),s&&(i+=\"}\"),e[2]&&(i+=\"}\"),e[4]&&(i+=\"}\"),i})).join(\"\")},e.i=function(t,i,s,r,n){\"string\"==typeof t&&(t=[[null,t,void 0]]);var o={};if(s)for(var l=0;l<this.length;l++){var a=this[l][0];null!=a&&(o[a]=!0)}for(var h=0;h<t.length;h++){var c=[].concat(t[h]);s&&o[c[0]]||(void 0!==n&&(void 0===c[5]||(c[1]=\"@layer\".concat(c[5].length>0?\" \".concat(c[5]):\"\",\" {\").concat(c[1],\"}\")),c[5]=n),i&&(c[2]?(c[1]=\"@media \".concat(c[2],\" {\").concat(c[1],\"}\"),c[2]=i):c[2]=i),r&&(c[4]?(c[1]=\"@supports (\".concat(c[4],\") {\").concat(c[1],\"}\"),c[4]=r):c[4]=\"\".concat(r)),e.push(c))}},e}},8241:(t,e,i)=>{i.d(e,{WF:()=>w,qy:()=>b.qy,iz:()=>a});const s=window,r=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,n=Symbol(),o=new WeakMap;class l{constructor(t,e,i){if(this._$cssResult$=!0,i!==n)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(r&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=o.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&o.set(e,t))}return t}toString(){return this.cssText}}const a=t=>new l(\"string\"==typeof t?t:t+\"\",void 0,n),h=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const i of t.cssRules)e+=i.cssText;return a(e)})(t):t;var c;const d=window,p=d.trustedTypes,u=p?p.emptyScript:\"\",v=d.reactiveElementPolyfillSupport,f={toAttribute(t,e){switch(e){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},$=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:$},y=\"finalized\";class _ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Ep(i,e);void 0!==s&&(this._$Ev.set(s,i),t.push(s))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=\"symbol\"==typeof t?Symbol():\"__\"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const r=this[t];this[e]=s,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty(y))return!1;this[y]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty(\"properties\")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(h(t))}else void 0!==t&&e.push(h(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{r?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement(\"style\"),r=s.litNonce;void 0!==r&&i.setAttribute(\"nonce\",r),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=m){var s;const r=this.constructor._$Ep(t,i);if(void 0!==r&&!0===i.reflect){const n=(void 0!==(null===(s=i.converter)||void 0===s?void 0:s.toAttribute)?i.converter:f).toAttribute(e,i.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,r=s._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=s.getPropertyOptions(r),n=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:f;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||$)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}_[y]=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:\"open\"},null==v||v({ReactiveElement:_}),(null!==(c=d.reactiveElementVersions)&&void 0!==c?c:d.reactiveElementVersions=[]).push(\"1.6.3\");var g,A,b=i(1886);class w extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,b.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return b.c0}}w.finalized=!0,w._$litElement$=!0,null===(g=globalThis.litElementHydrateSupport)||void 0===g||g.call(globalThis,{LitElement:w});const E=globalThis.litElementPolyfillSupport;null==E||E({LitElement:w}),(null!==(A=globalThis.litElementVersions)&&void 0!==A?A:globalThis.litElementVersions=[]).push(\"3.3.3\")},8346:(t,e,i)=>{function s(t){return s=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\"function\"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\"symbol\":typeof t},s(t)}function r(t){var e=function(t){if(\"object\"!=s(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,\"string\");if(\"object\"!=s(i))return i;throw new TypeError(\"@@toPrimitive must return a primitive value.\")}return String(t)}(t);return\"symbol\"==s(e)?e:e+\"\"}i.d(e,{A:()=>r})},8366:(t,e,i)=>{i.d(e,{n:()=>l});var s=i(2631),r=i(2972),n=i.n(r),o=i(8241);class l extends o.WF{componentClassNames(t,e={}){return n()(t,e)}slotEmpty(t){return!this.querySelector(`[slot=\"${t}\"]`)}slotNotEmpty(t){return 0!=!this.slotEmpty(t)?!this.slotEmpty(t):null}dispatch({e:t,eventName:e,detailObj:i={},optionsObj:r={}}){const n=(0,s.A)((0,s.A)({bubbles:!0,composed:!0},r),{},{detail:(0,s.A)((0,s.A)({},t&&{originalEvent:t}),i)}),o=new CustomEvent(e,n);return this.dispatchEvent(o),o}render(){return o.qy`<slot></slot>`}}},9385:t=>{t.exports=function(t){return t[1]}}},e={};function i(s){var r=e[s];if(void 0!==r)return r.exports;var n=e[s]={id:s,exports:{}};return t[s](n,n.exports,i),n.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var s in e)i.o(e,s)&&!i.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:e[s]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var s={};i.d(s,{A:()=>a,l:()=>l});var r=i(8241),n=i(8366),o=i(5185);class l extends n.n{static get styles(){return(0,r.iz)(o.A)}render(){const t=this.componentClassNames(\"cre8-c-nav-container\",{});return r.qy`\n      <div class=\"${t}\">\n        <slot></slot>\n      </div>\n    `}}void 0===customElements.get(\"cre8-nav-container\")&&customElements.define(\"cre8-nav-container\",l);const a=l;var h=s.l,c=s.A;export{h as Cre8NavContainer,c as default};"],"names":[],"sourceRoot":""}

package/dist/components-Pagination-Pagination-stories.9460bc98.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[9889],{"./src/components/Pagination/Pagination.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Compact:()=>Compact,Default:()=>Default,HideLastAndFirstButtons:()=>HideLastAndFirstButtons,IconOnly:()=>IconOnly,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Pagination_stories});var decorator=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-actions@7.6.20/node_modules/@storybook/addon-actions/dist/decorator.mjs"),preview=__webpack_require__("./.storybook/preview.js"),react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_lit_react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),pagination=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/pagination/pagination.js");const Cre8Pagination=(0,_lit_react.a)({react,tagName:"Cre8-pagination",elementClass:pagination.B});try{Cre8Pagination.displayName="Cre8Pagination",Cre8Pagination.__docgenInfo={description:'The Pagination component is used to split up a large amount of results by showing only\na certain amount on each page. You can cycle through the pages using Page Numbers,\nNext and Previous Buttons, or optional First Page and Last Page Buttons.\nThis component is also used by Table to cycle through rows of results. Pagination has four display options:\n\n**default**:  Can contain up to seven Page Numbers (ellipses included) at a time flanked by\nNext and Previous Buttons. When there are more than seven pages, numbers start getting\nreplaced by ellipses. Use this option when you have a lot of horizontal space in a layout.\nIt should not be used for mobile web layouts since its buttons are smaller than the minimum touch target of 44px.\n\n\n**compact** : Best used as a summary of where you are among pages or table rows\nflanked by Previous and Next Buttons. Use this option when you have limited horizontal\nspace but still need to show where users are among results. Great for mobile layouts.\n\n\n**icon-only** : Use this option in very tight spaces when it’s not required\nto show users where they are among results. Great for mobile layouts.\n\n## HOW TO USE\n\nSelect an option from the “Display” dropdown depending on layout width\nSelect where your current page is from the “Page” dropdown\nTo show less pages when using Full Numbers, use the “pageNumber” toggles\nTo hide the First Page and Last Page Buttons, turn off the “firstLastButton” toggle\nTo change the states of page numbers or buttons, click on each to see its “State” dropdown\nWhen using Compact Pagination, you can choose between “Page Numbers” and "Icon Only" formats\n\n\n## ACCESSIBILITY NOTE\n\nTo best orient people using screen readers, push focus to the top of\nthe list of results after any of the pagination buttons have been triggered,\n**except for the currently selected one**. Focus target could be a visual results heading,\nor the top heading of the results container of the page selected\nvia a programmatic selector, e.g. < section id=“results” aria-label="results-section" > or\n< div role= “group” aria-label=“results” >.',displayName:"Cre8Pagination",props:{render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},display:{defaultValue:null,description:"(optional) prop that allows for a compact and icon-only variant both\nfor mobile screen-sizes and for use in certain contexts as guided by design,\nthe component size will show 'default' in the absence of a value on desktop and\n'compact' on smaller views.\n@attr 'compact' | 'icon-only' | 'default'\n@optional",name:"display",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"compact"'},{value:'"icon-only"'}]}},handleResize:{defaultValue:null,description:"",name:"handleResize",required:!1,type:{name:"() => void"}},handleKeydown:{defaultValue:null,description:"",name:"handleKeydown",required:!1,type:{name:"(page: number, buttonName?: string) => (e: KeyboardEvent) => void"}},_currentPage:{defaultValue:null,description:"",name:"_currentPage",required:!1,type:{name:"number"}},totalResults:{defaultValue:null,description:"Input the total number of elements are returned from consuming app e.g. search results\n@attr number\n@required",name:"totalResults",required:!1,type:{name:"number"}},pageSize:{defaultValue:null,description:"how many elements will displayVariant per page, indicated by business to typically be 20\n@attr number",name:"pageSize",required:!1,type:{name:"number"}},_pageSize:{defaultValue:null,description:"",name:"_pageSize",required:!1,type:{name:"number"}},visiblePages:{defaultValue:null,description:"Controls how many page buttons are displayVarianted on the page\nat once, if container size permits. recommended max = 5 pages\n@attr number",name:"visiblePages",required:!1,type:{name:"number"}},windowWidth:{defaultValue:null,description:"@state watches the width of the window and responds to show the accessibility approved variant.",name:"windowWidth",required:!1,type:{name:"number"}},buttons:{defaultValue:null,description:"",name:"buttons",required:!1,type:{name:"Cre8Button[]"}},hideLastAndFirstButtons:{defaultValue:null,description:"@optional",name:"hideLastAndFirstButtons",required:!1,type:{name:"boolean"}},currentPage:{defaultValue:null,description:"",name:"currentPage",required:!1,type:{name:"number"}},connectedCallBack:{defaultValue:null,description:"",name:"connectedCallBack",required:!1,type:{name:"() => void"}},maxVisiblePages:{defaultValue:null,description:"",name:"maxVisiblePages",required:!1,type:{name:"number"}},displayTypes:{defaultValue:null,description:"",name:"displayTypes",required:!1,type:{name:"() => HTMLTemplateResult"}},goToPage:{defaultValue:null,description:"",name:"goToPage",required:!1,type:{name:"(page: number, buttonName?: string) => any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/Pagination.tsx#Cre8Pagination"]={docgenInfo:Cre8Pagination.__docgenInfo,name:"Cre8Pagination",path:"src/components/Pagination/Pagination.tsx#Cre8Pagination"})}catch(__react_docgen_typescript_loader_error){}const Pagination_stories={title:"Cre8 Components/Pagination",component:Cre8Pagination,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)},action:{handles:["click","resize"]},layout:"centered"},decorators:[decorator.w],args:{currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{display:{control:{type:"select"},defaultValue:"default",options:["compact","icon-only","default"]}}},Default={args:{}},Compact={args:{display:"compact"}},IconOnly={args:{display:"icon-only"}},HideLastAndFirstButtons={args:{display:"default",hideLastAndFirstButtons:!0}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {}\n}",...Default.parameters?.docs?.source}}},Compact.parameters={...Compact.parameters,docs:{...Compact.parameters?.docs,source:{originalSource:"{\n  args: {\n    display: 'compact'\n  }\n}",...Compact.parameters?.docs?.source}}},IconOnly.parameters={...IconOnly.parameters,docs:{...IconOnly.parameters?.docs,source:{originalSource:"{\n  args: {\n    display: 'icon-only'\n  }\n}",...IconOnly.parameters?.docs?.source}}},HideLastAndFirstButtons.parameters={...HideLastAndFirstButtons.parameters,docs:{...HideLastAndFirstButtons.parameters?.docs,source:{originalSource:"{\n  args: {\n    display: 'default',\n    hideLastAndFirstButtons: true\n  }\n}",...HideLastAndFirstButtons.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Compact","IconOnly","HideLastAndFirstButtons"]}}]);

package/dist/components-PercentBar-PercentBar-stories.3687c487.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[1277],{"./src/components/PercentBar/PercentBar.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>PercentBar_stories,fiftyPercent:()=>fiftyPercent,noActionLeft:()=>noActionLeft,oneHundredPercent:()=>oneHundredPercent,tenPercent:()=>tenPercent,thirtyThreePercent:()=>thirtyThreePercent});var preview=__webpack_require__("./.storybook/preview.js"),react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_lit_react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),percent_bar=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/percent-bar/percent-bar.js");const Cre8PercentBar=(0,_lit_react.a)({react,tagName:"Cre8-percent-bar",elementClass:percent_bar.X,events:{onLeftActionButtonClick:"leftActionButtonClick"}});try{Cre8PercentBar.displayName="Cre8PercentBar",Cre8PercentBar.__docgenInfo={description:"The percent bar visually indicates a user's current progress and has a few features: a basic display bar with\na percentage, an actionable icon that allows a user to revisit a prior step and an actionable link that\nallows a user save their progress before exiting.",displayName:"Cre8PercentBar",props:{onLeftActionButtonClick:{defaultValue:null,description:"",name:"onLeftActionButtonClick",required:!1,type:{name:"(e: Cre8DomEvent<Cre8PercentBar, Cre8PercentBar>) => void"}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.\n@category lifecycle",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number"}},disableActionLeft:{defaultValue:null,description:"",name:"disableActionLeft",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PercentBar/PercentBar.tsx#Cre8PercentBar"]={docgenInfo:Cre8PercentBar.__docgenInfo,name:"Cre8PercentBar",path:"src/components/PercentBar/PercentBar.tsx#Cre8PercentBar"})}catch(__react_docgen_typescript_loader_error){}var dist=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-actions@7.6.20/node_modules/@storybook/addon-actions/dist/index.mjs");const PercentBar_stories={title:"In Development/Percent Bar",component:Cre8PercentBar,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)}},argTypes:{max:{control:"number"},value:{control:"number"}},args:{onLeftActionButtonClick:(0,dist.XI)("LeftActionButtonClick")}},Default={args:{value:"2",max:"10"}},tenPercent={args:{value:"1",max:"10"}},thirtyThreePercent={args:{value:"1",max:"3"}},fiftyPercent={args:{value:"5",max:"10"}},oneHundredPercent={args:{value:"10",max:"10"}},noActionLeft={args:{value:"2",max:"10",disableActionLeft:!0}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '2',\n    max: '10'\n  }\n}",...Default.parameters?.docs?.source}}},tenPercent.parameters={...tenPercent.parameters,docs:{...tenPercent.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '1',\n    max: '10'\n  }\n}",...tenPercent.parameters?.docs?.source}}},thirtyThreePercent.parameters={...thirtyThreePercent.parameters,docs:{...thirtyThreePercent.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '1',\n    max: '3'\n  }\n}",...thirtyThreePercent.parameters?.docs?.source}}},fiftyPercent.parameters={...fiftyPercent.parameters,docs:{...fiftyPercent.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '5',\n    max: '10'\n  }\n}",...fiftyPercent.parameters?.docs?.source}}},oneHundredPercent.parameters={...oneHundredPercent.parameters,docs:{...oneHundredPercent.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '10',\n    max: '10'\n  }\n}",...oneHundredPercent.parameters?.docs?.source}}},noActionLeft.parameters={...noActionLeft.parameters,docs:{...noActionLeft.parameters?.docs,source:{originalSource:"{\n  args: {\n    value: '2',\n    max: '10',\n    disableActionLeft: true\n  }\n}",...noActionLeft.parameters?.docs?.source}}};const __namedExportsOrder=["Default","tenPercent","thirtyThreePercent","fiftyPercent","oneHundredPercent","noActionLeft"]}}]);

package/dist/components-Popover-Popover-stories.b48602d0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[15],{"./.storybook/components/Fpo/Fpo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{m:()=>Fpo});__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");var classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js");const Fpo=_ref=>{let{styleModifier,children}=_ref;const componentClassName=classnames__WEBPACK_IMPORTED_MODULE_1___default()("fpo",styleModifier,{});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:componentClassName,children})};Fpo.displayName="Fpo";try{Fpo.displayName="Fpo",Fpo.__docgenInfo={description:"Primary UI component for user interaction",displayName:"Fpo",props:{styleModifier:{defaultValue:null,description:"CSS class names that can be appended to the component.",name:"styleModifier",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Child node(s) that can be nested inside component",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES[".storybook/components/Fpo/Fpo.tsx#Fpo"]={docgenInfo:Fpo.__docgenInfo,name:"Fpo",path:".storybook/components/Fpo/Fpo.tsx#Fpo"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{t:()=>Cre8Button});var _lit_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),_cre8_dev_cre8_wc_lib_components_button_button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/button/button.js"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const Cre8Button=(0,_lit_react__WEBPACK_IMPORTED_MODULE_0__.a)({react:react__WEBPACK_IMPORTED_MODULE_2__,tagName:"Cre8-button",elementClass:_cre8_dev_cre8_wc_lib_components_button_button__WEBPACK_IMPORTED_MODULE_1__.t});try{Cre8Button.displayName="Cre8Button",Cre8Button.__docgenInfo={description:"The size and state of buttons on the screen serve as visual cues for the user about what they can do and what they should do next. They indicate the availability and priority of the action on the page.\n\n- Buttons are a single call-to-action where a single click performs that action\n- Use buttons when you are performing an action which is almost always on the same page\n- Use a link instead of a button when you're navigating to another place\n\n## How to Use\n\nButtons are distinguished by three key properties:\n\n- **Visual Priority**: Style and size: Primary, Secondary, or Tertiary styles; each with large and small variations\n- **State**: Interaction state: hover/click (press), focus, disabled, and submitting/loading (only for large buttons)\n- **Brand**: Styles determined by the site or component theme\n\n### Usage Guidelines\n\nPrimary, Secondary and Tertiary styles emphasize or de-emphasize an action. They also define\nbackground, font style, and border colors. Large and small sizing assists with visual priority by defining button\nheights, left and right internal padding, and font-size.\n\n#### System Feedback\nEach button has a default and hover/click (press) state that give the user feedback\nthat they have successfully interacted with a button.\nButton presses should always be combined with other types of timely system feedback.\nExamples of system feedback may be a page refresh, exposing additional controls or content,\ndialogs, alerts and notifications.\nIf there is perceived a delay in system response, generally due to technical constraints,\nprovide a progress or loading indicator.\n\n#### Button Text\n\n- Button text should be as short and simple as possible, ideally a maximum of 3 words.\n- Use Title Case for readability.\n- They should not include punctuation (exception: \"Loading...\").\n- They should not be used as an indicator of what happens on the next page, or as a substitute\nfor a progress meter.\n\n#### Button With Icon\n\nFor button with icon:\n- **iconRotateDegree** & **iconFlipDirection** props are optional.\n- They are used to set up the correct dirrection for icons, for example,\narrows, caret up or caret down.\n\n#### Button Styling\n\n- DO use only the styles of the brand you are working on.\n- DO NOT combine styles, even if the page is co-branded.\n\n#### Button Sizes\n- DO always pair like sizes together and maintain the hierarchy of Primary and Secondary/Tertiary.\n- DO NOT mix sizes of buttons when they are used together as a group.\n\n#### Input Pairing\n\nPrimary and Secondary buttons may be paired with input fields.\nOnly one Primary button may appear on each screen.\nUse the Secondary button when there are multiple in-context buttons\nand/or when there is an emphasized page level button.\nWhen used in a form context, the button's `type` needs to be `submit` to pass along form data.\n\n- DO use only large buttons with input fields.\n- DO NOT use small buttons with input fields.",displayName:"Cre8Button",props:{size:{defaultValue:null,description:"Size variants add another way to increase or decrease visual priority of a button.\n- **sm** Shrinks the button typography and overall size from the default. Use when vertical space is constrained.\n- **md** This is the default value for the size.\n- **lg** Increases the button typography and overall size from the default.",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"lg"'},{value:'"md"'}]}},rel:{defaultValue:null,description:"Rel if this is an <a> element - this swaps <button> for <a>",name:"rel",required:!1,type:{name:"string"}},text:{defaultValue:null,description:'The button text. Should be as short and simple as possible, ideally a maximum of 3 words.\n- Use Title Case for readability.\n- Should not include punctuation (exception: "Loading...").\n- Should not be used as an indicator of what happens on the next page, or as a substitute for a progress meter.',name:"text",required:!1,type:{name:"string"}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},variant:{defaultValue:null,description:"Style variant\n- **primary** renders the button used for primary actions. Presents highest visual priority.\n  When grouped with other buttons, only one primary is allowed\n- **secondary** renders a secondary button. Presents a lower visual priority\n- **tertiary** renders a tertiary button. Presents the lowest visual priority.\n  Should be used in limited amounts - consider if a link (`<a>`) would be more appropriate",name:"variant",required:!1,type:{name:"enum",value:[{value:'"secondary"'},{value:'"tertiary"'},{value:'"primary"'}]}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.\n@category lifecycle",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},svg:{defaultValue:null,description:"svg as a raw string\n- For button with icon, the icon is defined by this prop.\n- Pass in a raw svg as a String for using <cre8-icon>\n- Must include the icon's position with `iconPostion`.",name:"svg",required:!1,type:{name:"string"}},iconRotateDegree:{defaultValue:null,description:"iconRotateDegree is used for <cre8-icon> to set the arrow in the correct direction",name:"iconRotateDegree",required:!1,type:{name:"number"}},iconFlipDirection:{defaultValue:null,description:"iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction",name:"iconFlipDirection",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"Type of button.\n- **button** (default) button has no default behavior and does nothing unless provided some sort\nof client-side trigger\n- **submit** button for submitting form data to a server",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},href:{defaultValue:null,description:"Provide this property if you intend to use button styles for an anchor tag (`<a>`).\nThis changes the component markup from `<button>` usage to `<a>` instead.",name:"href",required:!1,type:{name:"string"}},fullWidth:{defaultValue:null,description:"Full width button\n@attr {boolean}",name:"fullWidth",required:!1,type:{name:"boolean"}},field:{defaultValue:null,description:"",name:"field",required:!1,type:{name:"HTMLButtonElement"}},formResetCallback:{defaultValue:null,description:"",name:"formResetCallback",required:!1,type:{name:"() => void"}},internals:{defaultValue:null,description:"@protected\n@internal An instance of element internals.\nContains properties and methods that allows the element\nto participate fully in the HTML form it's in.",name:"internals",required:!1,type:{name:"Cre8ElementInternals"}},internalValue:{defaultValue:null,description:"@protected\n@internal Stores the value for the `value` getter and setter.",name:"internalValue",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the form field.\nSets the value of the form field.\n1. Stores the new value so it can be retrieved by the getter.\n2. Sets the current value of the control.\n3. Updates the actual field.\n4. Rerenders the component.",name:"value",required:!1,type:{name:"string"}},neutral:{defaultValue:null,description:"This property is for a neutral button propery mainly used for the secondary or tertiary button variant.\n@attr {boolean)",name:"neutral",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Disabled attribute\n@attr {boolean}\n\n**NOTE**: Disabled states are used to indicate that an action is temporarily unavailable.\nIn general, using disabled states is NOT advised. It should be clear to the user what actions they must\ntake to activate the button. Real-time, field-level validation can help provide clarity.",name:"disabled",required:!1,type:{name:"boolean"}},inverse:{defaultValue:null,description:"Inverse attribute\n@attr {boolean}\n\nThe inverse prop allows the button to work on either a light or dark surface.",name:"inverse",required:!1,type:{name:"boolean"}},target:{defaultValue:null,description:"Target attribute for a link if providing `href` to style a link as a button\n- **_blank** yields a link that opens in a new tab\n- **_self** yields a link that loads the URL into the same browsing context as the current one.\n  This is the default behavior\n- **_parent** yields a link that loads the URL into the parent browsing context of the current one.\n  If there is no parent, this behaves the same way as _self\n- **_top** yields a link that loads the URL into the top-level browsing context.\n  If there is no parent, this behaves the same way as _self.",name:"target",required:!1,type:{name:"enum",value:[{value:'"_blank"'},{value:'"_self"'},{value:'"_parent"'},{value:'"_top"'}]}},iconName:{defaultValue:null,description:"Deprecated: iconName, use svg instead\nIcon name if including an icon within a button.\nMust include the icon's position with `iconPostion`. This prop is used for <cre8-icon-legacy>\n@deprecated",name:"iconName",required:!1,type:{name:"string"}},iconPosition:{defaultValue:null,description:"Icon position. Must include the name of the icon with `iconName`\n\n- **before** places the icon before the button text\n- **after** places the icon after the button text",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"after"'},{value:'"before"'}]}},hideText:{defaultValue:null,description:"Visually hide button text. Text is still accessible to assistive technology.\nUse this for icon-only buttons for accessibility",name:"hideText",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"* Changes styling to an active state with a spinning icon.\n* Adds accessibility treatment by:\n  * announcing via voiceover when the loading success/error state via a aria-live region\n  * setting `aria-disabled`\n* Disables click events / form submitting while allowing focus (for accessibility)\n@attr {boolean}",name:"loading",required:!1,type:{name:"boolean"}},loadingComplete:{defaultValue:null,description:"* Variant of the loading button that:\n  * Removes loading spinner\n  * Informs the SR user that the loading status is now complete, with visually hidden text in the live area\n@attr {boolean}",name:"loadingComplete",required:!1,type:{name:"boolean"}},buttonAriaExpanded:{defaultValue:null,description:"Button aria expanded attribute",name:"buttonAriaExpanded",required:!1,type:{name:"boolean"}},formSubmit:{defaultValue:null,description:"",name:"formSubmit",required:!1,type:{name:"() => void"}},formReset:{defaultValue:null,description:"",name:"formReset",required:!1,type:{name:"() => void"}},splitButtonType:{defaultValue:null,description:"These two subvariants of the split button style the two seperate buttons to style as a singular button",name:"splitButtonType",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"caret"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Cre8Button"]={docgenInfo:Cre8Button.__docgenInfo,name:"Cre8Button",path:"src/components/Button/Button.tsx#Cre8Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Popover/Popover.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DefaultWithNoButton:()=>DefaultWithNoButton,PositionDynamic:()=>PositionDynamic,PositionLeft:()=>PositionLeft,PositionRight:()=>PositionRight,PositionTop:()=>PositionTop,SmallPrimaryButton:()=>SmallPrimaryButton,SmallSecondaryButton:()=>SmallSecondaryButton,SmallTertiaryButton:()=>SmallTertiaryButton,WithSlots:()=>WithSlots,WithVisibleOnScroll:()=>WithVisibleOnScroll,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Popover_stories});var decorator=__webpack_require__("../../node_modules/.pnpm/@storybook+addon-actions@7.6.20/node_modules/@storybook/addon-actions/dist/decorator.mjs"),react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),preview=__webpack_require__("./.storybook/preview.js"),_lit_react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),popover=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/popover/popover.js");const Cre8Popover=(0,_lit_react.a)({react,tagName:"Cre8-popover",elementClass:popover.g,events:{onOpen:"open",onClose:"close"}});try{Cre8Popover.displayName="Cre8Popover",Cre8Popover.__docgenInfo={description:"The Popover is for progressive disclosure of relevant content often hidden behind a help or info icon.\nIts content should be no longer than 3-4 lines in addition to a line of heading text and an optional button.",displayName:"Cre8Popover",props:{onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"(e: Cre8DomEvent<Cre8Popover, Cre8Popover>) => void"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(e: Cre8DomEvent<Cre8Popover, Cre8Popover>) => void"}},heading:{defaultValue:null,description:"The heading text that appears at the top of the popover panel. Should only be 2-3 lines max.\n@attr {string | undefined}",name:"heading",required:!1,type:{name:"string"}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Connected Callback Lifecycle\n1. Add window resize event listener\n2. Add window scroll event listener\n3. Add window orientation change event listener\n4. Add mousedown event listener",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Disconnected Callback Lifecycle\n1. Remove window resize event listener\n2. Remove window scroll event listener\n3. Remove window orientation change event listener\n4. Remove mousedown event listener",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},position:{defaultValue:null,description:"Positions the popover panel absolutely to the trigger\n- **default** positions the popover panel below the trigger\n- **top** positions the popover panel below the trigger\n- **left** positions the popover panel below the trigger\n- **right** positions the popover panel below the trigger\n@attr {string | undefined}",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"right"'},{value:'"left"'}]}},isDynamic:{defaultValue:null,description:"The dynamic state for the popover\n- If true, the popover panel placement is determined by its position in the viewport\n- If false, the popover panel placement will be placed according to the position value\n@attr {boolean | undefined}",name:"isDynamic",required:!1,type:{name:"boolean"}},isActiveDynamic:{defaultValue:null,description:"The dynamic active state\n_This property is dynamically set_\n@attr {boolean | undefined}",name:"isActiveDynamic",required:!1,type:{name:"boolean"}},isActive:{defaultValue:null,description:"The active state for the popover\n- If true, the popover panel is visible\n- If false, the popover panel is hidden\n\n_This property is dynamically set_\n@attr {boolean | undefined}",name:"isActive",required:!1,type:{name:"boolean"}},isRTL:{defaultValue:null,description:"Query the document direction value\n<br/><br/> _*This property is dynamically set_",name:"isRTL",required:!1,type:{name:"boolean"}},firstUpdated:{defaultValue:null,description:"First Updated Lifecycle\n1. Set attribute since aria expanded can't be passed down through the slot",name:"firstUpdated",required:!1,type:{name:"() => void"}},dynamicPosition:{defaultValue:null,description:"Handle all dynamic placement",name:"dynamicPosition",required:!1,type:{name:"() => void"}},removeActive:{defaultValue:null,description:"Remove Active State\n1. If a specific event is fired, remove the active state.",name:"removeActive",required:!1,type:{name:"() => void"}},isVisibleOnScroll:{defaultValue:null,description:"Set to prevent the popover panel from hiding on scroll\n@attr {boolean | undefined}",name:"isVisibleOnScroll",required:!1,type:{name:"boolean"}},_Cre8Popover:{defaultValue:null,description:"Query the popover panel element",name:"_Cre8Popover",required:!1,type:{name:"HTMLElement"}},_Cre8PopoverPanel:{defaultValue:null,description:"Query the popover panel element",name:"_Cre8PopoverPanel",required:!1,type:{name:"HTMLElement"}},_Cre8PopoverTrigger:{defaultValue:null,description:"Query the assigned elements in the trigger slot",name:"_Cre8PopoverTrigger",required:!1,type:{name:"HTMLElement[]"}},_Cre8PopoverFooter:{defaultValue:null,description:"Query the assigned elements in the footer slot",name:"_Cre8PopoverFooter",required:!1,type:{name:"HTMLElement[]"}},addAria:{defaultValue:null,description:"Add aria attributes on the trigger button\n1. Select the element within the trigger slot\n2. Set aria-expanded on the popover trigger to the active state if provided. Otherwise, set to false.\n3 Set the type to button.",name:"addAria",required:!1,type:{name:"() => void"}},handleOnClickOutside:{defaultValue:null,description:"Handle click outside the component\n1. Close the show/hide popover panel on click outside\n2. If the popover panel is already closed then we don't care about outside clicks and we can bail early\n3. By the time a user clicks on the page the shadowRoot will almost certainly be\ndefined, but TypeScript isn't that trusting and sees this.shadowRoot as possibly\nundefined. To work around that we'll check that we have a shadowRoot (and a\nrendered .host) element here to appease the TypeScript compiler. This should never\nactually be shown or run for a human end user.\n4. Check to see if we clicked inside the active panel\n5. If the panel is active and we've clicked outside of the panel then it should be closed.",name:"handleOnClickOutside",required:!1,type:{name:"(e: MouseEvent) => void"}},removeActiveOnScroll:{defaultValue:null,description:"Remove Active State on Scroll\n1. If a scroll event is fired and visibileOnScroll is not true, remove the active state\n2. If the popover height is less than the window height, then allow the active to remove on scroll",name:"removeActiveOnScroll",required:!1,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popover/Popover.tsx#Cre8Popover"]={docgenInfo:Cre8Popover.__docgenInfo,name:"Cre8Popover",path:"src/components/Popover/Popover.tsx#Cre8Popover"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/Button/Button.tsx"),Fpo=__webpack_require__("./.storybook/components/Fpo/Fpo.tsx"),jsx_runtime=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js");const Popover_stories={title:"Cre8 Components/Popover",component:Cre8Popover,parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}|^isRTL$|^removeActive$|^dynamicPosition$|^addAria$|^removeActiveOnScroll$|^onOpen$|^onClose$`)},layout:"centered",actions:{handles:["open","close"]}},decorators:[decorator.w],args:{heading:"Popover Heading",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]})},argTypes:{isActive:{control:"boolean"},isActiveDynamic:{control:"boolean"},isDynamic:{control:"boolean"},isVisibleOnScroll:{control:"boolean"},position:{control:"text"}}},Default={args:{}},DefaultWithNoButton={args:{children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit"]})}},SmallPrimaryButton={args:{children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"primary",text:"Button",size:"sm",style:{marginLeft:"auto"}})]})}},SmallSecondaryButton={args:{children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",size:"sm",style:{marginLeft:"auto"}})]})}},SmallTertiaryButton={args:{children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"tertiary",text:"Button",size:"sm",style:{marginLeft:"auto"}})]})}},PositionTop={args:{position:"top"}},PositionLeft={args:{position:"left"}},PositionRight={args:{position:"right"}},PositionDynamicTemplate=()=>(0,jsx_runtime.jsxs)("div",{style:{padding:"3rem",height:"100vh",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",position:"relative",overflow:"hidden"},children:[(0,jsx_runtime.jsx)("div",{style:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime.jsxs)(Cre8Popover,{isDynamic:!0,heading:"Popover Heading",position:"top",children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]})}),(0,jsx_runtime.jsxs)("div",{style:{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between"},children:[(0,jsx_runtime.jsxs)(Cre8Popover,{isDynamic:!0,heading:"Popover Heading",position:"left",children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]}),(0,jsx_runtime.jsxs)(Cre8Popover,{isDynamic:!0,heading:"Popover Heading",position:"right",children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]})]}),(0,jsx_runtime.jsx)("div",{style:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime.jsxs)(Cre8Popover,{isDynamic:!0,heading:"Popover Heading",children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]})})]});PositionDynamicTemplate.displayName="PositionDynamicTemplate";const PositionDynamic=PositionDynamicTemplate.bind({});PositionDynamic.args={},PositionDynamic.parameters={layout:"fullscreen"};const WithVisibleOnScrollTemplate=()=>(0,jsx_runtime.jsx)("div",{style:{minHeight:"150vw",height:"100vh",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",position:"relative"},children:(0,jsx_runtime.jsx)("div",{style:{padding:"3rem",position:"absolute",top:"0",left:"50%",transform:"translateX(var(--rtlTranslateX, -50%))"},children:(0,jsx_runtime.jsxs)(Cre8Popover,{isVisibleOnScroll:!0,heading:"Popover Heading",children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit",(0,jsx_runtime.jsx)(Button.t,{slot:"footer",variant:"secondary",text:"Button",style:{marginLeft:"auto"}})]})})});WithVisibleOnScrollTemplate.displayName="WithVisibleOnScrollTemplate";const WithVisibleOnScroll=WithVisibleOnScrollTemplate.bind({});WithVisibleOnScroll.args={};const WithSlots={args:{heading:"",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.t,{slot:"trigger",text:"Open Popover",variant:"primary"}),(0,jsx_runtime.jsx)(Fpo.m,{slot:"header"}),(0,jsx_runtime.jsx)(Fpo.m,{}),(0,jsx_runtime.jsx)(Fpo.m,{slot:"footer"})]})}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {}\n}",...Default.parameters?.docs?.source}}},DefaultWithNoButton.parameters={...DefaultWithNoButton.parameters,docs:{...DefaultWithNoButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    children: <>\n      <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit\n    </>\n  }\n}',...DefaultWithNoButton.parameters?.docs?.source}}},SmallPrimaryButton.parameters={...SmallPrimaryButton.parameters,docs:{...SmallPrimaryButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    children: <>\n      <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit\n      <Cre8Button slot="footer" variant="primary" text="Button" size="sm" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n    </>\n  }\n}',...SmallPrimaryButton.parameters?.docs?.source}}},SmallSecondaryButton.parameters={...SmallSecondaryButton.parameters,docs:{...SmallSecondaryButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    children: <>\n      <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit\n      <Cre8Button slot="footer" variant="secondary" text="Button" size="sm" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n    </>\n  }\n}',...SmallSecondaryButton.parameters?.docs?.source}}},SmallTertiaryButton.parameters={...SmallTertiaryButton.parameters,docs:{...SmallTertiaryButton.parameters?.docs,source:{originalSource:'{\n  args: {\n    children: <>\n      <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit\n      <Cre8Button slot="footer" variant="tertiary" text="Button" size="sm" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n    </>\n  }\n}',...SmallTertiaryButton.parameters?.docs?.source}}},PositionTop.parameters={...PositionTop.parameters,docs:{...PositionTop.parameters?.docs,source:{originalSource:"{\n  args: {\n    position: 'top'\n  }\n}",...PositionTop.parameters?.docs?.source}}},PositionLeft.parameters={...PositionLeft.parameters,docs:{...PositionLeft.parameters?.docs,source:{originalSource:"{\n  args: {\n    position: 'left'\n  }\n}",...PositionLeft.parameters?.docs?.source}}},PositionRight.parameters={...PositionRight.parameters,docs:{...PositionRight.parameters?.docs,source:{originalSource:"{\n  args: {\n    position: 'right'\n  }\n}",...PositionRight.parameters?.docs?.source}}},PositionDynamic.parameters={...PositionDynamic.parameters,docs:{...PositionDynamic.parameters?.docs,source:{originalSource:'() => <div style={{\n  padding: \'3rem\',\n  height: \'100vh\',\n  width: \'100%\',\n  display: \'flex\',\n  flexDirection: \'column\',\n  justifyContent: \'space-between\',\n  alignItems: \'center\',\n  position: \'relative\',\n  overflow: \'hidden\'\n}}>\n    <div style={{\n    display: \'flex\',\n    width: \'100%\',\n    alignItems: \'center\',\n    justifyContent: \'center\'\n  }}>\n      <Cre8Popover isDynamic={true} heading="Popover Heading" position="top">\n        <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit\n        <Cre8Button slot="footer" variant="secondary" text="Button" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n      </Cre8Popover>\n    </div>\n    <div style={{\n    display: \'flex\',\n    width: \'100%\',\n    alignItems: \'center\',\n    justifyContent: \'space-between\'\n  }}>\n      <Cre8Popover isDynamic={true} heading="Popover Heading" position="left">\n        <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit\n        <Cre8Button slot="footer" variant="secondary" text="Button" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n      </Cre8Popover>\n      <Cre8Popover isDynamic={true} heading="Popover Heading" position="right">\n        <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit\n        <Cre8Button slot="footer" variant="secondary" text="Button" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n      </Cre8Popover>\n    </div>\n    <div style={{\n    display: \'flex\',\n    width: \'100%\',\n    alignItems: \'center\',\n    justifyContent: \'center\'\n  }}>\n      <Cre8Popover isDynamic={true} heading="Popover Heading">\n        <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit\n        <Cre8Button slot="footer" variant="secondary" text="Button" style={{\n        marginLeft: \'auto\'\n      }}></Cre8Button>\n      </Cre8Popover>\n    </div>\n  </div>',...PositionDynamic.parameters?.docs?.source}}},WithVisibleOnScroll.parameters={...WithVisibleOnScroll.parameters,docs:{...WithVisibleOnScroll.parameters?.docs,source:{originalSource:"() => <div style={{\n  minHeight: '150vw',\n  height: '100vh',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  position: 'relative'\n}}>\n    <div style={{\n    padding: '3rem',\n    position: 'absolute',\n    top: '0',\n    left: '50%',\n    transform: 'translateX(var(--rtlTranslateX, -50%))'\n  }}>\n      <Cre8Popover isVisibleOnScroll={true} heading=\"Popover Heading\">\n        <Cre8Button slot=\"trigger\" text=\"Open Popover\" variant=\"primary\"></Cre8Button>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit\n        <Cre8Button slot=\"footer\" variant=\"secondary\" text=\"Button\" style={{\n        marginLeft: 'auto'\n      }}></Cre8Button>\n      </Cre8Popover>\n    </div>\n  </div>",...WithVisibleOnScroll.parameters?.docs?.source}}},WithSlots.parameters={...WithSlots.parameters,docs:{...WithSlots.parameters?.docs,source:{originalSource:'{\n  args: {\n    heading: \'\',\n    children: <>\n      <Cre8Button slot="trigger" text="Open Popover" variant="primary"></Cre8Button>\n      <Fpo slot="header"></Fpo>\n      <Fpo></Fpo>\n      <Fpo slot="footer"></Fpo>\n    </>\n  }\n}',...WithSlots.parameters?.docs?.source}}};const __namedExportsOrder=["Default","DefaultWithNoButton","SmallPrimaryButton","SmallSecondaryButton","SmallTertiaryButton","PositionTop","PositionLeft","PositionRight","PositionDynamic","WithVisibleOnScroll","WithSlots"]}}]);

package/dist/components-PrimaryNav-PrimaryNav-stories.3ae17810.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_cre8_dev_cre8_react=self.webpackChunk_cre8_dev_cre8_react||[]).push([[5919],{"./src/components/PrimaryNav/PrimaryNav.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>PrimaryNav_stories});var react=__webpack_require__("./node_modules/.pnpm/@lit+react@1.0.7_@types+react@18.2.13/node_modules/@lit/react/index.js"),primary_nav=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/primary-nav/primary-nav.js"),node_modules_react=__webpack_require__("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const Cre8PrimaryNav=(0,react.a)({react:node_modules_react,tagName:"Cre8-primary-nav",elementClass:primary_nav.o});try{Cre8PrimaryNav.displayName="Cre8PrimaryNav",Cre8PrimaryNav.__docgenInfo={description:"",displayName:"Cre8PrimaryNav",props:{render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Invoked when the component is added to the document's DOM.\n\nIn `connectedCallback()` you should setup tasks that should only occur when\nthe element is connected to the document. The most common of these is\nadding event listeners to nodes external to the element, like a keydown\nevent handler added to the window.\n\n```ts\nconnectedCallback() {\n  super.connectedCallback();\n  addEventListener('keydown', this._handleKeydown);\n}\n```\n\nTypically, anything done in `connectedCallback()` should be undone when the\nelement is disconnected, in `disconnectedCallback()`.\n@category lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Invoked when the component is removed from the document's DOM.\n\nThis callback is the main signal to the element that it may no longer be\nused. `disconnectedCallback()` should ensure that nothing is holding a\nreference to the element (such as event listeners added to nodes external\nto the element), so that it is free to be garbage collected.\n\n```ts\ndisconnectedCallback() {\n  super.disconnectedCallback();\n  window.removeEventListener('keydown', this._handleKeydown);\n}\n```\n\nAn element may be re-connected after being disconnected.\n@category lifecycle",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},inverted:{defaultValue:null,description:"Inverted variant\n1) Used for dark backgrounds",name:"inverted",required:!1,type:{name:"boolean"}},navAriaLabel:{defaultValue:null,description:"aria-label attribute to designate at name for the nav. Can be override by user",name:"navAriaLabel",required:!1,type:{name:"string"}},behavior:{defaultValue:null,description:'Behavior variant\n<cre8-text-passage size="sm">\n<ul>\n<li>**side-by-side** keeps the primary nav item always in a horizontal pattern</li>\n</ul>\n</cre8-text-passage>',name:"behavior",required:!1,type:{name:'"side-by-side"'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PrimaryNav/PrimaryNav.tsx#Cre8PrimaryNav"]={docgenInfo:Cre8PrimaryNav.__docgenInfo,name:"Cre8PrimaryNav",path:"src/components/PrimaryNav/PrimaryNav.tsx#Cre8PrimaryNav"})}catch(__react_docgen_typescript_loader_error){}var primary_nav_item=__webpack_require__("./node_modules/.pnpm/@cre8_dev+cre8-wc@1.0.3_webpack@5.98.0/node_modules/@cre8_dev/cre8-wc/lib/components/primary-nav-item/primary-nav-item.js");const Cre8PrimaryNavItem=(0,react.a)({react:node_modules_react,tagName:"Cre8-primary-nav-item",elementClass:primary_nav_item.J});try{Cre8PrimaryNavItem.displayName="Cre8PrimaryNavItem",Cre8PrimaryNavItem.__docgenInfo={description:"",displayName:"Cre8PrimaryNavItem",props:{text:{defaultValue:null,description:"Primary nav item text",name:"text",required:!1,type:{name:"string"}},render:{defaultValue:null,description:"Example render, should not be used",name:"render",required:!1,type:{name:"() => TemplateResult<1>"}},componentClassNames:{defaultValue:null,description:"Abstraction of `classnames` that automatically includes any style modifier\nas well as any set variants.\n\nIt is expected that `variant` would be overridden in a subclass with more\nspecific types, `@property() variant?: 'foo' | 'bar'`\n@param baseClassName",name:"componentClassNames",required:!1,type:{name:"(baseClassName: string, additionalClassNames?: {}) => string"}},slotEmpty:{defaultValue:null,description:"Check if a slot is empty\n@param slotName",name:"slotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},slotNotEmpty:{defaultValue:null,description:"Check if a slot is not empty\n@param slotName",name:"slotNotEmpty",required:!1,type:{name:"(slotName: string) => boolean"}},dispatch:{defaultValue:null,description:"Dispatch a custom event.",name:"dispatch",required:!1,type:{name:"({ e, eventName, detailObj, optionsObj, }: Cre8DispatchProps) => CustomEvent<any>"}},renderOptions:{defaultValue:null,description:"@category rendering",name:"renderOptions",required:!1,type:{name:"RenderOptions"}},connectedCallback:{defaultValue:null,description:"Connected Callback lifecycle",name:"connectedCallback",required:!1,type:{name:"() => void"}},disconnectedCallback:{defaultValue:null,description:"Disconnected callback lifecycle\n1) Remove window resize event listener",name:"disconnectedCallback",required:!1,type:{name:"() => void"}},renderRoot:{defaultValue:null,description:"Node or ShadowRoot into which element DOM should be rendered. Defaults\nto an open shadowRoot.\n@category rendering",name:"renderRoot",required:!1,type:{name:"HTMLElement | ShadowRoot"}},isUpdatePending:{defaultValue:null,description:"True if there is a pending update as a result of calling `requestUpdate()`.\nShould only be read.\n@category updates",name:"isUpdatePending",required:!1,type:{name:"boolean"}},hasUpdated:{defaultValue:null,description:"Is set to `true` after the first update. The element code cannot assume\nthat `renderRoot` exists before the element `hasUpdated`.\n@category updates",name:"hasUpdated",required:!1,type:{name:"boolean"}},addController:{defaultValue:null,description:"Registers a `ReactiveController` to participate in the element's reactive\nupdate cycle. The element automatically calls into any registered\ncontrollers during its lifecycle callbacks.\n\nIf the element is connected when `addController()` is called, the\ncontroller's `hostConnected()` callback will be immediately called.\n@category controllers",name:"addController",required:!1,type:{name:"(controller: ReactiveController) => void"}},removeController:{defaultValue:null,description:"Removes a `ReactiveController` from the element.\n@category controllers",name:"removeController",required:!1,type:{name:"(controller: ReactiveController) => void"}},attributeChangedCallback:{defaultValue:null,description:"Synchronizes property values when attributes change.\n\nSpecifically, when an attribute is set, the corresponding property is set.\nYou should rarely need to implement this callback. If this method is\noverridden, `super.attributeChangedCallback(name, _old, value)` must be\ncalled.\n\nSee [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\non MDN for more information about the `attributeChangedCallback`.\n@category attributes",name:"attributeChangedCallback",required:!1,type:{name:"(name: string, _old: string, value: string) => void"}},requestUpdate:{defaultValue:null,description:"Requests an update which is processed asynchronously. This should be called\nwhen an element should update based on some state not triggered by setting\na reactive property. In this case, pass no arguments. It should also be\ncalled when manually implementing a property setter. In this case, pass the\nproperty `name` and `oldValue` to ensure that any configured property\noptions are honored.\n@param name name of requesting property\n@param oldValue old value of requesting property\n@param options property options to use instead of the previously\nconfigured options\n@category updates",name:"requestUpdate",required:!1,type:{name:"(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration<unknown, unknown>) => void"}},updateComplete:{defaultValue:null,description:"Returns a Promise that resolves when the element has completed updating.\nThe Promise value is a boolean that is `true` if the element completed the\nupdate without triggering another update. The Promise result is `false` if\na property was set inside `updated()`. If the Promise is rejected, an\nexception was thrown during the update.\n\nTo await additional asynchronous work, override the `getUpdateComplete`\nmethod. For example, it is sometimes useful to await a rendered element\nbefore fulfilling this Promise. To do this, first await\n`super.getUpdateComplete()`, then any subsequent state.\n@return A promise of a boolean that resolves to true if the update completed\nwithout triggering another update.\n@category updates",name:"updateComplete",required:!1,type:{name:"Promise<boolean>"}},isActive:{defaultValue:null,description:"Append to the class name. Used for passing in utility classes",name:"isActive",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Primary nav item href",name:"href",required:!1,type:{name:"string"}},iconName:{defaultValue:null,description:"Icon name",name:"iconName",required:!1,type:{name:"string"}},megaMenu:{defaultValue:null,description:"Append to the class name. Used for passing in utility classes",name:"megaMenu",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PrimaryNavItem/PrimaryNavItem.tsx#Cre8PrimaryNavItem"]={docgenInfo:Cre8PrimaryNavItem.__docgenInfo,name:"Cre8PrimaryNavItem",path:"src/components/PrimaryNavItem/PrimaryNavItem.tsx#Cre8PrimaryNavItem"})}catch(__react_docgen_typescript_loader_error){}var preview=__webpack_require__("./.storybook/preview.js");const PrimaryNav_stories={title:"Cre8 Components/PrimaryNav",component:Cre8PrimaryNav,subcomponents:{Cre8PrimaryNavItem},parameters:{status:{type:"inProgress"},controls:{exclude:new RegExp(`${preview.excludeRegexArray.join("|")}`)}}},Default={args:{}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {}\n}",...Default.parameters?.docs?.source}}};const __namedExportsOrder=["Default"]}}]);