@scania/tegel 0.0.1-beta.6 → 0.0.1-beta.9

package/dist/tegel/tegel.esm.js

@@ -1 +0,0 @@
-import{p as e,b as t}from"./p-157e1618.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-12ca5cfa",[[1,"sdds-dropdown-filter",{placeholder:[1],label:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],size:[1],inline:[4],labelPosition:[1,"label-position"],state:[1],helper:[1],data:[1],dataOptions:[32],filteredContent:[32],searchTerm:[32],selectedOptionState:[32],dropdownRef:[32],selectedLabel:[32],selectedValue:[32],resetOption:[64]},[[0,"inputSearch","updateOptionsContent"],[0,"selectOption","selectOptionHandler"]]]]],["p-52031b5a",[[4,"sdds-table-body",{disableFilteringFunction:[4,"disable-filtering-function"],disableSortingFunction:[4,"disable-sorting-function"],bodyData:[8,"body-data"],enableDummyData:[4,"enable-dummy-data"],dummyData:[32],rowsPerPage:[32],enableMultiselect:[32],enablePaginationTableBody:[32],enableExpandableRows:[32],innerBodyData:[32],bodyDataManipulated:[32],bodyDataOriginal:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],disableAllSorting:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],showNoResultsMessage:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"bodyRowToTable","bodyCheckboxListener"],[16,"tableFilteringTerm","tableFilteringTermListener"]]]]],["p-c311725c",[[1,"sdds-accordion-item",{header:[1],expandIconPosition:[1,"expand-icon-position"],disabled:[4],expanded:[4],paddingReset:[4,"padding-reset"]}]]],["p-2f376504",[[1,"sdds-accordion",{divider:[4],modeVariant:[1,"mode-variant"]}]]],["p-7373284c",[[1,"sdds-badges",{value:[1],isVisible:[4,"is-visible"],isSmall:[4,"is-small"],size:[1],shape:[32],text:[32]}]]],["p-8582d6a7",[[1,"sdds-button",{text:[1],type:[1],variant:[1],size:[1],disabled:[4],fullbleed:[4],onlyIcon:[32]}]]],["p-77aeea3b",[[1,"sdds-datetime",{type:[513],value:[513],disabled:[4],size:[1],noMinWidth:[4,"no-min-width"],name:[1],state:[1],autofocus:[4],focusInput:[32]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-44ced895",[[1,"sdds-header-cell",{columnKey:[513,"column-key"],columnTitle:[513,"column-title"],customWidth:[513,"custom-width"],sortable:[4],textAlign:[513,"text-align"],textAlignState:[32],sortingDirection:[32],sortedByMyKey:[32],disableSortingBtn:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableMultiselect:[32],enableToolbarDesign:[32],tableId:[32],enableExpandableRows:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortingSwitcherEvent","sortingSwitcherEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"enableMultiselectEvent","enableMultiselectEventListener"]]]]],["p-bf896643",[[1,"sdds-inline-tabs",{defaultTab:[1,"default-tab"],autoHeight:[4,"auto-height"],modeVariant:[1,"mode-variant"],tabs:[32],buttonWidth:[32],tabHeight:[32],showLeftScroll:[32],showRightScroll:[32],showTab:[64]}]]],["p-677baf7f",[[1,"sdds-inline-tabs-fullbleed",{modeVariant:[1,"mode-variant"],tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-b01cface",[[1,"sdds-modal",{prevent:[4],size:[1],actions:[1],open:[4],openModal:[64]}]]],["p-d91caec6",[[1,"sdds-navigation-tabs",{tabs:[32],showLeftScroll:[32],showRightScroll:[32]}]]],["p-cf72dfd9",[[1,"sdds-popover-canvas",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-f2f7aa45",[[1,"sdds-popover-menu",{selector:[1],show:[4],placement:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],target:[32]},[[9,"mousedown","handleOutsideClick"]]]]],["p-7451779b",[[0,"sdds-slider",{label:[1],value:[1],min:[1],max:[1],ticks:[1],showTickNumbers:[4,"show-tick-numbers"],tooltip:[4],disabled:[4],readOnly:[4,"read-only"],controls:[4],input:[4],step:[1],name:[1],size:[1],snap:[4],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-040efb32",[[0,"sdds-spinner",{size:[1],variant:[1]}]]],["p-4aba73a3",[[1,"sdds-table",{verticalDividers:[516,"vertical-dividers"],compactDesign:[516,"compact-design"],noMinWidth:[516,"no-min-width"],whiteBackground:[516,"white-background"],enableMultiselect:[516,"enable-multiselect"],enableExpandableRows:[516,"enable-expandable-rows"],enableResponsive:[516,"enable-responsive"],tableId:[1,"table-id"]}]]],["p-f2262a69",[[1,"sdds-table-body-row-expandable",{colSpan:[2,"col-span"],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-96021bd0",[[1,"sdds-table-footer",{enablePagination:[516,"enable-pagination"],rowsPerPage:[514,"rows-per-page"],enableClientPagination:[516,"enable-client-pagination"],clientPaginationValue:[514,"client-pagination-value"],clientMaxPages:[514,"client-max-pages"],clientSetColumnsNumber:[2,"client-set-columns-number"],disablePaginationFunction:[4,"disable-pagination-function"],columnsNumber:[32],numberOfPages:[32],paginationValue:[32],tempPaginationDisable:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"runPaginationEvent","runPaginationEventListener"]]]]],["p-1fe61cf6",[[1,"sdds-table-header",{enableMultiselect:[32],enableExpandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"updateMainCheckboxEvent","updateMainCheckboxEventListener"],[16,"singleRowExpandedEvent","singleRowExpandedEventListener"]]]]],["p-71797eaf",[[1,"sdds-table-toolbar",{tableTitle:[513,"table-title"],enableFiltering:[516,"enable-filtering"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["p-4cb85347",[[0,"sdds-textarea",{label:[1],name:[1],helper:[1],cols:[2],rows:[2],labelPosition:[1,"label-position"],placeholder:[1],value:[1],disabled:[4],readOnly:[4,"read-only"],state:[1],maxLength:[2,"max-length"],modeVariant:[1,"mode-variant"],autoFocus:[4,"auto-focus"],focusInput:[32]}]]],["p-4880f03d",[[4,"sdds-textfield",{type:[513],labelPosition:[1,"label-position"],label:[1],placeholder:[1],value:[513],disabled:[4],readonly:[4],size:[1],modeVariant:[1,"mode-variant"],noMinWidth:[4,"no-min-width"],name:[1],state:[1],maxLength:[2,"max-length"],autofocus:[4],focusInput:[32]}]]],["p-4b58a02c",[[1,"sdds-tooltip",{text:[1],selector:[1],mouseOverTooltip:[4,"mouse-over-tooltip"],show:[1028],placement:[1],target:[32]}]]],["p-a5919930",[[1,"sdds-icon",{name:[513],size:[513],icons_object:[32],arrayOfIcons:[32]}]]],["p-e10eec33",[[1,"sdds-body-cell",{cellValue:[520,"cell-value"],cellKey:[520,"cell-key"],disablePadding:[516,"disable-padding"],textAlignState:[32],activeSorting:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"headCellHoverEvent","headCellHoverEventListener"],[16,"textAlignEvent","textAlignEventListener"]]],[1,"sdds-table-body-row",{enableMultiselect:[32],bodyCheckBoxStatus:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"updateBodyCheckboxesEvent","updateBodyCheckboxesEventListener"]]]]],["p-9d8caf51",[[1,"sdds-dropdown",{placeholder:[1],defaultOption:[1,"default-option"],selectedOption:[1,"selected-option"],disabled:[4],type:[1],size:[1],inline:[4],labelPosition:[1,"label-position"],label:[1],state:[1],helper:[1],openDirection:[1,"open-direction"],optionValues:[32],optionLabels:[32],open:[32],node:[32],selectedLabel:[32],selectedValue:[32],selectedValuesArray:[32],selectedLabelsArray:[32],dropdownUniqueClass:[32],openUpwards:[32],dropdownMenuHeight:[32],dropdownMenuSelector:[32],listItemIndex:[32],listItemArray:[32],resetOption:[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"selectOption","selectOptionHandler"]]],[1,"sdds-dropdown-option",{selected:[4],disabled:[4],value:[513],innerValue:[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]]]]],e)));

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

@@ -1,17 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class AccordionItem {
-  /** The header gives users the context about the additional information available inside the panel */
-  header: string;
-  /** Changes where the expand icon is placed. */
-  expandIconPosition: 'start' | 'end';
-  /** Disabled option in `boolean`. */
-  disabled: boolean;
-  /** Set to true to expand panel open */
-  expanded: boolean;
-  /** When true 16px on right padding instead of 64px */
-  paddingReset: boolean;
-  /** Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion */
-  accordionItemToggle: EventEmitter<boolean>;
-  openAccordion(): void;
-  render(): any;
-}

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

@@ -1,7 +0,0 @@
-export declare class Accordion {
-  /** Enable or disable divider lines between items */
-  divider: boolean;
-  /** Set the variant of the the accordion. */
-  modeVariant: 'primary' | 'secondary';
-  render(): any;
-}

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

@@ -1,77 +0,0 @@
-declare const _default: {
-  title: string;
-  argTypes: {
-    iconPosition: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: {
-        End: string;
-        Start: string;
-      };
-      description: string;
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    paddingReset: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    modeVariant: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-  };
-  parameters: {
-    notes: {
-      Accordion: any;
-      'Accordion item': any;
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  args: {
-    disabled: boolean;
-    paddingReset: boolean;
-    iconPosition: string;
-    modeVariant: string;
-  };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/badge/badge.stories.d.ts

@@ -1,66 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    visible: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    value: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        neq: string;
-      };
-      table: {
-        defaultValue: {
-          summary: any;
-        };
-      };
-    };
-    size: {
-      name: string;
-      description: string;
-      options: {
-        Large: string;
-        Small: string;
-      };
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-  };
-  args: {
-    visible: boolean;
-    size: string;
-    value: number;
-  };
-};
-export default _default;
-export declare const Default: any;
-export declare const WithDemoComponent: any;

package/dist/types/components/badge/badges.d.ts

@@ -1,16 +0,0 @@
-export declare class SddsBadges {
-  /** Value shown in badge */
-  value: string;
-  /** Changes visibility of badge */
-  isVisible: boolean;
-  /** @deprecated Use size prop instead. Changes badge from large to small size */
-  isSmall: boolean;
-  /** Sets component size. */
-  size: 'lg' | 'sm';
-  shape: string;
-  text: string;
-  watchProps(): void;
-  componentWillLoad(): void;
-  checkProps(): void;
-  render(): any;
-}

package/dist/types/components/banner/banner.stories.d.ts

@@ -1,68 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    state: {
-      name: string;
-      description: string;
-      options: string[];
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    header: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    subheader: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    link: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    prefix: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-  };
-  args: {
-    state: string;
-    header: string;
-    subheader: string;
-    link: string;
-    prefix: boolean;
-  };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/block/block.stories.d.ts

@@ -1,31 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    type: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-  };
-  args: {
-    type: string;
-  };
-};
-export default _default;
-export declare const Default: any;

package/dist/types/components/breadcrumb/breadcrumb.stories.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-};
-export default _default;
-export declare const Default: any;

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

@@ -1,15 +0,0 @@
-export declare class SddsButton {
-  /** Text inside a button */
-  text: string;
-  /** Type of button */
-  type: 'primary' | 'secondary' | 'ghost' | 'danger';
-  variant: 'default' | 'variant';
-  size: 'xs' | 'sm' | 'md' | 'lg';
-  /** Control for disabled state of component */
-  disabled: boolean;
-  /** When enabled, makes button take 100% width */
-  fullbleed: boolean;
-  onlyIcon: boolean;
-  componentWillLoad(): void;
-  render(): any;
-}

package/dist/types/components/button/button-native.stories.d.ts

@@ -1,144 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    layout: string;
-    chromatic: {
-      disableSnapshot: boolean;
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    text: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    btnType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    size: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    variant: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    fullbleed: {
-      name: string;
-      defaultValue: boolean;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    disabled: {
-      name: string;
-      type: string;
-      description: string;
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    onlyIcon: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-    icon: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: any[];
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-    iconType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-  };
-  args: {
-    text: string;
-    btnType: string;
-    size: string;
-    variant: string;
-    fullbleed: boolean;
-    disabled: boolean;
-    onlyIcon: boolean;
-    icon: string;
-    iconType: string;
-  };
-};
-export default _default;
-export declare const Native: any;
-export declare const NativeWithIcon: any;
-export declare const NativeOnlyIcon: any;

package/dist/types/components/button/button-webcomponent.stories.d.ts

@@ -1,143 +0,0 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    notes: any;
-    layout: string;
-    chromatic: {
-      disableSnapshot: boolean;
-    };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    text: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    btnType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    size: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-      description: string;
-    };
-    variant: {
-      name: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      description: string;
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    fullbleed: {
-      name: string;
-      type: string;
-      description: string;
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    disabled: {
-      name: string;
-      type: string;
-      description: string;
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    onlyIcon: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-    icon: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: any[];
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-    iconType: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      if: {
-        arg: string;
-        neq: string;
-      };
-    };
-  };
-  args: {
-    text: string;
-    btnType: string;
-    size: string;
-    variant: string;
-    fullbleed: boolean;
-    disabled: boolean;
-    onlyIcon: boolean;
-    icon: string;
-    iconType: string;
-  };
-};
-export default _default;
-/** Button as web component */
-export declare const WebComponent: any;
-export declare const WebComponentWithIcon: any;
-export declare const WebComponentOnlyIcon: any;