@postnord/pn-marketweb-components 2.0.3-beta3 → 2.0.4

package/umd/modules/@postnord/web-components/types/components/input/pn-calendar/pn-calendar.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PnCalendar {
+  hostElement: HTMLElement;
+  /** Event fired when date is changed */
+  daychange: EventEmitter;
+  /** Event fired when the month/year is changed */
+  monthchanged: EventEmitter;
+  /** Event fired when the user selects the same day */
+  sameday: EventEmitter;
+  /** Event fired when the view is changed. */
+  viewchange: EventEmitter;
+  /** Supported languages: "en", "sv", "da", "fi", "no"  */
+  language: string;
+  /** Minimum date in 'yyyy-mm-dd' format */
+  min: string;
+  /** Maximum date in 'yyyy-mm-dd' format */
+  max: string;
+  /** Value could be 0-6 where 0 is sunday */
+  startOfWeek: number;
+  /** Default date value in 'yyyy-mm-dd' format */
+  value: string;
+  /** Set this to true to disable weekends */
+  disableWeekends: boolean;
+  /** Set specific days to be disabled 'yyyy-mm-dd' format separated by comma*/
+  disableDays: string;
+  /** Set the minimum active date. Note: Requires maxActiveDate to be set. */
+  minActiveDate: string;
+  /** Set the maximum active date. Note: Requires minActiveDate to be set. */
+  maxActiveDate: string;
+  /** Default date to draw on load. */
+  defaultDate: string;
+  /** Disable months view. */
+  disableMonthsView: boolean;
+  /** Force display the months view. */
+  monthView: boolean;
+  allDisabledDays: Array<number>;
+  view: string;
+  selectedDate: Date;
+  minDate: Date;
+  maxDate: Date;
+  monthSelection: number;
+  yearSelection: number;
+  currentCalendarDate: Date;
+  calendarContainer: HTMLDivElement;
+  monthElement: HTMLSpanElement;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  componentDidUpdate(): void;
+  _initMinAndMaxDates(): void;
+  parseSelectedDateFromValue(value: any): void;
+  parseDisabledDays(value: string): void;
+  toggleView(): string;
+  changeView(view: any): void;
+  private _drawCalendar;
+  private _drawCalendarMonths;
+  private _dateWithNoHms;
+  private _drawCalendarDays;
+  private _selectMonth;
+  private _selectDate;
+  private _addLeadingZero;
+  private _daysInMonth;
+  private _addOrSubMonthYear;
+  private _previousMonth;
+  private _nextMonth;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-checkbox/pn-checkbox.d.ts

@@ -0,0 +1,19 @@
+export declare class Pncheckbox {
+  /** This will be emitted on change and input, like a native checkbox */
+  value: any;
+  /** The name of the checkbox group */
+  name: string;
+  /** The string you put here will be what you'd make the ID of a native radio button, you can't name props "id" because it's reserved
+   * so we went with the more descriptive name "checkboxid", if you want to create labels for your checkbox, you will bind it to this ID
+   */
+  checkboxid: string;
+  disabled?: boolean;
+  checked?: boolean;
+  indeterminate?: boolean;
+  hostElement: HTMLElement;
+  handlechange(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  checkAndSetIndeterminateState(): void;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-choice-chip/pn-choice-chip.d.ts

@@ -0,0 +1,19 @@
+export declare class Pnchoicechip {
+  /** This will be emitted on change and input */
+  value: any;
+  /** The name of the checkbox group */
+  name?: string;
+  /** The string you put here will be what you'd make the ID of a native checkbox, you can't name props "id" because it's reserved
+   * so we went with the more descriptive name "choice", if you want to create labels for your checkbox, you will bind it to this ID
+   */
+  choiceid: string;
+  disabled?: boolean;
+  checked?: boolean;
+  indeterminate?: boolean;
+  hostElement: HTMLElement;
+  handlechange(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  checkAndSetIndeterminateState(): void;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-date-picker/pn-date-picker.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PndatePicker {
+  hostElement: HTMLElement;
+  /** Event fired when date is changed */
+  datechange: EventEmitter;
+  /** Event fired when the month/year is changed */
+  monthchanged: EventEmitter;
+  /** Event fired when there is data error */
+  dateerror: EventEmitter;
+  /** Supported languages: "en", "sv", "da", "fi", "no"  */
+  language: string;
+  /** Disable the date picker if set to true */
+  disabled: boolean;
+  /** Will fire error event if set to true  */
+  emitErrors: boolean;
+  /** Label of the date picker  */
+  label: string;
+  /** Minimum date in 'yyyy-mm-dd' format */
+  min: string;
+  /** Maximum date in 'yyyy-mm-dd' format */
+  max: string;
+  /** Display red border if set to true */
+  invalid: boolean;
+  /** Set this to true to disable weekends */
+  disableWeekends: boolean;
+  /** Set specific days to be disabled 'yyyy-mm-dd' format separated by comma*/
+  disableDays: string;
+  /** Set this to true to disable direct input in the field */
+  disableInput: boolean;
+  /** Value could be 0-6 where 0 is sunday */
+  startOfWeek: number;
+  /** Will fire datechange event on blur if set to true  */
+  dispatchChangeOnBlur: boolean;
+  /** Set date picker position Ex. "top left", "bottom right" */
+  position: string;
+  /** Default date value in 'yyyy-mm-dd' format */
+  value: string;
+  view: string;
+  selectedDate: Date;
+  minDate: Date;
+  maxDate: Date;
+  monthSelection: number;
+  yearSelection: number;
+  currentCalendarDate: Date;
+  hasValidDate: boolean;
+  inputElement: HTMLInputElement;
+  calendarContainer: HTMLDivElement;
+  monthElement: HTMLSpanElement;
+  isInit: boolean;
+  isOpen: boolean;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  _initMinAndMaxDates(): void;
+  dateChanged(event: any): void;
+  parseSelectedDateFromValue(value: any): void;
+  private _updateClassStates;
+  openDatepicker(): void;
+  closeDatepicker(): void;
+  private _onClickOutside;
+  private _addLeadingZero;
+  private _updateHasInputClass;
+  onMonthChanged(event: CustomEvent): void;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-file-upload/pn-file-upload-error.d.ts

@@ -0,0 +1,6 @@
+export declare class PnFileUploadError<T> extends Error {
+  element: HTMLElement;
+  code: string;
+  data: T;
+  constructor(message: string, element: HTMLElement, code?: string, data?: T);
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-file-upload/pn-file-upload.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { PnUploadFileItem } from "../../../globals/types";
+export declare class PnFileUpload {
+  hostElement: HTMLElement;
+  triggerElements: Array<HTMLElement>;
+  renders: number;
+  filesAdded: EventEmitter;
+  update: EventEmitter;
+  fileuploaderror: EventEmitter;
+  valid: EventEmitter;
+  uploadFile: EventEmitter;
+  uploadCancelled: EventEmitter;
+  uploadCompleted: EventEmitter;
+  disabled: boolean;
+  showSpinner: boolean;
+  accept: string;
+  maxSize: string;
+  limit: number;
+  multiple: boolean;
+  fileInputElement: HTMLInputElement;
+  invalid: boolean;
+  files: Array<PnUploadFileItem>;
+  maxSizeInBytes: number;
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  initMaxBytes(): void;
+  componentDidLoad(): void;
+  private _setDefaultValues;
+  private _initTriggerElements;
+  private _addFilesFromFileList;
+  private _onAddFile;
+  private _onDragOverFile;
+  private _onDragLeaveFile;
+  private _onDropFile;
+  private _validateFileType;
+  private _validateFileSize;
+  private _validateLimit;
+  private _isNotGreaterThanLimit;
+  private _checkValidity;
+  private _createBase64FromFile;
+  private _addFile;
+  private _removeFile;
+  private _emitUpdateEvent;
+  openFileExplorer(event: Event): void;
+  startUpload(): Promise<void>;
+  clearUpload(): Promise<void>;
+  removeFile(targetFile: PnUploadFileItem): Promise<void>;
+  updateFile(file: PnUploadFileItem, index?: any): Promise<void>;
+  private _forceRender;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-input/pn-input.d.ts

@@ -0,0 +1,28 @@
+export declare class Pninput {
+  disabled: boolean;
+  /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */
+  error: string;
+  /** Error state without message (If you want to control the error messaging on your own) */
+  invalid: boolean;
+  /** Text message placed underneath the input field */
+  helpertext: string;
+  /** Text label placed above the input field */
+  label: string;
+  placeholder: string;
+  inputid: string;
+  name: string;
+  required: boolean;
+  type: string;
+  autocomplete: string;
+  valid: boolean;
+  value: string;
+  /** The maximum number of characters the user should be able to add, also adds a visible counter */
+  maxlength: string;
+  getTextMessage(): string;
+  showText: boolean;
+  toggleTextVisibility(): void;
+  getInputType(): string;
+  setVal(e: any): void;
+  getClassNames(): string;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-nav-dropdown/pn-nav-dropdown.d.ts

@@ -0,0 +1,21 @@
+export declare class PnnavDropdown {
+  /** The label on the button */
+  label: string;
+  /** Optional icon in the button */
+  icon: string;
+  open: boolean;
+  position: string;
+  right: boolean;
+  hostElement: HTMLElement;
+  focusableElements: Array<any>;
+  dropdown: HTMLElement;
+  componentDidLoad(): void;
+  openHandler(): void;
+  globalHandler(e: any): void;
+  handleGlobalEvents: any;
+  toggleDropdown(): void;
+  toggleTabOrder(): void;
+  ripple(e: any): void;
+  getClassNames(): string;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-option/pn-option.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PnOption {
+  value: string;
+  selected: boolean;
+  selectHasLoaded: boolean;
+  parentValue: any;
+  checked: boolean;
+  checkbox: boolean;
+  index: string;
+  hostElement: HTMLElement;
+  /** This event is solely here to communicate with pn-select, listen for changes on pn-select rather than here */
+  selectOption: EventEmitter;
+  /** If you have checkboxes on your options and want to bind the value on change, listen for this event on the pn-options themselves */
+  checkchange: EventEmitter;
+  changeHandler(e: any): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  registerEventHandlers(): void;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-radio-button/pn-radio-button.d.ts

@@ -0,0 +1,13 @@
+export declare class PnradioButton {
+  /** This will be emitted on change and input, like a native radio button */
+  value: any;
+  /** The name of the radio button group that will hold this button, like a native radio button */
+  name?: string;
+  /** The string you put here will be what you'd make the ID of a native radio button, you can't name props "id" because it's reserved
+   * so we went with the more descriptive name "radioid", if you want to create labels for your button, you will bind it to this ID
+   */
+  radioid?: string;
+  disabled?: boolean;
+  checked?: boolean;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-range-date-picker/pn-range-date-picker.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PnrangeDatePicker {
+  /** Initialize with a selected start date, optional, defaults to current day */
+  startDate: Date;
+  currentDate: Date;
+  /** Initialize with a selected end date, optional, defaults to null */
+  endDate: Date;
+  /** Only allow a single date and not a range, basic date picker */
+  single: boolean;
+  /** Initialize with a selected year, optional, defaults to current year */
+  year: number;
+  dateselection: EventEmitter;
+  dateSelectionHandler({ detail }: {
+    detail: any;
+  }): void;
+  currentState: string;
+  week: Array<string>;
+  months: Array<string>;
+  machine: {
+    initial: string;
+    states: {
+      idle: {
+        on: {
+          pointerdown: (payload: any) => "idle" | "dragging";
+        };
+      };
+      dragging: {
+        on: {
+          pointerover: (payload: any) => string;
+          pointerdown: () => string;
+          pointercancel: string;
+        };
+      };
+    };
+  };
+  send(payload: object, event: Event): void;
+  componentDidLoad(): void;
+  calculateSelected(year: any, month: any, day: any): "start" | "single" | "between" | "end";
+  daysInMonth(month: any, year: any): number[];
+  calcWeekdayStart(year: any, month: any, day: any): {
+    'grid-column-start': string;
+  };
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-search-field/pn-search-field.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PnSearchField {
+  disabled: boolean;
+  placeholder: string;
+  inputid: string;
+  name: string;
+  autocomplete: string;
+  value: string;
+  /** Label for the button */
+  label: string;
+  /** Loading animation */
+  loading: boolean;
+  /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */
+  button: string;
+  /** Light instead of dark search button */
+  light: boolean;
+  hostElement: HTMLElement;
+  /** This is emitted on search submission both with keyboard and mouse */
+  search: EventEmitter;
+  /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */
+  update: EventEmitter;
+  inputHandler(): void;
+  emitSearch(e: any): void;
+  setVal(e: any): void;
+  clearInput(): void;
+  getClassNames(): string;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-segmented-control/controller/pn-segmented-control.d.ts

@@ -0,0 +1,30 @@
+export declare class PnSegmentedControl {
+  /** This is the name of the radio buttons inside the controller */
+  name: string;
+  /** Currently active segment value */
+  value: string;
+  currentSelection: HTMLElement;
+  showScrollArrows: boolean;
+  showLeftArrow: boolean;
+  showRightArrow: boolean;
+  hostElement: HTMLElement;
+  segmentContainer: HTMLElement;
+  segments: Array<HTMLPnSegmentElement>;
+  activeBg: HTMLElement;
+  hoverBg: HTMLElement;
+  scrollRegistered: boolean;
+  private mo?;
+  changeHandler({ target }: {
+    target: any;
+  }): void;
+  handleResize(): void;
+  selectionHandler(): void;
+  componentDidLoad(): void;
+  setActiveSegment(): void;
+  rerender(): void;
+  calcHighlight(el: HTMLElement, bgEl: HTMLElement): void;
+  scrollArrowRender(): void;
+  scroll(val: any): void;
+  scrollArrowClasses(): string;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-segmented-control/segment/pn-segment.d.ts

@@ -0,0 +1,9 @@
+export declare class PnSegment {
+  segmentid: string;
+  name: string;
+  value: string;
+  selected: boolean;
+  icon: string;
+  hostElement: HTMLElement;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-select/pn-select.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class Pnselect {
+  /** should this select contain a search field? */
+  searchable: boolean;
+  /** label placed above the select */
+  label: string;
+  /** this is what will be shown on load if no child is preselected */
+  placeholder: string;
+  /** pass this if you want a checkbox on the parent, you'll have to pass the same prop to all of your children */
+  checkbox: boolean;
+  /** REQUIRED if you have a checkbox on your select */
+  checkboxid: string;
+  /** determines the status of the checkbox on the parent */
+  checked: boolean;
+  /** determines the status of the checkbox on the parent */
+  indeterminate: boolean;
+  /** error message (this will apply the invalid styles automatically) */
+  error: string;
+  /** Error state without error message (If you want to control the error messaging on your own) */
+  invalid: boolean;
+  value: string;
+  hostElement: HTMLElement;
+  internalValue: string;
+  open: boolean;
+  upwards: boolean;
+  loaded: boolean;
+  /** this will be emitted when the current selection changes */
+  selectchange: EventEmitter;
+  /** this will be emitted when the value of the parent checkbox changes */
+  checkchange: EventEmitter;
+  optionsList: HTMLDivElement;
+  selectEl: HTMLDivElement;
+  selectContent: HTMLDivElement;
+  animatedEls: NodeList;
+  options: Array<HTMLElement>;
+  searchField: HTMLElement;
+  parentCheckbox: HTMLElement;
+  private mo?;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  initialize(): void;
+  changeHandler(e: any): void;
+  selectOptionHandler(e: any): void;
+  stateHandler(): void;
+  globalHandler(e: Event): void;
+  handleGlobalEvents: any;
+  elementInit(): void;
+  setFocusToList(): void;
+  focusNextOption(): void;
+  focusPrevOption(): void;
+  registerEventHandlers(): void;
+  checkOrientation(): void;
+  getRect(el: any): any;
+  flip(layoutChange: any, firstEls: any, getLastEls?: () => any): void;
+  manageOptionVisibility(hiddenItems: any, arr: any): void;
+  hiddenOptions: any[];
+  visibleOptions: any[];
+  searchDebounce: any;
+  filterSearch({ target }: {
+    target: any;
+  }): void;
+  getClassNames(): string;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-toggle-switch/pn-toggle-switch.d.ts

@@ -0,0 +1,13 @@
+export declare class PnToggleSwitch {
+  checked?: boolean;
+  disabled?: boolean;
+  indeterminate?: boolean;
+  /** Required! */
+  toggleid: string;
+  name?: string;
+  hostElement: HTMLElement;
+  componentDidUpdate(): void;
+  componentDidLoad(): void;
+  checkIndeterminateState(): void;
+  render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/navigation/pn-footer/pn-footer.d.ts

@@ -0,0 +1,13 @@
+export declare class PnFooter {
+  market: string;
+  language: string;
+  isLoggedIn: boolean;
+  isBusinessUser: boolean;
+  componentWillLoad(): void;
+  init(): void;
+  getTranslation(keyToMatch: string, languageToMatch: string): any;
+  getUrl(urls: any, marketToMatch: string, languageToMatch: string): any;
+  getDomain(urls: any, marketToMatch: string): any;
+  render(): any;
+  isEmpty(input: string): boolean;
+}

package/umd/modules/@postnord/web-components/types/components/navigation/pn-footer/translations.d.ts

@@ -0,0 +1,44 @@
+export declare const translations: {
+  COOKIES: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+  DO_YOU_HAVE_ANY_QUESTIONS: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+  GET_IN_TOUCH: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+  MORE_INFO_ABOUT_POSTNORD_CAN_BE_FOUND_AT: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+  PRIVACY_POLICY: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+  TERMS_AND_CONDITIONS: {
+    da: string;
+    en: string;
+    fi: string;
+    no: string;
+    sv: string;
+  };
+};

package/umd/modules/@postnord/web-components/types/components/navigation/pn-footer/urls.d.ts

@@ -0,0 +1,86 @@
+export declare const contactUrls: {
+  DK: {
+    default: string;
+    da: string;
+  };
+  FI: {
+    default: string;
+    fi: string;
+  };
+  NO: {
+    default: string;
+    no: string;
+  };
+  SE: {
+    default: string;
+    sv: string;
+  };
+  customerService: string;
+};
+export declare const cookieUrls: {
+  DK: {
+    default: string;
+    da: string;
+  };
+  FI: {
+    default: string;
+    fi: string;
+  };
+  NO: {
+    default: string;
+    no: string;
+  };
+  SE: {
+    default: string;
+    sv: string;
+  };
+};
+export declare const domainUrls: {
+  DK: {
+    default: string;
+    dk: string;
+  };
+  FI: {
+    default: string;
+    fi: string;
+  };
+  NO: {
+    default: string;
+    no: string;
+  };
+  SE: {
+    default: string;
+    se: string;
+  };
+};
+export declare const privacyUrls: {
+  DK: {
+    default: string;
+    da: string;
+  };
+  FI: {
+    default: string;
+    fi: string;
+  };
+  NO: {
+    default: string;
+    no: string;
+  };
+  SE: {
+    default: string;
+    sv: string;
+  };
+};
+export declare const termsandConditionsUrls: {
+  DK: {
+    default: string;
+    da: string;
+  };
+  FI: {
+    default: string;
+    fi: string;
+  };
+  SE: {
+    default: string;
+  };
+};

package/umd/modules/@postnord/web-components/types/components/navigation/pn-tablist/pn-tab.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class PnTab {
+  activeTab: string;
+  label: string;
+  value: string;
+  hostElement: HTMLElement;
+  setactivetab: EventEmitter;
+  setActiveTabHandler(): void;
+  componentDidUpdate(): void;
+  getClassNames(): string;
+  render(): any;
+}