@ebrains/components 0.8.0-alpha.0 → 0.9.1-beta

package/dist/stencil.config.js

@@ -2,6 +2,7 @@ import { reactOutputTarget } from "@stencil/react-output-target";
 import { vueOutputTarget } from "@stencil/vue-output-target";
 import { angularOutputTarget } from "@stencil/angular-output-target";
 import { inlineSvg } from "stencil-inline-svg";
+import path from "path";
 export const config = {
     env: {},
     namespace: 'components',
@@ -16,6 +17,20 @@ export const config = {
         {
             type: 'dist',
             esmLoaderPath: '../loader',
+            copy: [
+                {
+                    // README.md next to this config file
+                    src: path.resolve(__dirname, 'README.md'),
+                    // your stencil dist folder
+                    dest: path.resolve(__dirname, '../../dist/packages/components'),
+                },
+                {
+                    // README.md next to this config file
+                    src: path.resolve(__dirname, 'LICENSE'),
+                    // your stencil dist folder
+                    dest: path.resolve(__dirname, '../../dist/packages/components'),
+                }
+            ]
         },
         {
             type: 'docs-readme',
@@ -30,7 +45,7 @@ export const config = {
         },
         {
             type: 'dist-custom-elements',
-            includeGlobalScripts: false,
+            includeGlobalScripts: false
         },
         reactOutputTarget({
             componentCorePackage: '@ebrains/components',
@@ -45,7 +60,7 @@ export const config = {
         }),
         angularOutputTarget({
             componentCorePackage: '@ebrains/components',
-            outputType: 'standalone',
+            //outputType: 'standalone',
             directivesProxyFile: '../../../packages/angular/src/generated/components.ts',
             directivesArrayFile: '../../../packages/angular/src/generated/index.ts',
         }),

package/dist/types/Users/nigeor/Documents/Projects/EBRAINS/ebrains-ui-ecosystem/packages/components/.stencil/packages/svgs/src/lib/svgs.d.ts

@@ -18,6 +18,7 @@ import chevronRight from '../img/chevron/chevron-right.svg';
 import chevronLeft from '../img/chevron/chevron-left.svg';
 import arrowDiagonal from '../img/arrow/arrow-diagonal-black.svg';
 import arrowRight from '../img/arrow/arrow-right.svg';
+import external from '../img/arrow/arrow-external.svg';
 import twitter from '../img/social/twitter.svg';
 import linkedin from '../img/social/linkedin.svg';
 import facebook from '../img/social/facebook.svg';
@@ -46,4 +47,13 @@ import unknown from '../img/unknown.svg';
 import thumbsUp from '../img/thumbs-up.svg';
 import thumbsDown from '../img/thumbs-down.svg';
 import star from '../img/star.svg';
-export { twitter, linkedin, facebook, youtube, mastodon, bluesky, euSvg, arrowRight, arrowDiagonal, chevronUp, chevronDown, chevronRight, chevronLeft, check, clear, close, completed, copy, documentation, download, error, gitlabColor, gitlabBlack, loader, hLogoColor, hLogoBlack, hLogoColorWhite, hLogoWhite, hLogoWhiteNoBg, vLogoColor, vLogoBlack, vLogoColorWhite, vLogoWhite, vLogoWhiteNoBg, vLogoMargins, menu, more, failed, filter, group, user, search, success, warning, unknown, thumbsUp, thumbsDown, star };
+import bookmark from '../img/bookmark.svg';
+import minus from '../img/minus.svg';
+import paper from '../img/paper.svg';
+import plus from '../img/plus.svg';
+import portal from '../img/portal.svg';
+import privat from '../img/private.svg';
+import pub from '../img/public.svg';
+import tutorial from '../img/tutotial.svg';
+import upDonw from '../img/up-and-down.svg';
+export { twitter, linkedin, facebook, youtube, mastodon, bluesky, euSvg, arrowRight, arrowDiagonal, bookmark, chevronUp, chevronDown, chevronRight, chevronLeft, check, clear, close, completed, copy, documentation, download, error, gitlabColor, gitlabBlack, loader, hLogoColor, hLogoBlack, hLogoColorWhite, hLogoWhite, hLogoWhiteNoBg, vLogoColor, vLogoBlack, vLogoColorWhite, vLogoWhite, vLogoWhiteNoBg, vLogoMargins, menu, minus, more, failed, filter, group, plus, paper, privat, pub, portal, user, upDonw, search, success, tutorial, warning, unknown, thumbsUp, thumbsDown, star, external };

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

@@ -22,7 +22,7 @@ export declare class EdsAccordion {
     /** Host element reference */
     el: HTMLElement;
     /** The title of the accordion, displayed in the header area */
-    title: string;
+    heading: string;
     /** Optional description displayed above the main content */
     description?: string;
     /** Toggles the background color on expand and hover */

package/dist/types/components/eds-accordion/eds-accordion.stories.d.ts

@@ -48,7 +48,7 @@ export declare const Default: {
         minHeightContent: boolean;
     };
 };
-export declare const WithEdsAlert: {
+export declare const WithAlert: {
     render: (args: any) => string;
     args: {
         title: string;

package/dist/types/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconBookmark {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-external/eds-icon-external.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconExternal {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-minus/eds-icon-minus.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconMinus {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-paper/eds-icon-paper.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconPaper {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-plus/eds-icon-plus.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconPlus {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-portal/eds-icon-portal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconPortal {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-private/eds-icon-private.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconPrivate {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-public/eds-icon-public.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconPublic {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconTutorial {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-unknown/eds-icon-unknown.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconUnknown {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-icons/eds-icon-updown/eds-icon-updown.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class EdsIconUpdown {
+    /**
+     * Additional CSS classes to be applied to the icon for styling.
+     */
+    class: string;
+    render(): any;
+}

package/dist/types/components/eds-input-elements/eds-input/eds-input.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * @internal
  */
@@ -26,7 +25,6 @@ export declare class EdsInput {
      * Reference to the host element.
      */
     el: HTMLElement;
-    changeEvent: EventEmitter;
     onValueChanged(newValue: string | number): void;
     componentWillLoad(): void;
     getInputElement(): HTMLInputElement;

package/dist/types/components/eds-input-elements/eds-input-range/eds-input-range.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * `EdsInputRange` is a specialized input component for range/slide functionality,
  */
@@ -33,14 +34,25 @@ export declare class EdsInputRange {
      * Step for the slider.
      */
     step: number;
+    /**
+     * The externally provided preset value from init-data.
+     */
+    value?: number;
+    /**
+     * Internal state that drives the input and the displayed "Current value".
+     */
     sliderVal: number;
     /**
      * Reference to the host element.
      */
     el: HTMLElement;
+    edsrange: EventEmitter;
     private inputElement;
+    componentWillLoad(): void;
+    onValueChange(newVal: number): void;
     componentDidLoad(): void;
     getInputElement(): Promise<HTMLInputElement>;
     onInput: (e: Event) => void;
+    onChange: (e: Event) => void;
     render(): any;
 }

package/dist/types/components/eds-input-field/eds-input-field.d.ts

@@ -93,6 +93,9 @@ export declare class EdsInputField {
         value: string | number;
         label: string;
     }[];
+    hostEl: HTMLElement;
+    private handleNativeInput;
+    private handleNativeChange;
     get parsedOptions(): any;
     render(): any;
 }

package/dist/types/components/eds-modal/eds-modal.d.ts

@@ -16,7 +16,7 @@ export declare class EdsModal {
     /**
      * The title of the modal.
      */
-    title: string;
+    heading: string;
     /**
      * A boolean indicating whether the description should be truncated.
      * Default is `true`.

package/dist/types/components/eds-section/eds-section-heading/eds-section-heading.d.ts

@@ -8,6 +8,9 @@
  *
  * This component is suitable for structuring page sections with visually distinct and accessible headings.
  */
+/**
+ * @internal
+ */
 export declare class EdsSectionHeading {
     /**
      * The main title for the section. This is required and displayed prominently.

package/dist/types/components/eds-switch/eds-switch.d.ts

@@ -19,7 +19,7 @@ export declare class EdsSwitch {
     /**
      * Emitted when the switch is toggled.
      */
-    change: EventEmitter<boolean>;
+    toggle: EventEmitter<boolean>;
     private toggleSwitch;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 /**
  * `EdsTag` is a stylized label component designed to display short, categorical information.
- * It supports multiple visual styles defined by the `intent` prop.
+ * It supports multiple visual styles defined by the `intent` prop and three sizes.
  */
 export declare class EdsTag {
     /**
@@ -11,5 +11,9 @@ export declare class EdsTag {
      * The visual style or intent of the tag.
      */
     intent: 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong';
+    /**
+     * The size of the tag: small, medium, or large.
+     */
+    size: 'small' | 'medium' | 'large';
     render(): any;
 }

package/dist/types/components/eds-tag/eds-tag.stories.d.ts

@@ -11,10 +11,16 @@ declare const _default: {
             options: string[];
             description: string;
         };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
     };
     args: {
         label: string;
         intent: string;
+        size: string;
     };
     parameters: {};
 };
@@ -24,5 +30,6 @@ export declare const Default: {
     args: {
         label: string;
         intent: string;
+        size: string;
     };
 };