{"version":3,"file":"js/custom/widgets.js","mappings":";;;;;;;;;;AAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB,+BAA+B;AAC/B;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,aAAa;AACb,2BAA2B;AAC3B;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,qBAAqB;AACrD,gCAAgC,oBAAoB;AACpD,+BAA+B;AAC/B,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA,IAAI,IAA6B;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;;;;;UC52GD;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;UEtBA;UACA;UACA;UACA","sources":["webpack://metronic/../demo1/src/js/custom/widgets.js","webpack://metronic/webpack/bootstrap","webpack://metronic/webpack/before-startup","webpack://metronic/webpack/startup","webpack://metronic/webpack/after-startup"],"sourcesContent":["\"use strict\";\r\n\r\n// Class definition\r\nvar KTWidgets = function () {\r\n // Statistics widgets\r\n var initStatisticsWidget3 = function() {\r\n var charts = document.querySelectorAll('.statistics-widget-3-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 45, 32, 70, 40]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 0.3\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: '#E4E6EF',\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 80,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function(val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor],\r\n markers: {\r\n colors: [baseColor],\r\n strokeColor: [lightColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initStatisticsWidget4 = function() {\r\n var charts = document.querySelectorAll('.statistics-widget-4-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [40, 40, 30, 30, 35, 35, 50]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 0.3\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: '#E4E6EF',\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function(val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor],\r\n markers: {\r\n colors: [baseColor],\r\n strokeColor: [lightColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n // Charts widgets\r\n var initChartsWidget1 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_1_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-primary');\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [44, 55, 57, 56, 61, 58]\r\n }, {\r\n name: 'Revenue',\r\n data: [76, 85, 101, 98, 87, 105]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'bar',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: ['30%'],\r\n borderRadius: 4\r\n },\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n show: true,\r\n width: 2,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n opacity: 1\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget2 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_2_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-warning');\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [44, 55, 57, 56, 61, 58]\r\n }, {\r\n name: 'Revenue',\r\n data: [76, 85, 101, 98, 87, 105]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'bar',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: ['30%'],\r\n borderRadius: 4\r\n },\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n show: true,\r\n width: 2,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n opacity: 1\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget3 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_3_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-info');\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-info');\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 40, 40, 90, 90, 70, 70]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: 350,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n position: 'front',\r\n stroke: {\r\n color: baseColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [lightColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n },\r\n markers: {\r\n strokeColor: baseColor,\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget4 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_4_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n\r\n var baseColor = KTUtil.getCssVariableValue('--bs-success');\r\n var baseLightColor = KTUtil.getCssVariableValue('--bs-light-success');\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-warning');\r\n var secondaryLightColor = KTUtil.getCssVariableValue('--bs-light-warning');\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [60, 50, 80, 40, 100, 60]\r\n }, {\r\n name: 'Revenue',\r\n data: [70, 60, 110, 40, 50, 70]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: 350,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth'\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n position: 'front',\r\n stroke: {\r\n color: labelColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n },\r\n markers: {\r\n colors: [baseLightColor, secondaryLightColor],\r\n strokeColor: [baseLightColor, secondaryLightColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget5 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_5_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n\r\n var baseColor = KTUtil.getCssVariableValue('--bs-primary');\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-info');\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [40, 50, 65, 70, 50, 30]\r\n }, {\r\n name: 'Revenue',\r\n data: [-30, -40, -55, -60, -40, -20]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'bar',\r\n stacked: true,\r\n height: 350,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: ['12%'],\r\n borderRadius: [6, 6]\r\n },\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n show: true,\r\n width: 2,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: -80,\r\n max: 80,\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n opacity: 1\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget6 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_6_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n\r\n var baseColor = KTUtil.getCssVariableValue('--bs-primary');\r\n var baseLightColor = KTUtil.getCssVariableValue('--bs-light-primary');\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-info'); \r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n type: 'bar',\r\n stacked: true,\r\n data: [40, 50, 65, 70, 50, 30]\r\n }, {\r\n name: 'Revenue',\r\n type: 'bar',\r\n stacked: true,\r\n data: [20, 20, 25, 30, 30, 20]\r\n }, {\r\n name: 'Expenses',\r\n type: 'area',\r\n data: [50, 80, 60, 90, 50, 70]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n stacked: true,\r\n height: 350,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n stacked: true,\r\n horizontal: false,\r\n borderRadius: 4,\r\n columnWidth: ['12%']\r\n },\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 2,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n max: 120,\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n opacity: 1\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor, baseLightColor],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n },\r\n padding: {\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0\r\n }\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget7 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_7_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n\r\n var color1 = KTUtil.getCssVariableValue('--bs-warning');\r\n var color1Light = KTUtil.getCssVariableValue('--bs-light-warning');\r\n\r\n var color2 = KTUtil.getCssVariableValue('--bs-success');\r\n var color2Light = KTUtil.getCssVariableValue('--bs-light-success');\r\n\r\n var color3 = KTUtil.getCssVariableValue('--bs-primary'); \r\n var color3Light = KTUtil.getCssVariableValue('--bs-light-primary'); \r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 30, 50, 50, 35, 35]\r\n }, {\r\n name: 'Revenue',\r\n data: [55, 20, 20, 20, 70, 70]\r\n }, {\r\n name: 'Expenses',\r\n data: [60, 60, 40, 40, 30, 30]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 2,\r\n colors: [color1, 'transparent', 'transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [color1, color2, color3],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n },\r\n markers: {\r\n colors: [color1Light, color2Light, color3Light],\r\n strokeColor: [color1, color2, color3],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n var initChartsWidget8 = function() {\r\n var element = document.getElementById(\"kt_charts_widget_8_chart\");\r\n\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n\r\n var color1 = KTUtil.getCssVariableValue('--bs-warning');\r\n var color1Light = KTUtil.getCssVariableValue('--bs-light-warning');\r\n\r\n var color2 = KTUtil.getCssVariableValue('--bs-success');\r\n var color2Light = KTUtil.getCssVariableValue('--bs-light-success');\r\n\r\n var color3 = KTUtil.getCssVariableValue('--bs-primary'); \r\n var color3Light = KTUtil.getCssVariableValue('--bs-light-primary'); \r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 30, 50, 50, 35, 35]\r\n }, {\r\n name: 'Revenue',\r\n data: [55, 20, 20, 20, 70, 70]\r\n }, {\r\n name: 'Expenses',\r\n data: [60, 60, 40, 40, 30, 30]\r\n },],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 2,\r\n colors: [color1, color2, color3]\r\n },\r\n xaxis: {\r\n x: 0,\r\n offsetX: 0,\r\n offsetY: 0,\r\n padding: {\r\n left: 0,\r\n right: 0,\r\n top: 0,\r\n },\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n y: 0,\r\n offsetX: 0,\r\n offsetY: 0,\r\n padding: {\r\n left: 0,\r\n right: 0\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [color1Light, color2Light, color3Light],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n padding: {\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0\r\n }\r\n },\r\n markers: {\r\n colors: [color1, color2, color3],\r\n strokeColor: [color1, color2, color3],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }\r\n\r\n // Mixed widgets\r\n var initMixedWidget2 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-2-chart');\r\n\r\n var color;\r\n var strokeColor;\r\n var height;\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var options;\r\n var chart;\r\n\r\n [].slice.call(charts).map(function(element) {\r\n height = parseInt(KTUtil.css(element, 'height'));\r\n color = KTUtil.getCssVariableValue('--bs-' + element.getAttribute(\"data-kt-color\"));\r\n strokeColor = KTUtil.colorDarken(color, 15);\r\n\r\n options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 45, 32, 70, 40, 40, 40]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n },\r\n dropShadow: {\r\n enabled: true,\r\n enabledOnSeries: undefined,\r\n top: 5,\r\n left: 0,\r\n blur: 3,\r\n color: strokeColor,\r\n opacity: 0.5\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 0\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [strokeColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: borderColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 80,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px',\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n },\r\n marker: {\r\n show: false\r\n }\r\n },\r\n colors: ['transparent'],\r\n markers: {\r\n colors: [color],\r\n strokeColor: [strokeColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }); \r\n }\r\n\r\n var initMixedWidget3 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-3-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-300');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 25, 45, 30, 55, 55]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [lightColor],\r\n markers: {\r\n colors: [lightColor],\r\n strokeColor: [baseColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget4 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-4-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-700');\r\n\r\n var options = {\r\n series: [74],\r\n chart: {\r\n fontFamily: 'inherit',\r\n height: height,\r\n type: 'radialBar',\r\n },\r\n plotOptions: {\r\n radialBar: {\r\n hollow: {\r\n margin: 0,\r\n size: \"65%\"\r\n },\r\n dataLabels: {\r\n showOn: \"always\",\r\n name: {\r\n show: false,\r\n fontWeight: '700'\r\n },\r\n value: {\r\n color: labelColor,\r\n fontSize: \"30px\",\r\n fontWeight: '700',\r\n offsetY: 12,\r\n show: true,\r\n formatter: function (val) {\r\n return val + '%';\r\n }\r\n }\r\n },\r\n track: {\r\n background: lightColor,\r\n strokeWidth: '100%'\r\n }\r\n }\r\n },\r\n colors: [baseColor],\r\n stroke: {\r\n lineCap: \"round\",\r\n },\r\n labels: [\"Progress\"]\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget5 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-5-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-300');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 30, 60, 25, 25, 40]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n fill1: {\r\n type: 'gradient',\r\n opacity: 1,\r\n gradient: {\r\n type: \"vertical\",\r\n shadeIntensity: 0.5,\r\n gradientToColors: undefined,\r\n inverseColors: true,\r\n opacityFrom: 1,\r\n opacityTo: 0.375,\r\n stops: [25, 50, 100],\r\n colorStops: []\r\n }\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 65,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [lightColor],\r\n markers: {\r\n colors: [lightColor],\r\n strokeColor: [baseColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget6 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-6-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-300');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color );\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 25, 45, 30, 55, 55]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [lightColor],\r\n markers: {\r\n colors: [lightColor],\r\n strokeColor: [baseColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget7 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-7-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-300');\r\n var baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n var lightColor = KTUtil.getCssVariableValue('--bs-light-' + color);\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [15, 25, 15, 40, 20, 50]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [baseColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [lightColor],\r\n markers: {\r\n colors: [lightColor],\r\n strokeColor: [baseColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget10 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-10-chart');\r\n\r\n var color;\r\n var height;\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var baseLightColor;\r\n var secondaryColor = KTUtil.getCssVariableValue('--bs-gray-300');\r\n var baseColor;\r\n var options;\r\n var chart;\r\n\r\n [].slice.call(charts).map(function(element) {\r\n color = element.getAttribute(\"data-kt-color\");\r\n height = parseInt(KTUtil.css(element, 'height'));\r\n baseColor = KTUtil.getCssVariableValue('--bs-' + color);\r\n\r\n options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [50, 60, 70, 80, 60, 50, 70, 60]\r\n }, {\r\n name: 'Revenue',\r\n data: [50, 60, 70, 80, 60, 50, 70, 60]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'bar',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n }\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: ['50%'],\r\n borderRadius: 4\r\n },\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n show: true,\r\n width: 2,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n y: 0,\r\n offsetX: 0,\r\n offsetY: 0,\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n type: 'solid'\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" revenue\"\r\n }\r\n }\r\n },\r\n colors: [baseColor, secondaryColor],\r\n grid: {\r\n padding: {\r\n top: 10\r\n },\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }); \r\n }\r\n\r\n var initMixedWidget12 = function() {\r\n var charts = document.querySelectorAll('.mixed-widget-12-chart');\r\n\r\n var color;\r\n var strokeColor;\r\n var height;\r\n var labelColor = KTUtil.getCssVariableValue('--bs-gray-500');\r\n var borderColor = KTUtil.getCssVariableValue('--bs-gray-200');\r\n var options;\r\n var chart;\r\n\r\n [].slice.call(charts).map(function(element) { \r\n height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [35, 65, 75, 55, 45, 60, 55]\r\n }, {\r\n name: 'Revenue',\r\n data: [40, 70, 80, 60, 50, 65, 60]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'bar',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n },\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n columnWidth: ['30%'],\r\n borderRadius: 2\r\n }\r\n },\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n stroke: {\r\n show: true,\r\n width: 1,\r\n colors: ['transparent']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 100,\r\n labels: {\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n fill: {\r\n type: ['solid', 'solid'],\r\n opacity: [0.25, 1]\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n },\r\n marker: {\r\n show: false\r\n }\r\n },\r\n colors: ['#ffffff', '#ffffff'],\r\n grid: {\r\n borderColor: borderColor,\r\n strokeDashArray: 4,\r\n yaxis: {\r\n lines: {\r\n show: true\r\n }\r\n },\r\n padding: {\r\n left: 20,\r\n right: 20\r\n }\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render()\r\n }); \r\n } \r\n\r\n var initMixedWidget13 = function() {\r\n var height;\r\n var charts = document.querySelectorAll('.mixed-widget-13-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n \r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-300');\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [15, 25, 15, 40, 20, 50]\r\n }],\r\n grid: {\r\n show: false,\r\n padding: {\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0\r\n }\r\n },\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'gradient',\r\n gradient: { \r\n opacityFrom: 0.4,\r\n opacityTo: 0,\r\n stops: [20, 120, 120, 120]\r\n }\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: ['#FFFFFF']\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: ['#ffffff'],\r\n markers: {\r\n colors: [labelColor],\r\n strokeColor: [strokeColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n }\r\n\r\n var initMixedWidget14 = function() { \t\t\r\n\t\tvar charts = document.querySelectorAll('.mixed-widget-14-chart'); \r\n var options;\r\n var chart;\r\n var height;\r\n\r\n [].slice.call(charts).map(function(element) {\r\n height = parseInt(KTUtil.css(element, 'height')); \r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800'); \r\n\r\n options = {\r\n series: [{\r\n name: 'Inflation',\r\n data: [1, 2.1, 1, 2.1, 4.1, 6.1, 4.1, 4.1, 2.1, 4.1, 2.1, 3.1, 1, 1, 2.1]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n height: height,\r\n type: 'bar',\r\n toolbar: {\r\n show: false\r\n } \r\n },\r\n grid: {\r\n show: false,\r\n padding: {\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0\r\n }\r\n }, \r\n colors: ['#ffffff'], \r\n plotOptions: {\r\n bar: { \r\n borderRadius: 2.5,\r\n dataLabels: {\r\n position: 'top', // top, center, bottom\r\n },\r\n columnWidth: '20%' \r\n }\r\n }, \r\n dataLabels: {\r\n enabled: false,\r\n formatter: function(val) {\r\n return val + \"%\";\r\n },\r\n offsetY: -20,\r\n style: {\r\n fontSize: '12px',\r\n colors: [\"#304758\"]\r\n }\r\n }, \r\n xaxis: {\r\n labels: {\r\n show: false,\r\n },\r\n categories: [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\", \"Jan\", \"Feb\", \"Mar\"],\r\n position: 'top',\r\n axisBorder: {\r\n show: false\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n crosshairs: {\r\n show: false\r\n },\r\n tooltip: {\r\n enabled: false\r\n }\r\n },\r\n yaxis: {\r\n show: false,\r\n axisBorder: {\r\n show: false\r\n },\r\n axisTicks: {\r\n show: false,\r\n background: labelColor\r\n },\r\n labels: {\r\n show: false,\r\n formatter: function(val) {\r\n return val + \"%\";\r\n }\r\n } \r\n }\t\t\r\n };\r\n\r\n chart = new ApexCharts(element, options);\r\n chart.render(); \r\n }); \r\n\t}\r\n \r\n var initMixedWidget16 = function() {\r\n var element = document.getElementById(\"kt_charts_mixed_widget_16_chart\");\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var options = {\r\n labels: [\"Total Members\"],\r\n series: [74],\r\n chart: {\r\n fontFamily: 'inherit',\r\n height: height,\r\n type: 'radialBar',\r\n offsetY: 0\r\n },\r\n plotOptions: {\r\n radialBar: {\r\n startAngle: -90,\r\n endAngle: 90,\r\n\r\n hollow: {\r\n margin: 0,\r\n size: \"70%\"\r\n },\r\n dataLabels: {\r\n showOn: \"always\",\r\n name: {\r\n show: true,\r\n fontSize: \"13px\",\r\n fontWeight: \"700\",\r\n offsetY: -5,\r\n color: KTUtil.getCssVariableValue('--bs-gray-500')\r\n },\r\n value: {\r\n color: KTUtil.getCssVariableValue('--bs-gray-700'),\r\n fontSize: \"30px\",\r\n fontWeight: \"700\",\r\n offsetY: -40,\r\n show: true\r\n }\r\n },\r\n track: {\r\n background: KTUtil.getCssVariableValue('--bs-light-primary'),\r\n strokeWidth: '100%'\r\n }\r\n }\r\n },\r\n colors: [KTUtil.getCssVariableValue('--bs-primary')],\r\n stroke: {\r\n lineCap: \"round\",\r\n } \r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }\r\n\r\n var initMixedWidget17 = function() { \r\n var charts = document.querySelectorAll('.mixed-widget-17-chart');\r\n\r\n [].slice.call(charts).map(function(element) {\r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n var color = element.getAttribute('data-kt-chart-color');\r\n\r\n var options = {\r\n labels: [\"Total Orders\"],\r\n series: [75],\r\n chart: {\r\n fontFamily: 'inherit',\r\n height: height,\r\n type: 'radialBar',\r\n offsetY: 0\r\n },\r\n plotOptions: {\r\n radialBar: {\r\n startAngle: -90,\r\n endAngle: 90,\r\n hollow: {\r\n margin: 0,\r\n size: \"55%\"\r\n },\r\n dataLabels: {\r\n showOn: \"always\",\r\n name: {\r\n show: true,\r\n fontSize: \"12px\",\r\n fontWeight: \"700\",\r\n offsetY: -5,\r\n color: KTUtil.getCssVariableValue('--bs-gray-500')\r\n },\r\n value: {\r\n color: KTUtil.getCssVariableValue('--bs-gray-900'),\r\n fontSize: \"24px\",\r\n fontWeight: \"600\",\r\n offsetY: -40,\r\n show: true,\r\n formatter: function (value) {\r\n return '8,346';\r\n }\r\n }\r\n },\r\n track: {\r\n background: KTUtil.getCssVariableValue('--bs-gray-300'),\r\n strokeWidth: '100%'\r\n }\r\n }\r\n },\r\n colors: [KTUtil.getCssVariableValue('--bs-' + color)],\r\n stroke: {\r\n lineCap: \"round\",\r\n } \r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }); \r\n } \r\n\r\n var initMixedWidget18 = function() {\r\n var element = document.getElementById(\"kt_charts_mixed_widget_18_chart\"); \r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var fillColor = KTApp.isDarkMode() ? KTUtil.getCssVariableValue('--bs-' + 'gray-200') : '#D6D6E0';\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 25, 45, 30, 55, 55]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [strokeColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [fillColor],\r\n markers: {\r\n colors: [fillColor],\r\n strokeColor: [strokeColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }\r\n\r\n var initMixedWidget19 = function() {\r\n var element = document.getElementById(\"kt_charts_mixed_widget_19_chart\"); \r\n var height = parseInt(KTUtil.css(element, 'height'));\r\n\r\n if ( !element ) {\r\n return;\r\n }\r\n\r\n var labelColor = KTUtil.getCssVariableValue('--bs-' + 'gray-800');\r\n var strokeColor = KTUtil.getCssVariableValue('--bs-' + 'info');\r\n var fillColor = KTUtil.getCssVariableValue('--bs-light-info')\r\n\r\n var options = {\r\n series: [{\r\n name: 'Net Profit',\r\n data: [30, 25, 45, 30, 55, 55]\r\n }],\r\n chart: {\r\n fontFamily: 'inherit',\r\n type: 'area',\r\n height: height,\r\n toolbar: {\r\n show: false\r\n },\r\n zoom: {\r\n enabled: false\r\n },\r\n sparkline: {\r\n enabled: true\r\n }\r\n },\r\n plotOptions: {},\r\n legend: {\r\n show: false\r\n },\r\n dataLabels: {\r\n enabled: false\r\n },\r\n fill: {\r\n type: 'solid',\r\n opacity: 1\r\n },\r\n stroke: {\r\n curve: 'smooth',\r\n show: true,\r\n width: 3,\r\n colors: [strokeColor]\r\n },\r\n xaxis: {\r\n categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],\r\n axisBorder: {\r\n show: false,\r\n },\r\n axisTicks: {\r\n show: false\r\n },\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n },\r\n crosshairs: {\r\n show: false,\r\n position: 'front',\r\n stroke: {\r\n color: strokeColor,\r\n width: 1,\r\n dashArray: 3\r\n }\r\n },\r\n tooltip: {\r\n enabled: true,\r\n formatter: undefined,\r\n offsetY: 0,\r\n style: {\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n yaxis: {\r\n min: 0,\r\n max: 60,\r\n labels: {\r\n show: false,\r\n style: {\r\n colors: labelColor,\r\n fontSize: '12px'\r\n }\r\n }\r\n },\r\n states: {\r\n normal: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n hover: {\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n },\r\n active: {\r\n allowMultipleDataPointsSelection: false,\r\n filter: {\r\n type: 'none',\r\n value: 0\r\n }\r\n }\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: '12px'\r\n },\r\n y: {\r\n formatter: function (val) {\r\n return \"$\" + val + \" thousands\"\r\n }\r\n }\r\n },\r\n colors: [fillColor],\r\n markers: {\r\n colors: [fillColor],\r\n strokeColor: [strokeColor],\r\n strokeWidth: 3\r\n }\r\n };\r\n\r\n var chart = new ApexCharts(element, options);\r\n chart.render();\r\n }\r\n\r\n // Feeds Widgets\r\n var initFeedWidget1 = function() {\r\n var formEl = document.querySelector(\"#kt_forms_widget_1_form\");\r\n var editorId = 'kt_forms_widget_1_editor';\r\n\r\n if ( !formEl ) {\r\n return;\r\n }\r\n\r\n // init editor\r\n var options = {\r\n modules: {\r\n toolbar: {\r\n container: \"#kt_forms_widget_1_editor_toolbar\"\r\n }\r\n },\r\n placeholder: 'What is on your mind ?',\r\n theme: 'snow'\r\n };\r\n\r\n if (!formEl) {\r\n return;\r\n }\r\n\r\n // Init editor\r\n var editorObj = new Quill('#' + editorId, options);\r\n }\r\n\r\n var initFeedsWidget4 = function() {\r\n var btn = document.querySelector('#kt_widget_5_load_more_btn');\r\n var widget5 = document.querySelector('#kt_widget_5'); \r\n\r\n if (btn) {\r\n btn.addEventListener('click', function(e){\r\n e.preventDefault();\r\n btn.setAttribute('data-kt-indicator', 'on');\r\n\r\n setTimeout(function() {\r\n btn.removeAttribute('data-kt-indicator');\r\n widget5.classList.remove('d-none'); \r\n btn.classList.add('d-none'); \r\n \r\n KTUtil.scrollTo(widget5, 200);\r\n }, 2000); \r\n });\r\n } \r\n } \r\n\r\n // Follow button\r\n var initUserFollowButton = function() {\r\n var follow = document.querySelector('#kt_user_follow_button');\r\n\r\n if (follow) {\r\n follow.addEventListener('click', function(e){\r\n // Prevent default action \r\n e.preventDefault();\r\n \r\n // Show indicator\r\n follow.setAttribute('data-kt-indicator', 'on');\r\n \r\n // Disable button to avoid multiple click \r\n\t\t\t\tfollow.disabled = true;\r\n\r\n // Check button state\r\n if (follow.classList.contains(\"btn-success\")) {\r\n setTimeout(function() {\r\n follow.removeAttribute('data-kt-indicator');\r\n follow.classList.remove(\"btn-success\");\r\n follow.classList.add(\"btn-light\");\r\n follow.querySelector(\".svg-icon\").classList.add(\"d-none\");\r\n follow.querySelector(\".indicator-label\").innerHTML = 'Follow';\r\n\t\t\t\t follow.disabled = false;\r\n }, 1500); \r\n } else {\r\n setTimeout(function() {\r\n follow.removeAttribute('data-kt-indicator');\r\n follow.classList.add(\"btn-success\");\r\n follow.classList.remove(\"btn-light\");\r\n follow.querySelector(\".svg-icon\").classList.remove(\"d-none\");\r\n follow.querySelector(\".indicator-label\").innerHTML = 'Following';\r\n follow.disabled = false;\r\n }, 1000); \r\n } \r\n });\r\n } \r\n }\r\n\r\n // Calendar\r\n var initCalendarWidget1 = function() {\r\n if (typeof FullCalendar === 'undefined' || !document.querySelector('#kt_calendar_widget_1')) {\r\n return;\r\n }\r\n\r\n var todayDate = moment().startOf('day');\r\n var YM = todayDate.format('YYYY-MM');\r\n var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');\r\n var TODAY = todayDate.format('YYYY-MM-DD');\r\n var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');\r\n\r\n var calendarEl = document.getElementById('kt_calendar_widget_1');\r\n var calendar = new FullCalendar.Calendar(calendarEl, {\r\n headerToolbar: {\r\n left: 'prev,next today',\r\n center: 'title',\r\n right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'\r\n },\r\n\r\n height: 800,\r\n contentHeight: 780,\r\n aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio\r\n\r\n nowIndicator: true,\r\n now: TODAY + 'T09:25:00', // just for demo\r\n\r\n views: {\r\n dayGridMonth: { buttonText: 'month' },\r\n timeGridWeek: { buttonText: 'week' },\r\n timeGridDay: { buttonText: 'day' }\r\n },\r\n\r\n initialView: 'dayGridMonth',\r\n initialDate: TODAY,\r\n\r\n editable: true,\r\n dayMaxEvents: true, // allow \"more\" link when too many events\r\n navLinks: true,\r\n events: [\r\n {\r\n title: 'All Day Event',\r\n start: YM + '-01',\r\n description: 'Toto lorem ipsum dolor sit incid idunt ut',\r\n className: \"fc-event-danger fc-event-solid-warning\"\r\n },\r\n {\r\n title: 'Reporting',\r\n start: YM + '-14T13:30:00',\r\n description: 'Lorem ipsum dolor incid idunt ut labore',\r\n end: YM + '-14',\r\n className: \"fc-event-success\"\r\n },\r\n {\r\n title: 'Company Trip',\r\n start: YM + '-02',\r\n description: 'Lorem ipsum dolor sit tempor incid',\r\n end: YM + '-03',\r\n className: \"fc-event-primary\"\r\n },\r\n {\r\n title: 'ICT Expo 2017 - Product Release',\r\n start: YM + '-03',\r\n description: 'Lorem ipsum dolor sit tempor inci',\r\n end: YM + '-05',\r\n className: \"fc-event-light fc-event-solid-primary\"\r\n },\r\n {\r\n title: 'Dinner',\r\n start: YM + '-12',\r\n description: 'Lorem ipsum dolor sit amet, conse ctetur',\r\n end: YM + '-10'\r\n },\r\n {\r\n id: 999,\r\n title: 'Repeating Event',\r\n start: YM + '-09T16:00:00',\r\n description: 'Lorem ipsum dolor sit ncididunt ut labore',\r\n className: \"fc-event-danger\"\r\n },\r\n {\r\n id: 1000,\r\n title: 'Repeating Event',\r\n description: 'Lorem ipsum dolor sit amet, labore',\r\n start: YM + '-16T16:00:00'\r\n },\r\n {\r\n title: 'Conference',\r\n start: YESTERDAY,\r\n end: TOMORROW,\r\n description: 'Lorem ipsum dolor eius mod tempor labore',\r\n className: \"fc-event-primary\"\r\n },\r\n {\r\n title: 'Meeting',\r\n start: TODAY + 'T10:30:00',\r\n end: TODAY + 'T12:30:00',\r\n description: 'Lorem ipsum dolor eiu idunt ut labore'\r\n },\r\n {\r\n title: 'Lunch',\r\n start: TODAY + 'T12:00:00',\r\n className: \"fc-event-info\",\r\n description: 'Lorem ipsum dolor sit amet, ut labore'\r\n },\r\n {\r\n title: 'Meeting',\r\n start: TODAY + 'T14:30:00',\r\n className: \"fc-event-warning\",\r\n description: 'Lorem ipsum conse ctetur adipi scing'\r\n },\r\n {\r\n title: 'Happy Hour',\r\n start: TODAY + 'T17:30:00',\r\n className: \"fc-event-info\",\r\n description: 'Lorem ipsum dolor sit amet, conse ctetur'\r\n },\r\n {\r\n title: 'Dinner',\r\n start: TOMORROW + 'T05:00:00',\r\n className: \"fc-event-solid-danger fc-event-light\",\r\n description: 'Lorem ipsum dolor sit ctetur adipi scing'\r\n },\r\n {\r\n title: 'Birthday Party',\r\n start: TOMORROW + 'T07:00:00',\r\n className: \"fc-event-primary\",\r\n description: 'Lorem ipsum dolor sit amet, scing'\r\n },\r\n {\r\n title: 'Click for Google',\r\n url: 'http://google.com/',\r\n start: YM + '-28',\r\n className: \"fc-event-solid-info fc-event-light\",\r\n description: 'Lorem ipsum dolor sit amet, labore'\r\n }\r\n ]\r\n });\r\n\r\n calendar.render();\r\n }\r\n\r\n // Daterangepicker\r\n var initDaterangepicker = function () {\r\n if (!document.querySelector('#kt_dashboard_daterangepicker')) {\r\n return;\r\n }\r\n\r\n var picker = $('#kt_dashboard_daterangepicker');\r\n var start = moment();\r\n var end = moment();\r\n\r\n function cb(start, end, label) {\r\n var title = '';\r\n var range = '';\r\n\r\n if ((end - start) < 100 || label == 'Today') {\r\n title = 'Today:';\r\n range = start.format('MMM D');\r\n } else if (label == 'Yesterday') {\r\n title = 'Yesterday:';\r\n range = start.format('MMM D');\r\n } else {\r\n range = start.format('MMM D') + ' - ' + end.format('MMM D');\r\n }\r\n\r\n $('#kt_dashboard_daterangepicker_date').html(range);\r\n $('#kt_dashboard_daterangepicker_title').html(title);\r\n }\r\n\r\n picker.daterangepicker({\r\n direction: KTUtil.isRTL(),\r\n startDate: start,\r\n endDate: end,\r\n opens: 'left',\r\n applyClass: 'btn-primary',\r\n cancelClass: 'btn-light-primary',\r\n ranges: {\r\n 'Today': [moment(), moment()],\r\n 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],\r\n 'Last 7 Days': [moment().subtract(6, 'days'), moment()],\r\n 'Last 30 Days': [moment().subtract(29, 'days'), moment()],\r\n 'This Month': [moment().startOf('month'), moment().endOf('month')],\r\n 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]\r\n }\r\n }, cb);\r\n\r\n cb(start, end, '');\r\n } \r\n\r\n // Dark mode toggler\r\n var initDarkModeToggle = function() {\r\n var toggle = document.querySelector('#kt_user_menu_dark_mode_toggle');\r\n \r\n if (toggle) {\r\n toggle.addEventListener('click', function() {\r\n window.location.href = this.getAttribute('data-kt-url');\r\n });\r\n }\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function () {\r\n // Daterangepicker\r\n initDaterangepicker();\r\n \r\n // Dark Mode\r\n initDarkModeToggle();\r\n\r\n // Statistics widgets\r\n initStatisticsWidget3();\r\n initStatisticsWidget4(); \r\n\r\n // Charts widgets\r\n initChartsWidget1();\r\n initChartsWidget2();\r\n initChartsWidget3();\r\n initChartsWidget4();\r\n initChartsWidget5();\r\n initChartsWidget6();\r\n initChartsWidget7();\r\n initChartsWidget8();\r\n\r\n // Mixed widgets\r\n initMixedWidget2();\r\n initMixedWidget3();\r\n initMixedWidget4();\r\n initMixedWidget5();\r\n initMixedWidget6();\r\n initMixedWidget7();\r\n initMixedWidget10(); \r\n initMixedWidget12();\r\n initMixedWidget13(); \r\n initMixedWidget14();\r\n initMixedWidget16();\r\n initMixedWidget17();\r\n initMixedWidget18();\r\n initMixedWidget19();\r\n\r\n // Feeds\r\n initFeedWidget1();\r\n initFeedsWidget4();\r\n\r\n // Follow button\r\n initUserFollowButton();\r\n\r\n // Calendar\r\n initCalendarWidget1(); \r\n } \r\n }\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n module.exports = KTWidgets;\r\n}\r\n\r\n// On document ready\r\nKTUtil.onDOMContentLoaded(function() {\r\n KTWidgets.init();\r\n});\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"../demo1/src/js/custom/widgets.js\");\n",""],"names":[],"sourceRoot":""}