@beeq/core 1.8.3-beta.1 → 1.8.4-beta.0

package/dist/stencil.config.js

@@ -10,14 +10,15 @@ import { vueOutputTarget as vue } from "@stencil/vue-output-target";
 import tailwind, { tailwindHMR } from "stencil-tailwind-plugin";
 import { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from "./src/tools";
 import tailwindConf from "../../tailwind.config";
+const namespace = 'beeq';
+const componentCorePackage = `@${namespace}/core`;
+const customElementsDir = 'dist/components';
+const resolvePath = (path) => resolve(__dirname, path).replace(/\\/g, '/');
 const tailwindOpts = {
-    postcss: resolve(__dirname, '../../postcss.config.js').replace(/\\/g, '/'),
+    postcss: resolvePath('../../postcss.config.js'),
     tailwindConf: tailwindConf,
     stripComments: true,
 };
-const namespace = 'beeq';
-const componentCorePackage = `@${namespace}/core`;
-const customElementsDir = 'dist/components';
 export const config = {
     namespace,
     taskQueue: 'async',
@@ -26,14 +27,11 @@ export const config = {
     env: {
         BEEQ_ASSETS_BASE_PATH: process.env.BEEQ_ASSETS_BASE_PATH,
     },
-    globalStyle: resolve(__dirname, './src/global/styles/default.scss').replace(/\\/g, '/'),
+    globalStyle: resolvePath('./src/global/styles/default.scss'),
     plugins: [
         sass({
-            includePaths: [
-                resolve(__dirname, '../../node_modules').replace(/\\/g, '/'),
-                resolve(__dirname, 'src/global/styles').replace(/\\/g, '/'),
-            ],
-            injectGlobalPaths: [resolve(__dirname, 'src/global/styles/mixins/index.scss').replace(/\\/g, '/')],
+            includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],
+            injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],
             outputStyle: 'compressed',
             sourceMap: true,
             sourceMapEmbed: true,
@@ -73,34 +71,39 @@ export const config = {
             serviceWorker: null, // disable service workers
         },
         angular({
+            /* --------------------------- Angular output target -------------------------- */
             componentCorePackage,
             outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)
-            directivesProxyFile: resolve(__dirname, '../beeq-angular/src/directives/components.ts').replace(/\\/g, '/'),
-            directivesArrayFile: resolve(__dirname, '../beeq-angular/src/directives/index.ts').replace(/\\/g, '/'),
+            directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),
+            directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),
             valueAccessorConfigs: angularValueAccessorBindings,
             inlineProperties: true,
             customElementsDir,
         }),
         angular({
+            /* -------------------- Angular Standalone output target -------------------- */
             componentCorePackage,
             outputType: 'standalone', // Generate a component with the standalone flag set to true.
-            directivesProxyFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/components.ts').replace(/\\/g, '/'),
-            directivesArrayFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/index.ts').replace(/\\/g, '/'),
+            directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),
+            directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),
             valueAccessorConfigs: angularValueAccessorBindings,
             customElementsDir,
         }),
         react({
-            outDir: resolve(__dirname, '../beeq-react/src/').replace(/\\/g, '/'),
+            /* --------------------------- React output target -------------------------- */
+            outDir: resolvePath('../beeq-react/src/'),
             customElementsDir,
         }),
         react({
-            outDir: resolve(__dirname, '../beeq-react/ssr').replace(/\\/g, '/'),
+            /* ------------------------- React SSR output target ------------------------ */
+            outDir: resolvePath('../beeq-react/ssr'),
             hydrateModule: '@beeq/core/dist/hydrate',
             customElementsDir,
         }),
         vue({
+            /* ---------------------------- Vue output target --------------------------- */
             componentCorePackage,
-            proxiesFile: resolve(__dirname, '../beeq-vue/src/components.ts').replace(/\\/g, '/'),
+            proxiesFile: resolvePath('../beeq-vue/src/components.ts'),
             includeImportCustomElements: true,
             includePolyfills: false,
             includeDefineCustomElements: false,

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolve(__dirname, '../../postcss.config.js').replace(/\\\\/g, '/'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  env: {\n    BEEQ_ASSETS_BASE_PATH: process.env.BEEQ_ASSETS_BASE_PATH,\n  },\n  globalStyle: resolve(__dirname, './src/global/styles/default.scss').replace(/\\\\/g, '/'),\n  plugins: [\n    sass({\n      includePaths: [\n        resolve(__dirname, '../../node_modules').replace(/\\\\/g, '/'),\n        resolve(__dirname, 'src/global/styles').replace(/\\\\/g, '/'),\n      ],\n      injectGlobalPaths: [resolve(__dirname, 'src/global/styles/mixins/index.scss').replace(/\\\\/g, '/')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    {\n      type: 'dist',\n      copy: [\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/src/directives/components.ts').replace(/\\\\/g, '/'),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/components.ts').replace(\n        /\\\\/g,\n        '/',\n      ),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      outDir: resolve(__dirname, '../beeq-react/src/').replace(/\\\\/g, '/'),\n      customElementsDir,\n    }),\n    react({\n      outDir: resolve(__dirname, '../beeq-react/ssr').replace(/\\\\/g, '/'),\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      componentCorePackage,\n      proxiesFile: resolve(__dirname, '../beeq-vue/src/components.ts').replace(/\\\\/g, '/'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\nconst resolvePath = (path: string) => resolve(__dirname, path).replace(/\\\\/g, '/');\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolvePath('../../postcss.config.js'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  env: {\n    BEEQ_ASSETS_BASE_PATH: process.env.BEEQ_ASSETS_BASE_PATH,\n  },\n  globalStyle: resolvePath('./src/global/styles/default.scss'),\n  plugins: [\n    sass({\n      includePaths: [resolvePath('../../node_modules'), resolvePath('src/global/styles')],\n      injectGlobalPaths: [resolvePath('src/global/styles/mixins/index.scss')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    /**\n     * The output custom-elements.json file is used by Storybook to generate the documentation.\n     * @see packages/beeq/.storybook/custom-elements.json\n     */\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    {\n      type: 'dist',\n      copy: [\n        { src: '../README.md', dest: '../../README.md', warn: true },\n        { src: '../cem/*.*', dest: '../', warn: true },\n      ],\n    },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      externalRuntime: false,\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      /* --------------------------- Angular output target -------------------------- */\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolvePath('../beeq-angular/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      inlineProperties: true,\n      customElementsDir,\n    }),\n    angular({\n      /* -------------------- Angular Standalone output target -------------------- */\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolvePath('../beeq-angular/standalone/src/directives/components.ts'),\n      directivesArrayFile: resolvePath('../beeq-angular/standalone/src/directives/index.ts'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      /* --------------------------- React output target -------------------------- */\n      outDir: resolvePath('../beeq-react/src/'),\n      customElementsDir,\n    }),\n    react({\n      /* ------------------------- React SSR output target ------------------------ */\n      outDir: resolvePath('../beeq-react/ssr'),\n      hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n    vue({\n      /* ---------------------------- Vue output target --------------------------- */\n      componentCorePackage,\n      proxiesFile: resolvePath('../beeq-vue/src/components.ts'),\n      includeImportCustomElements: true,\n      includePolyfills: false,\n      includeDefineCustomElements: false,\n      componentModels: vueComponentModels,\n      // hydrateModule: '@beeq/core/dist/hydrate',\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  testing: {\n    browserHeadless: 'shell',\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}

package/dist/types/components/accordion/bq-accordion.d.ts

@@ -145,8 +145,7 @@ export declare class BqAccordion {
     private handleClick;
     private handleFocus;
     private handleBlur;
-    private handlePrefixSlotChange;
-    private handleSuffixSlotChange;
+    private handleSlotChange;
     private get open();
     private get isCssInterpolateSizeSupported();
     render(): any;

package/dist/types/components/alert/bq-alert.d.ts

@@ -129,8 +129,7 @@ export declare class BqAlert {
     private handleHide;
     private handleShow;
     private handleTransitionEnd;
-    private handleContentSlotChange;
-    private handleFooterSlotChange;
+    private handleSlotChange;
     private get iconName();
     render(): any;
 }

package/dist/types/components/badge/bq-badge.d.ts

@@ -44,8 +44,9 @@ export declare class BqBadge {
     size?: TBadgeSize;
     handleSizePropChange(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     disconnectedCallback(): void;
-    private onSlotChange;
+    private handleSlotChange;
     private get slot();
     render(): any;
 }

package/dist/types/components/breadcrumb/bq-breadcrumb.d.ts

@@ -28,6 +28,7 @@ export declare class BqBreadcrumb {
     el: HTMLBqBreadcrumbElement;
     /** The `aria-label` attribute to describe the type of navigation */
     label: string;
+    componentDidLoad(): void;
     private handleSlotChange;
     private getSeparatorElem;
     private get separatorFromSlot();

package/dist/types/components/button/bq-button.d.ts

@@ -104,6 +104,7 @@ export declare class BqButton {
     /** Handler to be called when button gets focus */
     bqClick: EventEmitter<HTMLBqButtonElement>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     private handleBlur;
     private handleFocus;
     private handleClick;

package/dist/types/components/date-picker/bq-date-picker.d.ts

@@ -135,6 +135,7 @@ export declare class BqDatePicker {
     private readonly BUTTON_EXPORT_PARTS;
     internals: ElementInternals;
     el: HTMLBqDatePickerElement;
+    isCallyLoaded: boolean;
     focusedDate: string;
     displayDate: string;
     hasLabel: boolean;
@@ -236,7 +237,7 @@ export declare class BqDatePicker {
     /** Callback handler emitted when the input has received focus */
     bqFocus: EventEmitter<HTMLBqDatePickerElement>;
     connectedCallback(): Promise<void>;
-    componentWillLoad(): void;
+    componentDidLoad(): Promise<void>;
     formAssociatedCallback(): void;
     formResetCallback(): void;
     handleOpenChange(ev: CustomEvent<{
@@ -258,9 +259,7 @@ export declare class BqDatePicker {
     private handleCalendarRangeStart;
     private handleCalendarRangeEnd;
     private handleClearClick;
-    private handleLabelSlotChange;
-    private handlePrefixSlotChange;
-    private handleSuffixSlotChange;
+    private handleSlotChange;
     private generateCalendarMonth;
     /**
      * Generates an array of Elements representing the calendar months.

package/dist/types/components/date-picker/bq-date-picker.types.d.ts

@@ -1,3 +1,19 @@
 export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare const DATE_PICKER_TYPE: readonly ["single", "multi", "range"];
 export type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];
+export type TCalendarDate = {
+    focusedDate: string;
+    value: string;
+    min?: string;
+    max?: string;
+    months?: number;
+    tentative?: string;
+    pageBy?: 'single' | 'months';
+    firstDayOfWeek?: number;
+    showOutsideDays?: boolean;
+    isDateDisallowed?: (date: Date) => boolean;
+    locale?: string;
+    onChange?: (ev: Event) => void;
+    onRangestart?: (ev: CustomEvent) => void;
+    onRangeend?: (ev: CustomEvent) => void;
+};

package/dist/types/components/date-picker/helper/callyLibrary.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Checks if the Cally library is already loaded in the document
+ * @returns {boolean} True if the library is loaded
+ */
+export declare const isCallyLibraryLoaded: () => boolean;
+/**
+ * Loads the Cally library for the date picker component
+ * @throws {Error} If the library fails to load
+ * @return {Promise<void>}
+ */
+export declare const loadCallyLibrary: () => Promise<void>;

package/dist/types/components/dialog/bq-dialog.d.ts

@@ -128,7 +128,6 @@ export declare class BqDialog {
     private handleClose;
     private handleOpen;
     private handleTransitionEnd;
-    private handleContentSlotChange;
-    private handleFooterSlotChange;
+    private handleSlotChange;
     render(): any;
 }

package/dist/types/components/drawer/bq-drawer.d.ts

@@ -96,6 +96,7 @@ export declare class BqDrawer {
     /** Callback handler to be called after the drawer has been closed */
     bqAfterClose: EventEmitter;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     handleMouseClick(event: MouseEvent): Promise<void>;
     handleKeyDown(event: KeyboardEvent): Promise<void>;
     /** Method to be called to hide the drawer component */

package/dist/types/components/empty-state/bq-empty-state.d.ts

@@ -35,8 +35,8 @@ export declare class BqEmptyState {
     size: TEmptyStateSize;
     checkPropValues(): void;
     componentWillLoad(): void;
-    private handleContentSlotChange;
-    private handleFooterSlotChange;
+    componentDidLoad(): void;
+    private handleSlotChange;
     private get iconSize();
     render(): any;
 }

package/dist/types/components/input/bq-input.d.ts

@@ -216,6 +216,7 @@ export declare class BqInput {
         el: HTMLBqInputElement;
     }>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     formAssociatedCallback(): void;
     formResetCallback(): void;
     private handleBlur;
@@ -226,9 +227,6 @@ export declare class BqInput {
     private handleClearClick;
     private setFormValue;
     private updateFormValidity;
-    private handleLabelSlotChange;
-    private handlePrefixSlotChange;
-    private handleSuffixSlotChange;
-    private handleHelperTextSlotChange;
+    private handleSlotChange;
     render(): any;
 }

package/dist/types/components/notification/bq-notification.d.ts

@@ -107,6 +107,7 @@ export declare class BqNotification {
     bqAfterClose: EventEmitter;
     connectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     afterNotificationClose(): void;
     /** Method to be called to hide the notification component */
     hide(): Promise<void>;
@@ -117,8 +118,7 @@ export declare class BqNotification {
     private handleHide;
     private handleShow;
     private handleTransitionEnd;
-    private handleContentSlotChange;
-    private handleFooterSlotChange;
+    private handleSlotChange;
     private get iconName();
     render(): any;
 }

package/dist/types/components/option/bq-option.d.ts

@@ -67,12 +67,12 @@ export declare class BqOption {
     bqClick: EventEmitter<HTMLBqOptionElement>;
     /** Handler to be called on enter key press */
     bqEnter: EventEmitter<HTMLBqOptionElement>;
+    componentDidLoad(): void;
     onKeyDown(event: KeyboardEvent): void;
     private onBlur;
     private onFocus;
     private onClick;
-    private onSlotChange;
-    private handleSuffixSlotChange;
+    private handleSlotChange;
     private get isDisabledOrHidden();
     render(): any;
 }

package/dist/types/components/page-title/bq-page-title.d.ts

@@ -52,6 +52,7 @@ export declare class BqPageTitle {
     private haveBackNavigation;
     private hasSuffix;
     private hasSubTitle;
+    componentDidLoad(): void;
     private handleSlotChange;
     render(): any;
 }

package/dist/types/components/select/bq-select.d.ts

@@ -219,10 +219,7 @@ export declare class BqSelect {
     private handleSearchFilter;
     private handleClearClick;
     private handleTagRemove;
-    private handleLabelSlotChange;
-    private handlePrefixSlotChange;
-    private handleSuffixSlotChange;
-    private handleHelperTextSlotChange;
+    private handleSlotChange;
     private resetOptionsVisibility;
     private syncItemsFromValue;
     /**

package/dist/types/components/tab/bq-tab.d.ts

@@ -79,6 +79,7 @@ export declare class BqTab {
     /** Handler to be called when the tab key is pressed */
     bqKeyDown: EventEmitter<KeyboardEvent>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     /**
      * Simulate a click event on the native `<button>` HTML element used under the hood.
      * Use this method instead of the global `element.click()`.

package/dist/types/components/tag/bq-tag.d.ts

@@ -89,6 +89,7 @@ export declare class BqTag {
     /** Handler to be called when tag is focused */
     bqFocus: EventEmitter<HTMLBqTagElement>;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     /** Method to be called to remove the tag component */
     hide(): Promise<void>;
     /** Method to be called to show the tag component */

package/dist/types/components/textarea/bq-textarea.d.ts

@@ -185,8 +185,7 @@ export declare class BqTextarea {
     private handleChange;
     private handleInput;
     private autoResize;
-    private handleLabelSlotChange;
-    private handleHelperTextSlotChange;
+    private handleSlotChange;
     private setFormValue;
     private updateFormValidity;
     private clearSelection;

package/dist/types/global.d.ts

@@ -1,24 +1,14 @@
 import type { JSXBase } from './stencil-public-runtime';
-import type { CalendarDateProps, CalendarMonthProps, CalendarMultiProps, CalendarRangeProps } from 'cally';
 
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-ignore: this imported file declaration is generated by the build process
 // eslint-disable-next-line import-x/no-unresolved
 import type { CustomElements } from '../cem/beeq';
 
-type EventName<T> = T extends `on${infer Rest}` ? `on${Capitalize<Lowercase<Rest>>}` : T;
-type MapEvents<T> = {
-  [K in keyof T as EventName<K>]: T[K];
-};
-
 declare module '@stencil/core' {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   export namespace JSX {
     interface IntrinsicElements extends CustomElements {
-      'calendar-multi': CalendarMultiProps & JSXBase.HTMLAttributes<CalendarMultiProps>;
-      'calendar-range': MapEvents<CalendarRangeProps> & JSXBase.HTMLAttributes<CalendarDateProps>;
-      'calendar-date': CalendarDateProps & JSXBase.HTMLAttributes<CalendarDateProps>;
-      'calendar-month': CalendarMonthProps & JSXBase.HTMLAttributes<CalendarMonthProps>;
       // Extend the global slot HTML element to include the id and class attributes
       slot: JSXBase.SlotAttributes & { id?: string; class?: string };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beeq/core",
-  "version": "1.8.3-beta.1",
+  "version": "1.8.4-beta.0",
   "license": "Apache-2.0",
   "description": "BEEQ, a Design System components ruled by Endavan developers :)",
   "main": "./dist/index.cjs.js",
@@ -15,8 +15,7 @@
   "dependencies": {
     "@floating-ui/core": "^1.6.9",
     "@floating-ui/dom": "^1.6.13",
-    "@stencil/core": "^4.25.1",
-    "cally": "^0.7.2"
+    "@stencil/core": "^4.25.1"
   },
   "repository": {
     "type": "git",

package/dist/beeq/p-19f5a833.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BUTTON_SIZE","BUTTON_TYPE","BUTTON_APPEARANCE","BUTTON_VARIANT","bqButtonCss","BqButtonStyle0","BqButton","prefixElem","suffixElem","internals","hasPrefix","hasSuffix","appearance","block","border","disabled","download","href","justifyContent","loading","size","target","type","variant","checkPropValues","validatePropValue","this","el","bqBlur","bqFocus","bqClick","componentWillLoad","handleBlur","emit","handleFocus","handleClick","ev","preventEvent","bqClickEvent","defaultPrevented","handleFormAction","form","isNil","formAction","formActions","submit","submitAssociatedForm","reset","isClient","btn","document","createElement","hidden","append","click","remove","handleSlotChange","hasSlotContent","preventDefault","stopPropagation","render","isLink","isDefined","TagElem","style","h","Host","key","class","undefined","part","rel","tabIndex","onBlur","onFocus","onClick","ref","spanElem","name","onSlotchange","requests","Map","iconContent","fetchSvg","async","url","sanitize","fetch","window","has","get","response","ok","set","svgContent","text","validateContent","error","console","getSvgContent","req","svgTag","iconCssClass","div","innerHTML","svgElm","querySelector","existingClasses","getAttribute","setAttribute","trim","removeAttribute","isValid","elm","nodeType","Node","ELEMENT_NODE","nodeName","toLowerCase","attribute","Array","from","attributes","isString","value","startsWith","childNode","children","bqIconCss","BqIconStyle0","BqIcon","_svgContent","label","color","src","weight","handlePropsChange","loadIcon","handleWeightChange","includes","warn","REGULAR","isWeightedIcon","weightSuffix","iconName","svgLoaded","connectedCallback","setupIconComponent","getIconSource","SVG_EXTENSION","iconFileName","getBasePath","then","styles","getColorCSSVariable","role"],"sources":["../../packages/beeq/src/components/button/bq-button.types.ts","../../packages/beeq/src/components/button/scss/bq-button.scss?tag=bq-button&encapsulation=shadow","../../packages/beeq/src/components/button/bq-button.tsx","../../packages/beeq/src/components/icon/helper/request.ts","../../packages/beeq/src/components/icon/scss/bq-icon.scss?tag=bq-icon&encapsulation=shadow","../../packages/beeq/src/components/icon/bq-icon.tsx"],"sourcesContent":["export const BUTTON_SIZE = ['small', 'medium', 'large'] as const;\nexport type TButtonSize = (typeof BUTTON_SIZE)[number];\n\nexport const BUTTON_TYPE = ['button', 'submit', 'reset'] as const;\nexport type TButtonType = (typeof BUTTON_TYPE)[number];\n\nexport const BUTTON_APPEARANCE = ['primary', 'secondary', 'link', 'text'] as const;\nexport type TButtonAppearance = (typeof BUTTON_APPEARANCE)[number];\n\nexport const BUTTON_VARIANT = ['standard', 'ghost', 'danger'] as const;\nexport type TButtonVariant = (typeof BUTTON_VARIANT)[number];\n\nexport const BUTTON_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TButtonBorderRadius = (typeof BUTTON_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Button styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-button.variables';\n\n@layer components {\n  // Common button base style\n  .bq-button {\n    @apply box-border flex cursor-[inherit] items-center justify-center font-medium leading-regular;\n    @apply rounded-[--bq-button--border-radius] border-[length:--bq-button--border-width] border-[color:--bq-button--border-color];\n    @apply transition-[background-color,border-color,color] duration-300 ease-in-out;\n    // `DISABLED` state\n    @apply disabled:cursor-not-allowed disabled:opacity-60;\n    // `FOCUS` state\n    @apply focus-visible:focus;\n  }\n}\n\n:host {\n  @apply relative inline-block cursor-pointer is-auto;\n}\n\n:host([block]),\n.block {\n  @apply is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                 Appearance                                 */\n/* -------------------------------------------------------------------------- */\n\n.bq-button--primary {\n  @apply bg-ui-brand text-alt;\n  // Primary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-brand;\n  // Primary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-brand active:enabled:hover:bg-active-ui-brand;\n}\n\n.bq-button--primary.ghost {\n  @apply border-m border-solid border-brand bg-transparent text-brand;\n  // Primary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-primary;\n  // Primary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-primary active:enabled:hover:bg-active-ui-primary;\n}\n\n.bq-button--primary.danger {\n  @apply bg-ui-danger text-alt;\n  // Primary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-danger;\n  // Primary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-danger active:enabled:hover:bg-active-ui-danger;\n}\n\n.bq-button--secondary {\n  @apply bg-ui-secondary text-primary;\n  // Secondary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-secondary;\n  // Secondary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--secondary.ghost {\n  @apply border-m border-solid border-tertiary bg-transparent text-primary;\n  // Secondary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-secondary;\n  // Secondary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--link {\n  @apply bg-transparent text-brand no-underline;\n  // Primary `HOVER` state\n  @apply [&:not(.disabled)]:hover:bg-hover-ui-primary;\n  // Primary `ACTIVE` state\n  @apply [&:not(.disabled)]:active:bg-active-ui-secondary [&:not(.disabled)]:active:hover:bg-active-ui-secondary;\n  // HTML `<a>` elements does not have a `disabled` state so we need to handle it manually\n  &.disabled {\n    @apply cursor-not-allowed opacity-60;\n  }\n}\n\n.bq-button--text {\n  @apply bg-transparent text-primary;\n  // Primary `HOVER` state\n  @apply hover:enabled:bg-hover-ui-primary;\n  // Primary `ACTIVE` state\n  @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Size                                    */\n/* -------------------------------------------------------------------------- */\n\n.small {\n  @apply text-[length:--bq-button--small-font-size] bs-[--bq-button--small-height] p-b-[--bq-button--small-paddingY] p-i-[--bq-button--small-paddingX];\n}\n\n.medium {\n  @apply text-[length:--bq-button--medium-font-size] bs-[--bq-button--medium-height] p-b-[--bq-button--medium-paddingY] p-i-[--bq-button--medium-paddingX];\n}\n\n.large {\n  @apply text-[length:--bq-button--large-font-size] bs-[--bq-button--large-height] p-b-[--bq-button--large-paddingY] p-i-[--bq-button--large-paddingX];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__label ::slotted(bq-icon) {\n  @apply flex;\n}\n\n.content-left {\n  @apply justify-start;\n}\n\n.content-right {\n  @apply justify-end;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                           Prefix and Suffix slots                          */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__prefix,\n.bq-button__suffix {\n  @apply pointer-events-none flex shrink-0 grow-0 basis-auto items-center;\n}\n\n.bq-button.has-prefix .bq-button__label {\n  @apply ps-xs2;\n}\n\n.bq-button.has-suffix .bq-button__label {\n  @apply pe-xs2;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                   Loading                                  */\n/* -------------------------------------------------------------------------- */\n\n.bq-button.loading {\n  @apply relative cursor-wait;\n}\n\n.bq-button.loading .bq-button__prefix,\n.bq-button.loading .bq-button__label,\n.bq-button.loading .bq-button__suffix {\n  @apply invisible;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Spinner icon                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__loader {\n  @include animation-spin;\n  @apply absolute;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport {\n  BUTTON_APPEARANCE,\n  BUTTON_SIZE,\n  BUTTON_TYPE,\n  BUTTON_VARIANT,\n  TButtonAppearance,\n  TButtonBorderRadius,\n  TButtonSize,\n  TButtonType,\n  TButtonVariant,\n} from './bq-button.types';\nimport { hasSlotContent, isClient, isDefined, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * Buttons are designed for users to take action on a page or a screen.\n *\n * @example How to use it\n * ```html\n * <bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n *   <bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\n *   Go back\n * </bq-button>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/286b43-buttons\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"primary\" | \"secondary\" | \"link\" | \"text\"} appearance - The appearance style to apply to the button\n * @attr {boolean} block - If `true`, it will make the button fit to its parent width.\n * @attr {string} border - The corner radius of the button\n * @attr {boolean} disabled - If `true`, the button will be disabled (no interaction allowed)\n * @attr {string} download - Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n * @attr {string} href - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`\n * @attr {\"left\" | \"center\" | \"right\"} justify-content - It determinate how the content should be aligned\n * @attr {boolean} loading - If `true` it will display the button in a loading state\n * @attr {\"small\" | \"medium\" | \"large\"} size - The size of the button\n * @attr {\"_blank\" | \"_parent\" | \"_self\" | \"_top\"} target - Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n * @attr {\"button\" | \"submit\" | \"reset\"} type - The default behavior of the button\n * @attr {\"standard\" | \"ghost\" | \"danger\"} variant - The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)\n *\n * @event bqBlur - Handler to be called when the button loses focus\n * @event bqFocus - Handler to be called when button gets focus\n * @event bqClick - Handler to be called when the button is clicked\n *\n * @slot prefix - The prefix content to be displayed before the button label\n * @slot - The button label content\n * @slot suffix - The suffix content to be displayed after the button label\n *\n * @part button - The `<a>` or `<button>` HTML element used under the hood.\n * @part prefix - The `<span>` tag element that acts as prefix container.\n * @part label - The `<span>` tag element that renders the text of the button.\n * @part suffix - The `<span>` tag element that acts as suffix container.\n *\n * @cssprop --bq-button--border-color - Button border color\n * @cssprop --bq-button--border-radius - Button border radius\n * @cssprop --bq-button--border-style - Button border style\n * @cssprop --bq-button--border-width - Button border width\n * @cssprop --bq-button--small-height - Button small height\n * @cssprop --bq-button--small-paddingX - Button small padding block (top and bottom)\n * @cssprop --bq-button--small-paddingY - Button small padding inline (left and right)\n * @cssprop --bq-button--small-font-size - Button small font size\n * @cssprop --bq-button--medium-height - Button medium height\n * @cssprop --bq-button--medium-paddingX - Button medium padding block (top and bottom)\n * @cssprop --bq-button--medium-paddingY - Button medium padding inline (left and right)\n * @cssprop --bq-button--medium-font-size - Button medium font size\n * @cssprop --bq-button--large-height - Button large height\n * @cssprop --bq-button--large-paddingX - Button large padding block (top and bottom)\n * @cssprop --bq-button--large-paddingY - Button large padding inline (left and right)\n * @cssprop --bq-button--large-font-size - Button large font size\n */\n@Component({\n  tag: 'bq-button',\n  styleUrl: './scss/bq-button.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqButton {\n  // Own Properties\n  // ====================\n\n  private prefixElem: HTMLElement;\n  private suffixElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqButtonElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n  @State() private hasSuffix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The appearance style to apply to the button */\n  @Prop({ reflect: true }) appearance: TButtonAppearance = 'primary';\n\n  /** If `true`, it will make the button fit to its parent width. */\n  @Prop({ reflect: true }) block: boolean = false;\n\n  /** The corner radius of the button */\n  @Prop({ reflect: true }) border: TButtonBorderRadius = 'm';\n\n  /** If true, the button will be disabled (no interaction allowed) */\n  @Prop() disabled = false;\n\n  /**\n   * Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n   */\n  @Prop() download?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>` */\n  @Prop({ reflect: true }) href: string;\n\n  /** It determinate how the content should be aligned */\n  @Prop({ reflect: true }) justifyContent: 'left' | 'center' | 'right' = 'center';\n\n  /** If `true` it will display the button in a loading state */\n  @Prop() loading = false;\n\n  /** The size of the button */\n  @Prop({ reflect: true }) size: TButtonSize = 'medium';\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n   * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n   */\n  @Prop({ reflect: true }) target: '_blank' | '_parent' | '_self' | '_top';\n\n  /** The default behavior of the button */\n  @Prop({ reflect: true }) type: TButtonType = 'button';\n\n  /** The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`) */\n  @Prop({ reflect: true }) variant: TButtonVariant = 'standard';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('appearance')\n  @Watch('type')\n  @Watch('size')\n  @Watch('variant')\n  checkPropValues() {\n    validatePropValue(BUTTON_APPEARANCE, 'primary', this.el, 'appearance');\n    validatePropValue(BUTTON_TYPE, 'button', this.el, 'type');\n    validatePropValue(BUTTON_SIZE, 'medium', this.el, 'size');\n    validatePropValue(BUTTON_VARIANT, 'standard', this.el, 'variant');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the button loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqButtonElement>;\n\n  /** Handler to be called when the button is clicked */\n  @Event() bqFocus: EventEmitter<HTMLBqButtonElement>;\n\n  /** Handler to be called when button gets focus */\n  @Event() bqClick: EventEmitter<HTMLBqButtonElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleClick = (ev: Event) => {\n    const { disabled, loading, bqClick, el } = this;\n\n    if (disabled || loading) {\n      this.preventEvent(ev);\n      return;\n    }\n\n    const bqClickEvent = bqClick.emit(el);\n    if (bqClickEvent.defaultPrevented) {\n      this.preventEvent(ev);\n      return;\n    }\n\n    this.handleFormAction();\n  };\n\n  private handleFormAction() {\n    const {\n      type,\n      internals: { form },\n    } = this;\n    if (isNil(form)) return;\n\n    const formAction = this.formActions(form)[type];\n    if (isNil(formAction)) return;\n\n    formAction();\n  }\n\n  private formActions = (form: HTMLFormElement) => ({\n    submit: () => this.submitAssociatedForm(form),\n    reset: () => form.reset(),\n  });\n\n  private submitAssociatedForm = (form: HTMLFormElement) => {\n    if (!isClient() || isNil(form)) return;\n\n    const btn = document.createElement('button');\n    btn.type = this.type;\n    btn.hidden = true;\n    form.append(btn);\n\n    btn.click();\n    btn.remove();\n  };\n\n  private handleSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n    this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n  };\n\n  private preventEvent(ev: Event) {\n    ev.preventDefault();\n    ev.stopPropagation();\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const isLink = isDefined(this.href);\n    const TagElem = isLink ? 'a' : 'button';\n    const style = {\n      ...(this.border && { '--bq-button--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <Host style={style}>\n        <TagElem\n          class={{\n            'bq-button': true,\n            [`bq-button--${this.appearance}`]: true,\n            [`content-${this.justifyContent}`]: true,\n            [`${this.variant}`]: true,\n            [`${this.size}`]: true,\n            block: this.block,\n            disabled: this.disabled,\n            'has-prefix': this.hasPrefix,\n            'has-suffix': this.hasSuffix,\n            loading: this.loading,\n          }}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          disabled={this.disabled}\n          download={isLink ? this.download : undefined}\n          href={isLink ? this.href : undefined}\n          part=\"button\"\n          rel={isLink && this.target ? 'noreferrer noopener' : undefined}\n          target={isLink ? this.target : undefined}\n          type={this.type}\n          tabIndex={this.disabled ? -1 : 0}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          onClick={this.handleClick}\n        >\n          <span class=\"bq-button__prefix\" ref={(spanElem) => (this.prefixElem = spanElem)} part=\"prefix\">\n            <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n          </span>\n          <span class=\"bq-button__label\" part=\"label\">\n            <slot />\n          </span>\n          <span class=\"bq-button__suffix\" ref={(spanElem) => (this.suffixElem = spanElem)} part=\"suffix\">\n            <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n          </span>\n          {this.loading && <bq-icon class=\"bq-button__loader\" name=\"spinner-gap\" />}\n        </TagElem>\n      </Host>\n    );\n  }\n}\n","/* -------------------------------------------------------------------------- */\n/*                             Icon request helper                            */\n/* -------------------------------------------------------------------------- */\n\nimport { isNil, isString } from '../../../shared/utils';\n\nconst requests = new Map<string, Promise<unknown>>();\nexport const iconContent = new Map<string, string>();\n\n/**\n * Fetches SVG content from a given URL and optionally sanitizes it.\n * @param {string} url - The URL to fetch the SVG from.\n * @param {boolean} sanitize - Whether to sanitize the SVG content.\n * @returns {Promise<unknown>} - A promise that resolves to the SVG content.\n */\nconst fetchSvg = async (url: string, sanitize: boolean): Promise<unknown> => {\n  if (isNil(url) || typeof fetch === 'undefined' || typeof window === 'undefined') {\n    return;\n  }\n\n  if (requests.has(url)) return requests.get(url);\n\n  try {\n    const response = await fetch(url);\n\n    if (!response.ok) {\n      iconContent.set(url, '');\n      return;\n    }\n\n    let svgContent = await response.text();\n\n    if (sanitize !== false) {\n      svgContent = validateContent(svgContent);\n    }\n\n    iconContent.set(url, svgContent);\n    return svgContent;\n  } catch (error) {\n    console.error(`[BqIcon] Failed to fetch SVG from ${url}:`, error);\n    iconContent.set(url, '');\n  }\n};\n\n/**\n * Retrieves the SVG content for a given URL, fetching and caching it if necessary.\n * @param {string} url - The URL to fetch the SVG from.\n * @param {boolean} sanitize - Whether to sanitize the SVG content.\n * @returns {Promise<unknown>} - A promise that resolves to the SVG content.\n */\nexport const getSvgContent = async (url: string, sanitize: boolean): Promise<unknown> => {\n  if (isNil(url)) return;\n\n  let req = requests.get(url);\n\n  if (isNil(req)) {\n    req = fetchSvg(url, sanitize);\n    requests.set(url, req);\n  }\n  return req;\n};\n\n/**\n * Validates and sanitizes the SVG content.\n * @param {string} svgContent - The SVG content to validate.\n * @returns {string} - The sanitized SVG content.\n */\nexport const validateContent = (svgContent: string): string => {\n  if (typeof window === 'undefined' || isNil(svgContent)) return '';\n\n  const svgTag = 'svg';\n  const iconCssClass = 'bq-icon__svg';\n  const div = document.createElement('div');\n  div.innerHTML = svgContent;\n\n  const svgElm = div.querySelector(svgTag);\n\n  if (svgElm) {\n    const existingClasses = svgElm.getAttribute('class') || '';\n    svgElm.setAttribute('class', `${existingClasses} ${iconCssClass}`.trim());\n    svgElm.setAttribute('part', svgTag);\n    svgElm.removeAttribute('height');\n    svgElm.removeAttribute('width');\n\n    if (isValid(svgElm)) {\n      return div.innerHTML;\n    }\n  }\n\n  return '';\n};\n\n/**\n * Checks if an HTML element is valid (i.e., does not contain scripts or event handlers).\n * @param {HTMLElement} elm - The element to check.\n * @returns {boolean} - True if the element is valid, false otherwise.\n */\nexport const isValid = (elm: Element): boolean => {\n  if (!elm) return false;\n  if (elm.nodeType !== Node.ELEMENT_NODE) return false;\n  if (elm.nodeName.toLowerCase() === 'script') return false;\n\n  for (const attribute of Array.from(elm.attributes)) {\n    if (isString(attribute.value) && attribute.value.toLowerCase().startsWith('on')) {\n      return false;\n    }\n  }\n\n  for (const childNode of Array.from(elm.children) as HTMLElement[]) {\n    if (!isValid(childNode)) return false;\n  }\n\n  return true;\n};\n","/* -------------------------------------------------------------------------- */\n/*                                 Icon styles                                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-icon.variables';\n\n:host {\n  @apply inline-block;\n}\n\n/**\n * This class is added on packages/beeq/src/components/icon/helper/request.ts\n * See lines 42 and 58 for details.\n */\n.bq-icon__svg {\n  @apply scale-x-[--bq-icon--direction];\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { TIconWeight } from './bq-icon.types';\nimport { getSvgContent, iconContent } from './helper/request';\nimport { getBasePath, getColorCSSVariable, isNil } from '../../shared/utils';\n\n/**\n * The Icon component is an image that provides a visual representation of an object, action, or concept displayed on the screen.\n * It is a small graphical element that is used to enhance the user interface and improve user experience.\n *\n * @example How to use it\n * ```html\n * <bq-icon color=\"text--brand\" name=\"bell-ringing\" size=\"24\"></bq-icon>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/675fad-icon\n * @status stable\n *\n * @attr {string} color - Set the stroke color of the SVG. The value should be a valid value of the palette color.\n * @attr {string} label - Label for the icon, used for accessibility.\n * @attr {string} name - Icon name to load. Please check all available icons [here](https://phosphoricons.com/).\n * @attr {string | number} size - Set the size of the SVG.\n * @attr {string} src - Set the source of the SVG. If the source is set, the name property will be ignored.\n *\n * @event svgLoaded - Callback handler to be called when the SVG has loaded.\n *\n * @part base - The component's internal wrapper that holds the icon SVG content.\n * @part svg - The `<svg>` tag element inside the component.\n *\n * @cssprop --bq-icon--color - The stroke color of the SVG.\n * @cssprop --bq-icon--size - The size of the SVG.\n */\n@Component({\n  assetsDirs: ['svg'],\n  tag: 'bq-icon',\n  styleUrl: './scss/bq-icon.scss',\n  shadow: true,\n})\nexport class BqIcon {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private _svgContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** Label for the icon, used for accessibility */\n  @Prop({ reflect: true }) label?: string;\n\n  /** Set the stroke color of the SVG. The value should be a valid value of the palette color */\n  @Prop({ reflect: true }) color?: string;\n\n  /** Icon name to load. Please check all available icons [here](https://phosphoricons.com/) */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Set the size of the SVG */\n  @Prop({ reflect: true }) size?: string | number = 24;\n\n  /** Set the source of the SVG. If the source is set, the name property will be ignored */\n  @Prop({ reflect: true }) src?: string;\n\n  /** @deprecated It set the icon weight/style */\n  @Prop({ reflect: true }) weight?: TIconWeight = undefined;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('color')\n  @Watch('name')\n  @Watch('size')\n  handlePropsChange() {\n    this.loadIcon(this.name);\n  }\n\n  /**\n   * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `weight` property is removed\n   * We need to maintain retro-compatibility until the next major release\n   */\n  @Watch('weight')\n  handleWeightChange() {\n    if (this.name.includes(this.weight)) return;\n\n    console.warn(\n      `❗️ [bq-icon]: the 'weight' property is deprecated, you should add the weight to the icon name.\\n\n       For example, '<bq-icon name=\"bell-fill\"></bq-icon>' instead of '<bq-icon name=\"bell\" weight=\"fill\"></bq-icon>'`,\n    );\n    // Check if the icon is weighted. An icon is considered weighted if its weight is not 'regular' and ENV_SVG_PATH is not set.\n    // Eg: if the weight is 'bold' and ENV_SVG_PATH is not set, isWeightedIcon will be true.\n    const REGULAR = 'regular';\n    const isWeightedIcon = !isNil(this.weight) && this.weight !== REGULAR;\n    // If the icon is weighted, append the weight to the icon name. Otherwise, append nothing.\n    // Eg: if isWeightedIcon is true and the weight is 'bold', weightSuffix will be '-bold'.\n    const weightSuffix = isWeightedIcon ? `-${this.weight}` : '';\n    // Construct the icon name by appending the weight suffix (if any) and the file extension.\n    // Eg: if the name is 'my-icon' and weightSuffix is '-bold', iconName will be 'my-icon-bold.svg'.\n    const iconName = `${this.name}${weightSuffix}`;\n    this.loadIcon(iconName);\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the SVG has loaded */\n  @Event() svgLoaded: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.setupIconComponent();\n  }\n\n  componentWillLoad() {\n    this.setupIconComponent();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setupIconComponent = () => {\n    this.loadIcon(this.name);\n    // !TO BE REMOVED: Delete this once the deprecated `weight` property is removed\n    if (!isNil(this.weight)) this.handleWeightChange();\n  };\n\n  private getIconSource = (name: string) => {\n    if (!this.name && !this.src) return;\n    // Return the src if it is set\n    if (this.src) return this.src;\n\n    const SVG_EXTENSION = '.svg';\n    const iconFileName = `${name}${SVG_EXTENSION}`;\n\n    return getBasePath(iconFileName);\n  };\n\n  private loadIcon = (name: string) => {\n    const url = this.getIconSource(name);\n    getSvgContent(url, true).then(() => {\n      this._svgContent = iconContent.get(url);\n      this.svgLoaded.emit(this._svgContent);\n    });\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const styles = {\n      ...(this.color && { '--bq-icon--color': getColorCSSVariable(this.color) }),\n      ...(this.size && { '--bq-icon--size': `${this.size}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          aria-label={this.label ?? `${this.name} icon`}\n          class=\"flex text-[color:--bq-icon--color] bs-[--bq-icon--size] is-[--bq-icon--size]\"\n          innerHTML={this._svgContent}\n          part=\"base\"\n          role=\"img\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-34611c2f.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-class t{#t;#e=new Set;constructor(t){this.#t=t}get current(){return this.#t}set current(t){this.#t!=t&&(this.#t=t,this.#e.forEach((e=>e(t))))}on(t){return this.#e.add(t),()=>this.#e.delete(t)}}const e=e=>new t(e),n=Symbol.for("atomico.hooks");globalThis[n]=globalThis[n]||{};let o=globalThis[n];const s=Symbol.for("Atomico.suspense"),r=Symbol.for("Atomico.effect"),i=Symbol.for("Atomico.layoutEffect"),c=Symbol.for("Atomico.insertionEffect"),a=(t,e,n)=>{const{i:s,hooks:r}=o.c,i=r[s]=r[s]||{};return i.value=t(i.value),i.effect=e,i.tag=n,o.c.i++,r[s].value},l=t=>a(((n=e(t))=>n)),u=()=>a(((t=e(o.c.host))=>t)),d=()=>o.c.update,h=(t,e,n=0)=>{let a={},l=!1;const u=()=>l,d=(t,e)=>{for(const n in a){const o=a[n];o.effect&&o.tag===t&&(o.value=o.effect(o.value,e))}};return{load:r=>{o.c={host:e,hooks:a,update:t,i:0,id:n};let i;try{l=!1,i=r()}catch(t){if(t!==s)throw t;l=!0}finally{o.c=null}return i},cleanEffects:t=>(d(c,t),()=>(d(i,t),()=>{d(r,t)})),isSuspense:u}},f=Symbol.for;function p(t,e){const n=t.length;if(n!==e.length)return!1;for(let o=0;o<n;o++){let n=t[o],s=e[o];if(n!==s)return!1}return!0}const m=t=>typeof t=="function",y=t=>typeof t=="object",{isArray:b}=Array,g=(t,e)=>(e?t instanceof HTMLStyleElement:!0)&&"hydrate"in(t?.dataset||{});function v(t,e){let n;const o=t=>{let{length:s}=t;for(let r=0;r<s;r++){const s=t[r];if(s&&Array.isArray(s))o(s);else{const t=typeof s;if(s==null||t==="function"||t==="boolean")continue;t==="string"||t==="number"?(n==null&&(n=""),n+=s):(n!=null&&(e(n),n=null),e(s))}}};o(t),n!=null&&e(n)}const w=(t,e,n)=>(t.addEventListener(e,n),()=>t.removeEventListener(e,n));class k{constructor(t,e,n){this.message=e,this.target=t,this.value=n}}class x extends k{}class D extends k{}const S="Custom",$=null,E={true:1,"":1,1:1};function N(t,e,n,o,s){const{type:r,reflect:i,event:c,value:a,attr:l=C(e)}=n?.name!=S&&y(n)&&n!=$?n:{type:n},u=r?.name===S&&r.map,d=a!=null?r==Function||!m(a)?()=>a:a:null;Object.defineProperty(t,e,{configurable:!0,set(t){const n=this[e];d&&r!=Boolean&&t==null&&(t=d());const{error:o,value:s}=(u?j:P)(r,t);if(o&&s!=null)throw new x(this,`The value defined for prop '${e}' must be of type '${r.name}'`,s);n!=s&&(this._props[e]=s??void 0,this.update(),c&&T(this,c),this.updated.then((()=>{i&&(this._ignoreAttr=l,A(this,r,l,this[e]),this._ignoreAttr=null)})))},get(){return this._props[e]}}),d&&(s[e]=d()),o[l]={prop:e,type:r}}const T=(t,{type:e,base:n=CustomEvent,...o})=>t.dispatchEvent(new n(e,o)),C=t=>t.replace(/([A-Z])/g,"-$1").toLowerCase(),A=(t,e,n,o)=>o==null||e==Boolean&&!o?t.removeAttribute(n):t.setAttribute(n,e?.name===S&&e?.serialize?e?.serialize(o):y(o)?JSON.stringify(o):e==Boolean?"":o),O=(t,e)=>t==Boolean?!!E[e]:t==Number?Number(e):t==String?e:t==Array||t==Object?JSON.parse(e):t.name==S?e:new t(e),j=({map:t},e)=>{try{return{value:t(e),error:!1}}catch{return{value:e,error:!0}}},P=(t,e)=>t==null||e==null?{value:e,error:!1}:t!=String&&e===""?{value:void 0,error:!1}:t==Object||t==Array||t==Symbol?{value:e,error:{}.toString.call(e)!==`[object ${t.name}]`}:e instanceof t?{value:e,error:t==Number&&Number.isNaN(e.valueOf())}:t==String||t==Number||t==Boolean?{value:e,error:t==Number?typeof e!="number"?!0:Number.isNaN(e):t==String?typeof e!="string":typeof e!="boolean"}:{value:e,error:!0};let z=0;const B=t=>{const e=(t?.dataset||{})?.hydrate||"";return e||"c"+z++},F=(t,e=HTMLElement)=>{const n={},o={},s="prototype"in e&&e.prototype instanceof Element,r=s?e:"base"in e?e.base:HTMLElement,{props:i,styles:c}=s?t:e;class a extends r{constructor(){super(),this._setup(),this._render=()=>t({...this._props});for(const t in o)this[t]=o[t]}static get styles(){return[super.styles,c]}async _setup(){if(this._props)return;this._props={};let t,e;this.mounted=new Promise((n=>this.mount=()=>{n(),t!=this.parentNode&&(e!=t?this.unmounted.then(this.update):this.update()),t=this.parentNode})),this.unmounted=new Promise((o=>this.unmount=()=>{o(),(t!=this.parentNode||!this.isConnected)&&(n.cleanEffects(!0)()(),e=this.parentNode,t=null)})),this.symbolId=this.symbolId||Symbol(),this.symbolIdParent=Symbol();const n=h((()=>this.update()),this,B(this));let o,s=!0;const r=g(this);this.update=()=>(o||(o=!0,this.updated=(this.updated||this.mounted).then((()=>{try{const t=n.load(this._render),e=n.cleanEffects();return t&&t.render(this,this.symbolId,r),o=!1,s&&!n.isSuspense()&&(s=!1,!r&&M(this)),e()}finally{o=!1}})).then((t=>{t&&t()}))),this.updated),this.update()}connectedCallback(){this.mount(),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.unmount()}attributeChangedCallback(t,e,o){if(n[t]){if(t===this._ignoreAttr||e===o)return;const{prop:s,type:r}=n[t];try{this[s]=O(r,o)}catch{throw new D(this,`The value defined as attr '${t}' cannot be parsed by type '${r.name}'`,o)}}else super.attributeChangedCallback(t,e,o)}static get props(){return{...super.props,...i}}static get observedAttributes(){const t=super.observedAttributes||[];for(const t in i)N(this.prototype,t,i[t],n,o);return Object.keys(n).concat(t)}}return a};function M(t){const{styles:e}=t.constructor,{shadowRoot:n}=t;if(n&&e.length){const t=[];v(e,(e=>{e&&(e instanceof Element?n.appendChild(e.cloneNode(!0)):t.push(e))})),t.length&&(n.adoptedStyleSheets=t)}}const H=t=>(e,n)=>{a((([t,e]=[])=>((e||!e)&&(e&&p(e,n)?t=t||!0:(m(t)&&t(),t=null)),[t,n])),(([t,n],o)=>o?(m(t)&&t(),[]):[t||e(),n]),t)},L=H(r),U=H(c);class I extends Array{constructor(t,e){let n=!0;const o=t=>{try{e(t,this,n)}finally{n=!1}};super(void 0,o,e),o(t)}}const J=t=>{const e=d();return a(((n=new I(t,((t,n,o)=>{t=m(t)?t(n[0]):t,t!==n[0]&&(n[0]=t,o||e())})))=>n))},R=(t,e)=>{const[n]=a((([n,o,s=0]=[])=>((!o||o&&!p(o,e))&&(n=t()),[n,e,s])));return n},V=t=>{const{current:e}=u();if(!(t in e))throw new x(e,`For useProp("${t}"), the prop does not exist on the host.`,t);return a(((n=new I(e[t],((n,o)=>{n=m(n)?n(e[t]):n,e[t]=n})))=>(n[0]=e[t],n)))},W=(t,e={})=>{const n=u();return n[t]||(n[t]=(o=e.detail)=>T(n.current,{type:t,...e,detail:o})),n[t]},q=f("atomico/options");globalThis[q]=globalThis[q]||{sheet:!!document.adoptedStyleSheets};const Z=globalThis[q],_={checked:1,value:1,selected:1},Y={list:1,type:1,size:1,form:1,width:1,height:1,src:1,href:1,slot:1},G={shadowDom:1,staticNode:1,cloneNode:1,children:1,key:1},K={},Q=[];class X extends Text{}const tt=f("atomico/id"),et=f("atomico/type"),nt=f("atomico/ref"),ot=f("atomico/vnode"),st=()=>{};function rt(t,e,n){return ct(this,t,e,n)}const it=(t,e,...n)=>{const o=e||K;let{children:s}=o;if(s=s??(n.length?n:Q),t===st)return s;const r=t?t instanceof Node?1:t.prototype instanceof HTMLElement&&2:0;if(r===!1&&t instanceof Function)return t(s!=Q?{children:s,...o}:o);const i=Z.render||rt;return{[et]:ot,type:t,props:o,children:s,key:o.key,shadow:o.shadowDom,static:o.staticNode,raw:r,is:o.is,clone:o.cloneNode,render:i}};function ct(t,e,n=tt,o,s){let r;if(e&&e[n]&&e[n].vnode==t||t[et]!=ot)return e;(t||!e)&&(s=s||t.type=="svg",r=t.type!="host"&&(t.raw==1?(e&&t.clone?e[nt]:e)!=t.type:t.raw==2?!(e instanceof t.type):e?e[nt]||e.localName!=t.type:!e),r&&t.type!=null&&(t.raw==1&&t.clone?(o=!0,e=t.type.cloneNode(!0),e[nt]=t.type):e=t.raw==1?t.type:t.raw==2?new t.type:s?document.createElementNS("http://www.w3.org/2000/svg",t.type):document.createElement(t.type,t.is?{is:t.is}:void 0)));const i=e[n]?e[n]:K,{vnode:c=K,cycle:a=0}=i;let{fragment:l,handlers:u}=i;const{children:d=Q,props:h=K}=c;if(u=r?{}:u||{},t.static&&!r)return e;if(t.shadow&&!e.shadowRoot&&e.attachShadow({mode:"open",...t.shadow}),t.props!=h&&ut(e,h,t.props,u,s),t.children!==d){const r=t.shadow?e.shadowRoot:e;l=lt(t.children,l,r,n,!a&&o,s&&t.type=="foreignObject"?!1:s)}return e[n]={vnode:t,handlers:u,fragment:l,cycle:a+1},e}function at(t,e){const n=new X(""),o=new X("");let s;if(t[e?"prepend":"append"](n),e){let{lastElementChild:e}=t;for(;e;){const{previousElementSibling:t}=e;if(g(e,!0)&&!g(t,!0)){s=e;break}e=t}}return s?s.before(o):t.append(o),{markStart:n,markEnd:o}}function lt(t,e,n,o,s,r){t=t==null?null:b(t)?t:[t];const i=e||at(n,s),{markStart:c,markEnd:a,keyes:l}=i;let u;const d=l&&new Set;let h=c;if(t&&v(t,(t=>{if(typeof t=="object"&&!t[et])return;const e=t[et]&&t.key,i=l&&e!=null&&l.get(e);h!=a&&h===i?d.delete(h):h=h==a?a:h.nextSibling;const c=l?i:h;let f=c;if(t[et])f=ct(t,c,o,s,r);else{const e=t+"";!(f instanceof Text)||f instanceof X?f=new Text(e):f.data!=e&&(f.data=e)}f!=h&&(l&&d.delete(f),!c||l?(n.insertBefore(f,h),l&&h!=a&&d.add(h)):c==a?n.insertBefore(f,a):(n.replaceChild(f,c),h=f)),e!=null&&(u=u||new Map,u.set(e,f))})),h=h==a?a:h.nextSibling,e&&h!=a)for(;h!=a;){const t=h;h=h.nextSibling,t.remove()}return d&&d.forEach((t=>t.remove())),i.keyes=u,i}function ut(t,e,n,o,s){for(const r in e)!(r in n)&&dt(t,r,e[r],null,s,o);for(const r in n)dt(t,r,e[r],n[r],s,o)}function dt(t,e,n,o,s,r){if(e=e=="class"&&!s?"className":e,n=n??null,o=o??null,e in t&&_[e]&&(n=t[e]),!(o===n||G[e]||e[0]=="_"))if(e[0]=="o"&&e[1]=="n"&&(m(o)||m(n)))ht(t,e.slice(2),o,r);else if(e=="ref")o&&(m(o)?o(t):o.current=t);else if(e=="style"){const{style:e}=t;n=n||"",o=o||"";const s=y(n),r=y(o);if(s)for(const t in n)if(r)!(t in o)&&ft(e,t,null);else break;if(r)for(const t in o){const r=o[t];s&&n[t]===r||ft(e,t,r)}else e.cssText=o}else{const r=e[0]=="$"?e.slice(1):e;r===e&&(!s&&!Y[e]&&e in t||m(o)||m(n))?t[e]=o??"":o==null?t.removeAttribute(r):t.setAttribute(r,y(o)?JSON.stringify(o):o)}}function ht(t,e,n,o){if(o.handleEvent||(o.handleEvent=e=>o[e.type].call(t,e)),n){if(!o[e]){const s=n.capture||n.once||n.passive?Object.assign({},n):null;t.addEventListener(e,o,s)}o[e]=n}else o[e]&&(t.removeEventListener(e,o),delete o[e])}function ft(t,e,n){let o="setProperty";n==null&&(o="removeProperty",n=null),~e.indexOf("-")?t[o](e,n):t[e]=n}const pt={};function mt(t,...e){const n=(t.raw||t).reduce(((t,n,o)=>t+n+(e[o]||"")),"");return pt[n]=pt[n]||yt(n)}function yt(t){if(Z.sheet){const e=new CSSStyleSheet;return e.replaceSync(t),e}else{const e=document.createElement("style");return e.textContent=t,e}}const bt=it("host",{style:"display: contents"}),gt=f("atomico/context"),vt=(t,e)=>{const n=u();U((()=>w(n.current,"ConnectContext",(n=>{t===n.detail.id&&(n.stopPropagation(),n.detail.connect(e))}))),[t])},wt=t=>{const e=W("ConnectContext",{bubbles:!0,composed:!0}),n=()=>{let n;return e({id:t,connect(t){n=t}}),n},[o,s]=J(n);return L((()=>{o||(t[gt]||(t[gt]=customElements.whenDefined((new t).localName)),t[gt].then((()=>s(n))))}),[t]),o},kt=t=>{const e=wt(t),n=d();return L((()=>{if(e)return w(e,"UpdatedValue",n)}),[e]),(e||t).value},xt=t=>{const e=F((()=>(vt(e,u().current),bt)),{props:{value:{type:Object,event:{type:"UpdatedValue"},value:()=>t}}});return e.value=t,e},Dt=(t,e,n)=>(e==null?e={key:n}:e.key=n,it(t,e)),St=Dt,$t=mt`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`,Et=mt`.vh{position:absolute;transform:scale(0)}`;function Nt(){const t=new Date;return new Mt(t.getFullYear(),t.getMonth()+1,t.getDate())}function Tt(t,e=0){const n=zt(t),o=n.getUTCDay(),s=(o<e?7:0)+o-e;return n.setUTCDate(n.getUTCDate()-s),Mt.from(n)}function Ct(t,e=0){return Tt(t,e).add({days:6})}function At(t){return Mt.from(new Date(Date.UTC(t.year,t.month,0)))}function Ot(t,e,n){return e&&Mt.compare(t,e)<0?e:n&&Mt.compare(t,n)>0?n:t}const jt={days:1};function Pt(t,e=0){let n=Tt(t.toPlainDate(),e);const o=Ct(At(t),e),s=[];for(;Mt.compare(n,o)<0;){const t=[];for(let e=0;e<7;e++)t.push(n),n=n.add(jt);s.push(t)}return s}function zt(t){return new Date(Date.UTC(t.year,t.month-1,t.day??1))}const Bt=/^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/,Ft=(t,e)=>t.toString().padStart(e,"0");class Mt{constructor(t,e,n){this.year=t,this.month=e,this.day=n}add(t){const e=zt(this);if("days"in t)return e.setUTCDate(this.day+t.days),Mt.from(e);let{year:n,month:o}=this;"months"in t?(o=this.month+t.months,e.setUTCMonth(o-1)):(n=this.year+t.years,e.setUTCFullYear(n));const s=Mt.from(zt({year:n,month:o,day:1}));return Ot(Mt.from(e),s,At(s))}toString(){return`${Ft(this.year,4)}-${Ft(this.month,2)}-${Ft(this.day,2)}`}toPlainYearMonth(){return new Ht(this.year,this.month)}equals(t){return Mt.compare(this,t)===0}static compare(t,e){return t.year<e.year?-1:t.year>e.year?1:t.month<e.month?-1:t.month>e.month?1:t.day<e.day?-1:t.day>e.day?1:0}static from(t){if(typeof t=="string"){const e=t.match(Bt);if(!e)throw new TypeError(t);const[,n,o,s]=e;return new Mt(parseInt(n,10),parseInt(o,10),parseInt(s,10))}return new Mt(t.getUTCFullYear(),t.getUTCMonth()+1,t.getUTCDate())}}class Ht{constructor(t,e){this.year=t,this.month=e}add(t){const e=zt(this),n=(t.months??0)+(t.years??0)*12;return e.setUTCMonth(e.getUTCMonth()+n),new Ht(e.getUTCFullYear(),e.getUTCMonth()+1)}equals(t){return this.year===t.year&&this.month===t.month}toPlainDate(){return new Mt(this.year,this.month,1)}}function Lt(t,e){if(e)try{return t.from(e)}catch{}}function Ut(t){const[e,n]=V(t);return[R((()=>Lt(Mt,e)),[e]),t=>n(t?.toString())]}function It(t){const[e="",n]=V(t);return[R((()=>{const[t,n]=e.split("/"),o=Lt(Mt,t),s=Lt(Mt,n);return o&&s?[o,s]:[]}),[e]),t=>n(`${t[0]}/${t[1]}`)]}function Jt(t){const[e="",n]=V(t);return[R((()=>{const t=[];for(const n of e.trim().split(/\s+/)){const e=Lt(Mt,n);e&&t.push(e)}return t}),[e]),t=>n(t.join(" "))]}function Rt(t,e){return R((()=>new Intl.DateTimeFormat(e,{timeZone:"UTC",...t})),[e,t])}function Vt(t,e,n){const o=Rt(t,n);return R((()=>{const t=[],n=new Date;for(var s=0;s<7;s++){const s=(n.getUTCDay()-e+7)%7;t[s]=o.format(n),n.setUTCDate(n.getUTCDate()+1)}return t}),[e,o])}const Wt=(t,e,n)=>Ot(t,e,n)===t,qt=t=>t.target.matches(":dir(ltr)"),Zt={month:"long",day:"numeric"},_t={month:"long"},Yt={weekday:"narrow"},Gt={weekday:"long"},Kt={bubbles:!0};function Qt({props:t,context:e}){const{offset:n}=t,{firstDayOfWeek:o,isDateDisallowed:s,min:r,max:i,page:c,locale:a,focusedDate:l}=e,u=Nt(),d=Vt(Gt,o,a),h=Vt(Yt,o,a),f=Rt(Zt,a),p=Rt(_t,a),m=R((()=>c.start.add({months:n})),[c,n]),y=R((()=>Pt(m,o)),[m,o]),b=W("focusday",Kt),g=W("selectday",Kt),v=W("hoverday",Kt);function w(t){b(Ot(t,r,i))}function k(t){let e;switch(t.key){case"ArrowRight":e=l.add({days:qt(t)?1:-1});break;case"ArrowLeft":e=l.add({days:qt(t)?-1:1});break;case"ArrowDown":e=l.add({days:7});break;case"ArrowUp":e=l.add({days:-7});break;case"PageUp":e=l.add(t.shiftKey?{years:-1}:{months:-1});break;case"PageDown":e=l.add(t.shiftKey?{years:1}:{months:1});break;case"Home":e=Tt(l,o);break;case"End":e=Ct(l,o);break;default:return}w(e),t.preventDefault()}function x(t){const n=m.equals(t);if(!e.showOutsideDays&&!n)return;const o=t.equals(l),c=t.equals(u),a=zt(t),d=s?.(a),h=!Wt(t,r,i);let p="",y;if(e.type==="range"){const[n,o]=e.value,s=n?.equals(t),r=o?.equals(t);y=n&&o&&Wt(t,n,o),p=`${s?"range-start":""} ${r?"range-end":""} ${y&&!s&&!r?"range-inner":""}`}else e.type==="multi"?y=e.value.some((e=>e.equals(t))):y=e.value?.equals(t);return{part:`${`button day ${n?y?"selected":"":"outside"} ${d?"disallowed":""} ${c?"today":""}`} ${p}`,tabindex:n&&o?0:-1,disabled:h,"aria-disabled":d?"true":void 0,"aria-pressed":n&&y,"aria-current":c?"date":void 0,"aria-label":f.format(a),onkeydown:k,onclick(){d||g(t),w(t)},onmouseover(){!d&&!h&&v(t)}}}return{weeks:y,yearMonth:m,daysLong:d,daysShort:h,formatter:p,getDayProps:x}}const Xt=Nt(),te=xt({type:"date",firstDayOfWeek:1,isDateDisallowed:()=>!1,focusedDate:Xt,page:{start:Xt.toPlainYearMonth(),end:Xt.toPlainYearMonth()}});customElements.define("calendar-month-ctx",te);const ee=F((t=>{const e=kt(te),n=l(),o=Qt({props:t,context:e});function s(){n.current.querySelector("button[tabindex='0']")?.focus()}return St("host",{shadowDom:!0,focus:s,children:[Dt("div",{id:"h",part:"heading",children:o.formatter.format(zt(o.yearMonth))}),St("table",{ref:n,"aria-labelledby":"h",part:"table",children:[Dt("thead",{children:Dt("tr",{part:"tr head",children:o.daysLong.map(((t,e)=>St("th",{part:"th",scope:"col",children:[Dt("span",{class:"vh",children:t}),Dt("span",{"aria-hidden":"true",children:o.daysShort[e]})]})))})}),Dt("tbody",{children:o.weeks.map(((t,e)=>Dt("tr",{part:"tr week",children:t.map(((t,e)=>{const n=o.getDayProps(t);return Dt("td",{part:"td",children:n&&Dt("button",{...n,children:t.day})},e)}))},e)))})]})]})}),{props:{offset:{type:Number,value:0}},styles:[$t,Et,mt`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`]});customElements.define("calendar-month",ee);function ne(t){return Dt("button",{part:`button ${t.name} ${t.onclick?"":"disabled"}`,onclick:t.onclick,"aria-disabled":t.onclick?null:"true",children:Dt("slot",{name:t.name,children:t.children})})}function oe(t){const e=zt(t.page.start),n=zt(t.page.end);return St("div",{role:"group","aria-labelledby":"h",part:"container",children:[Dt("div",{id:"h",class:"vh","aria-live":"polite","aria-atomic":"true",children:t.formatVerbose.formatRange(e,n)}),St("div",{part:"header",children:[Dt(ne,{name:"previous",onclick:t.previous,children:"Previous"}),Dt("slot",{part:"heading",name:"heading",children:Dt("div",{"aria-hidden":"true",children:t.format.formatRange(e,n)})}),Dt(ne,{name:"next",onclick:t.next,children:"Next"})]}),Dt(te,{value:t,onselectday:t.onSelect,onfocusday:t.onFocus,onhoverday:t.onHover,children:Dt("slot",{})})]})}const se={value:{type:String,value:""},min:{type:String,value:""},max:{type:String,value:""},isDateDisallowed:{type:Function,value:t=>!1},firstDayOfWeek:{type:Number,value:()=>1},showOutsideDays:{type:Boolean,value:!1},locale:{type:String,value:()=>{}},months:{type:Number,value:1},focusedDate:{type:String,value:()=>{}},pageBy:{type:String,value:()=>"months"}},re=[$t,Et,mt`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`],ie={year:"numeric"},ce={year:"numeric",month:"long"};function ae(t,e){return(e.year-t.year)*12+e.month-t.month}const le=(t,e)=>(t=e===12?new Ht(t.year,1):t,{start:t,end:t.add({months:e-1})});function ue({pageBy:t,focusedDate:e,months:n,max:o,min:s,goto:r}){const i=t==="single"?1:n,[c,a]=J((()=>le(e.toPlainYearMonth(),n))),l=t=>a(le(c.start.add({months:t}),n)),u=t=>{const e=ae(c.start,t.toPlainYearMonth());return e>=0&&e<n};return L((()=>{if(u(e))return;const t=ae(e.toPlainYearMonth(),c.start);r(e.add({months:t}))}),[c.start]),L((()=>{if(u(e))return;const t=ae(c.start,e.toPlainYearMonth());l(t===-1?-i:t===n?i:Math.floor(t/n)*n)}),[e,i,n]),{page:c,previous:!s||!u(s)?()=>l(-i):void 0,next:!o||!u(o)?()=>l(i):void 0}}function de({months:t,pageBy:e,locale:n,focusedDate:o,setFocusedDate:s}){const[r]=Ut("min"),[i]=Ut("max"),c=W("focusday"),a=W("change"),l=R((()=>Ot(o??Nt(),r,i)),[o,r,i]);function d(t){s(t),c(zt(t))}const{next:h,previous:f,page:p}=ue({pageBy:e,focusedDate:l,months:t,min:r,max:i,goto:d}),m=u();function y(){m.current.querySelectorAll("calendar-month").forEach((t=>t.focus()))}return{format:Rt(ie,n),formatVerbose:Rt(ce,n),page:p,focusedDate:l,dispatch:a,onFocus(t){t.stopPropagation(),d(t.detail),setTimeout(y)},min:r,max:i,next:h,previous:f,focus:y}}const he=F((t=>{const[e,n]=Ut("value"),[o=e,s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){n(t.detail),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"date",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-date",he);const fe=(t,e)=>Mt.compare(t,e)<0?[t,e]:[e,t],pe=F((t=>{const[e,n]=It("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s}),i=W("rangestart"),c=W("rangeend"),[a,l]=Ut("tentative"),[u,d]=J();L((()=>d(void 0)),[a]);function h(t){r.onFocus(t),f(t)}function f(t){t.stopPropagation(),a&&d(t.detail)}function p(t){const e=t.detail;t.stopPropagation(),a?(n(fe(a,e)),l(void 0),c(zt(e)),r.dispatch()):(l(e),i(zt(e)))}const m=a?fe(a,u??a):e;return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"range",value:m,onFocus:h,onHover:f,onSelect:p})})}),{props:{...se,tentative:{type:String,value:""}},styles:re});customElements.define("calendar-range",pe);const me=F((t=>{const[e,n]=Jt("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){const o=[...e],s=e.findIndex((e=>e.equals(t.detail)));s<0?o.push(t.detail):o.splice(s,1),n(o),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"multi",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-multi",me);export{he as CalendarDate,ee as CalendarMonth,me as CalendarMulti,pe as CalendarRange};
-//# sourceMappingURL=p-34611c2f.js.map