at-builder 1.0.11 → 1.1.1

package/.globals/css/base/common.scss

@@ -1,184 +0,0 @@
-.ellipse {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.margin-0 {
-  margin: 0 !important;
-}
-.arrow-down {
-  border: solid $gs-23;
-  display: inline-block;
-  border-width: 0 3px 3px 0;
-  padding: 3px;
-  transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-}
-.arrow-up {
-  border: 1px solid $gs-23;
-  display: inline-block;
-  border-width: 3px 3px 0 0;
-  padding: 3px;
-  transform: rotate(45deg);
-  -webkit-transform: rotate(-45deg);
-}
-.disp-inline {
-  display: inline-block;
-}
-.cursor-pointer {
-  cursor: pointer !important;
-}
-.form-heading {
-  @include font-size(160%);
-}
-.visuallyhidden {
-  position: absolute;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  width: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-}
-.custom-button {
-  @include margin($top: 10px, $bottom: 10px);
-  display: inline-block;
-  cursor: pointer;
-  border: none;
-  position: relative;
-}
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-.clearfix:after {
-  content: " ";
-  clear: both;
-  display: block;
-}
-
-/********************/
-/*** Margins ******/
-
-.margin-left-5 {
-  margin-left: 5px;
-}
-.margin-right-5 {
-  margin-right: 5px;
-}
-.margin-top-5 {
-  margin-top: 5px;
-}
-.margin-bottom-5 {
-  margin-bottom: 5px;
-}
-.margin-top-0 {
-  margin-top: 0 !important;
-}
-
-.margin-left-10 {
-  margin-left: 10px;
-}
-.margin-right-10 {
-  margin-right: 10px;
-}
-.margin-top-10 {
-  margin-top: 10px;
-}
-.margin-bottom-10 {
-  margin-bottom: 10px;
-}
-
-.margin-left-15 {
-  margin-left: 15px;
-}
-.margin-right-15 {
-  margin-right: 15px;
-}
-.margin-top-15 {
-  margin-top: 15px;
-}
-.margin-bottom-15 {
-  margin-bottom: 15px;
-}
-
-.margin-left-20 {
-  margin-left: 20px;
-}
-.margin-right-20 {
-  margin-right: 20px;
-}
-.margin-top-20 {
-  margin-top: 20px;
-}
-.margin-bottom-20 {
-  margin-bottom: 20px;
-}
-.margin-left-0 {
-  margin-left: 0px !important;
-}
-
-/********************/
-/*** Padding ******/
-.padding-5 {
-  padding: 5px;
-}
-.padding-10 {
-  padding: 10px;
-}
-.padding-15 {
-  padding: 15px;
-}
-.padding-20 {
-  padding: 20px;
-}
-
-/********************/
-/*** Font ******/
-.font-12 {
-  font-size: 60%;
-}
-.font-13 {
-  font-size: 65%;
-}
-.font-14 {
-  font-size: 70%;
-}
-.font-16 {
-  font-size: 80%;
-}
-
-.font-18 {
-  font-size: 90%;
-}
-.font-20 {
-  font-size: 100%;
-}
-.font-500 {
-  font-weight: 500;
-}
-
-/********************/
-/*** Text and container alignment ******/
-.pull-left {
-  float: left;
-}
-.pull-right {
-  float: right;
-}
-.text-left {
-  text-align: left;
-}
-.text-right {
-  text-align: right;
-}
-.text-center {
-  text-align: center;
-}
-
-.disp-none {
-  display: none;
-}

package/.globals/css/components/spinner.scss

@@ -1,95 +0,0 @@
-@keyframes ldio-5kpfc1it8w6 {
-    0% { opacity: 1 }
-    100% { opacity: 0 }
-  }
-
-  .loading-spinner {
-    width: 56px;
-    height: 56px;
-    display: inline-block;
-    overflow: hidden;
-    background: none;
-  
-  .spinner-circle {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    transform: translateZ(0) scale(0.56);
-    backface-visibility: hidden;
-    transform-origin: 0 0; /* see note above */
-    div {
-        box-sizing: content-box; 
-        left: 47px;
-        top: 24px;
-        position: absolute;
-        animation: ldio-5kpfc1it8w6 linear 1s infinite;
-        background: #3c3738;
-        width: 6px;
-        height: 12px;
-        border-radius: 3px / 6px;
-        transform-origin: 3px 26px;
-
-        &:nth-child(1){
-            transform: rotate(0deg);
-            animation-delay: -0.9166666666666666s;
-            background: #3c3738;
-        }
-        &:nth-child(2){
-            transform: rotate(30deg);
-            animation-delay: -0.8333333333333334s;
-            background: #3c3738;
-        }
-        &:nth-child(3){
-            transform: rotate(60deg);
-            animation-delay: -0.75s;
-            background: #3c3738;
-        }
-        &:nth-child(4){
-            transform: rotate(90deg);
-            animation-delay: -0.6666666666666666s;
-            background: #3c3738;
-        }
-        &:nth-child(5){
-            transform: rotate(120deg);
-            animation-delay: -0.5833333333333334s;
-            background: #3c3738;
-        }
-        &:nth-child(6){
-            transform: rotate(150deg);
-            animation-delay: -0.5s;
-            background: #3c3738;
-        }
-        &:nth-child(7){
-            transform: rotate(180deg);
-            animation-delay: -0.4166666666666667s;
-            background: #3c3738;
-        }
-        &:nth-child(8){
-            transform: rotate(210deg);
-            animation-delay: -0.3333333333333333s;
-            background: #3c3738;
-        }
-        &:nth-child(9){
-            transform: rotate(240deg);
-            animation-delay: -0.25s;
-            background: #3c3738;
-        }
-        &:nth-child(10){
-            transform: rotate(270deg);
-            animation-delay: -0.16666666666666666s;
-            background: #3c3738;
-        }
-        &:nth-child(11){
-            transform: rotate(300deg);
-            animation-delay: -0.08333333333333333s;
-            background: #3c3738;
-        }
-        &:nth-child(12){
-            transform: rotate(330deg);
-            animation-delay: 0s;
-            background: #3c3738;
-        }
-      }
-  }
-
-}

package/.globals/services/analyticsHelper/index.ts

@@ -1,82 +0,0 @@
-import { triggerAnalytics, trim } from "../utility";
-import { AnalyticsConfig, SelectorType } from "./types";
-
-/**
- * Method to setup analytics trigger points
- */
-const AnalyticsHandler = (function AnalyticsHandler(window) {
-    // Stores config data to trigger analytics
-    let configData: AnalyticsConfig[];
-    let events: Array<string>;
-
-    const trigger = (config: AnalyticsConfig, target: HTMLElement) => {
-        if (config?.customValidator) {
-            let isValidated = config.customValidator(target);
-            if (!isValidated) {
-                return;
-            }
-        }
-        triggerAnalytics(config.linkName);
-        if (!!config.once) {
-            config.triggered = true;
-        }
-    }
-
-    const attachHandler = (eventType: string, capturing: boolean = false) => {
-        document.addEventListener(eventType, (event: any) => {
-            console.log("logger running");
-            let target: HTMLElement = event.target;
-            let events = configData.filter(e => e.eventType === eventType && !!e.capturing === capturing);
-            events.forEach(config => {
-                if (!(!!config.once && config.triggered === true)) {
-                    if (config.selectorType) {
-                        switch (config.selectorType) {
-                            case SelectorType.Attr:
-                                let attribute = target.getAttribute(config.selector)
-                                if (attribute === config.attrValue) {
-                                    trigger(config, target);
-                                }
-                                break;
-                            case SelectorType.Class:
-                                let classes: any = trim(config.className);
-                                let classesArray = classes.split(",");
-                                if(classes.length){
-                                    if (classesArray.length > 0) {
-                                        // Trim and remove null || undefined
-                                        let finalClassListArray: Array<string> = classesArray.map((e: string) => trim(e)).filter((e: string) => !!e);
-                                        let isMatched = finalClassListArray.every((cls: string) => {
-                                            return target.classList.contains(cls);
-                                        });
-                                        if (isMatched) {
-                                            trigger(config, target);
-                                        }
-                                    } else {
-                                        if (target.classList.contains(classes)) {
-                                            trigger(config, target);
-                                        }
-                                    }
-                                }
-                                break;
-                            case SelectorType.ID:
-                                if (target?.id === config.id || target.closest('#'+config.id)) {
-                                    trigger(config, target);
-                                }
-                                break;
-                            
-                        }
-                    } else {
-                        // Overload condition by callback passed from outside config.customHandler
-                    }
-                }
-            });
-        }, capturing);
-    }
-    return function (config: AnalyticsConfig[]) {
-        configData = config;
-        events = config.map(e => e.eventType);
-        events = events.filter((x, i, a) => a.indexOf(x) === i)
-        events.forEach(event => attachHandler(event, false));
-    }
-})(window);
-
-export default AnalyticsHandler;

package/.globals/services/analyticsHelper/types.ts

@@ -1,31 +0,0 @@
-
-export enum SelectorType {
-    Attr = "attr",
-    ID = "id",
-    Class = "class",
-    Element = "element"
-};
-
-export interface CustomValidator {
-    (element: HTMLElement): boolean;
-}
-
-export type AnalyticsConfig = {
-    selector: string;
-    selectorType: SelectorType;
-    attrValue?: string;
-    eventType: string;
-    linkName: string;
-    once?: boolean;
-    triggered?: boolean;
-    capturing?: boolean;
-    callback?: Function;
-    customValidator?: CustomValidator;
-    id?:string;
-    className?:string;
-}
-
-const DefaultConfig = {
-    once: false,
-    capturing: false
-}

package/.globals/services/domHandler.js

@@ -1,36 +0,0 @@
-export class GetDOMElement {
-
-    constructor(elTag, ...classList) {
-        this.tagname = elTag;
-        this.classList = classList;
-        this.el = document.createElement(this.tagname);
-        //eslint-disable-next-line
-        for (let className of this.classList) {
-            this.el.classList.add(className);
-        }
-    }
-
-    getElement() {
-        return this.el;
-    }
-
-    appendChildEl(...element) {
-        //eslint-disable-next-line
-        for (let item of element) {
-            this.el.appendChild(item);
-        }
-        //this.el.appendChild(el);
-    }
-
-    setInnerText(text) {
-        this.el.innerText = text;
-    }
-
-    addEventListenerEl(eventType, cb, capture = false) {
-        this.el.addEventListener(eventType, cb, capture);
-    }
-
-    setInnerHtml(html) {
-        this.el.innerHTML = html;
-    }
-}

package/.globals/services/logger.js

@@ -1,55 +0,0 @@
-export const logger = {
-    MAX_RECORDS: 2000,
-    // "debug"
-    log: function (tag, msg, ...rest) {
-        this._log("l", msg, tag, rest);
-    },
-    // "info"
-    info: function (tag, msg, ...rest) {
-        this._log("i", msg, tag, rest);
-    },
-    // "warn"
-    warn: function (tag, msg, ...rest) {
-        this._log("w", msg, tag, rest);
-    },
-    // "error"
-    error: function (tag, msg, ...rest) {
-        this._log("e", msg, tag, rest);
-    },
-    _log: function (level, msg, tag, ...rest) {
-        if (rest.length) {
-            msg = msg + " " + rest.join("\n")
-        }
-        let record;
-        tag = tag || null;
-        record = (
-            (tag != null) ? "[" + tag + "] " + msg : msg
-        );
-        const time = (new Date).toLocaleDateString() + " " + (new Date).toLocaleTimeString();
-        record = time + " " + record;
-        switch (level) {
-            case "l":
-                console.log(record);
-                break;
-            case "i":
-                console.info(record);
-                break;
-            case "w":
-                console.warn(record);
-                break;
-            case "e":
-                console.error(record);
-                break;
-        }
-        window.ddoLogs = window.ddoLogs || [];
-        const storageSize = window.ddoLogs.length;
-        const exceeding = (logger.MAX_RECORDS - storageSize) * -1;
-        if (exceeding > 0) {
-            window.ddoLogs = window.ddoLogs.slice(exceeding);
-        }
-        window.ddoLogs.push({
-            'level': level,
-            'record': record
-        });
-    }
-};

package/.globals/services/observer.js

@@ -1,46 +0,0 @@
-/**
- * Mutation observer wrapper with helper functions
- */
-export class Observer {
-    constructor(config) {
-        this.config = config || {
-            childlist: true,
-            subtree: true,
-            attributes: true
-        }
-    }
-
-    setObserver(cb) {
-        const mt = new MutationObserver(cb);
-        if (window.NodeList && !NodeList.prototype.forEach) {
-            NodeList.prototype.forEach = Array.prototype.forEach;
-        }
-        mt.observe(document.body, this.config);
-        return mt;
-    }
-
-    waitForPresenceOfElement(elementSelector, timeout = null) {
-        let watchElement = document.querySelector(elementSelector);
-        if (watchElement) {
-            return new Promise((resolve) => { resolve(watchElement) });
-        } else {
-            let isFullFilled = false;
-            return new Promise((resolve, reject) => {
-                let observer = this.setObserver((_, observer) => {
-                    let watchElement = document.querySelector(elementSelector);
-                    if (watchElement) {
-                        isFullFilled = true;
-                        resolve(watchElement);
-                        observer.disconnect();
-                    }
-                });
-                if (timeout) {
-                    setTimeout(() => {
-                        observer.disconnect();
-                        reject("Observer timeout error.");
-                    }, timeout);
-                }
-            });
-        }
-    }
-}

package/.globals/services/prebuiltEventHandler.js

@@ -1,24 +0,0 @@
-
-/**
- * 
- * @param {*} callback 
- * @param {*} capturing 
- */
-export const setupChangeHandler = (callback, capturing = false) => {
-    document.addEventListener("change", callback, capturing);
-}
-
-/**
- * 
- * @param {*} callback 
- */
-export const setupShipmentCancelHandler = (callback) => {
-    document.addEventListener("click", (event) => {
-        if (event.target.id === "nbsCancelShipmentWarningYes" ||
-            event.target.id == "nbsButtonDrawer4") {
-            if (typeof callback === "function") {
-                callback();
-            }
-        }
-    }, true);
-}