├── README.md
├── 05_SPA_POS
    ├── assests
    │   ├── img
    │   │   └── load.gif
    │   ├── css
    │   │   ├── styles.css
    │   │   ├── bootstrap-reboot.min.css
    │   │   ├── bootstrap-reboot.css
    │   │   ├── bootstrap-reboot.min.css.map
    │   │   └── bootstrap-grid.min.css
    │   └── js
    │   │   └── bootstrap.min.js
    ├── db
    │   └── Database.js
    ├── 05_SPA_POS.iml
    ├── dto
    │   └── CustomerDTO.js
    ├── controller
    │   ├── DashboardController.js
    │   └── CustomerController.js
    └── index.html
├── 01_Core
    ├── assests
    │   └── js
    │   │   └── my_script.js
    ├── 01_Core.iml
    ├── index.html
    └── index1.html
├── 02_DOM_Manipulation
    ├── assests
    │   └── img
    │   │   └── image.jpg
    ├── 02_DOM_Manipulation.iml
    └── index.html
├── .idea
    ├── misc.xml
    ├── vcs.xml
    ├── .gitignore
    ├── modules.xml
    └── inspectionProfiles
    │   └── Project_Default.xml
├── Java_Script_Demo.iml
├── 06_JS-Events
    ├── 06_JS-Events.iml
    ├── index.html
    └── index2.html
├── 04_Traversing
    ├── 04_Traversing.iml
    └── index.html
└── 03_DOM_ManipulationWithjQuery
    ├── 03_DOM_ManipulationWithjQuery.iml
    └── index.html


/README.md:
--------------------------------------------------------------------------------
1 | "# Java-Script-Demo" 
2 | 


--------------------------------------------------------------------------------
/05_SPA_POS/assests/img/load.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mindula-Dilthushan/Java-Script-Demo/HEAD/05_SPA_POS/assests/img/load.gif


--------------------------------------------------------------------------------
/01_Core/assests/js/my_script.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * @author : Sanu Vithanage
3 |  * @since : 0.0.1
4 |  **/
5 | 
6 | 
7 | alert("Hello Im from Sri Lanka");
8 | 


--------------------------------------------------------------------------------
/02_DOM_Manipulation/assests/img/image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mindula-Dilthushan/Java-Script-Demo/HEAD/02_DOM_Manipulation/assests/img/image.jpg


--------------------------------------------------------------------------------
/05_SPA_POS/db/Database.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * @author : Sanu Vithanage
3 |  * @since : 0.0.1
4 |  **/
5 | 
6 | var customerDB= new Array();
7 | var itemDB=new Array();
8 | 


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectRootManager">
4 |     <output url="file://$PROJECT_DIR$/out" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Datasource local storage ignored files
5 | /../../../../:\MyWorksSpace\Java_Script_Demo\.idea/dataSources/
6 | /dataSources.local.xml
7 | # Editor-based HTTP Client requests
8 | /httpRequests/
9 | 


--------------------------------------------------------------------------------
/01_Core/01_Core.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/Java_Script_Demo.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/05_SPA_POS/05_SPA_POS.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/06_JS-Events/06_JS-Events.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/04_Traversing/04_Traversing.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/02_DOM_Manipulation/02_DOM_Manipulation.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/03_DOM_ManipulationWithjQuery/03_DOM_ManipulationWithjQuery.iml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <module type="WEB_MODULE" version="4">
3 |   <component name="NewModuleRootManager" inherit-compiler-output="true">
4 |     <exclude-output />
5 |     <content url="file://$MODULE_DIR$" />
6 |     <orderEntry type="sourceFolder" forTests="false" />
7 |   </component>
8 | </module>


--------------------------------------------------------------------------------
/05_SPA_POS/dto/CustomerDTO.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @author : Sanu Vithanage
 3 |  * @since : 0.0.1
 4 |  **/
 5 | 
 6 | 
 7 | function Customer(id, name, address, salary) {
 8 |     var __id = id;
 9 |     var __name = name;
10 |     var __address = address;
11 |     var __salary = salary;
12 | 
13 |     this.getCustomerID = function () {
14 |         return __id;
15 |     }
16 | 
17 |     this.setCustomerID = function (newID) {
18 |         __id = newID;
19 |     }
20 | 
21 | }
22 | 


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="ProjectModuleManager">
 4 |     <modules>
 5 |       <module fileurl="file://$PROJECT_DIR$/01_Core/01_Core.iml" filepath="$PROJECT_DIR$/01_Core/01_Core.iml" />
 6 |       <module fileurl="file://$PROJECT_DIR$/02_DOM_Manipulation/02_DOM_Manipulation.iml" filepath="$PROJECT_DIR$/02_DOM_Manipulation/02_DOM_Manipulation.iml" />
 7 |       <module fileurl="file://$PROJECT_DIR$/Java_Script_Demo.iml" filepath="$PROJECT_DIR$/Java_Script_Demo.iml" />
 8 |     </modules>
 9 |   </component>
10 | </project>


--------------------------------------------------------------------------------
/06_JS-Events/index.html:
--------------------------------------------------------------------------------
 1 | <!--/**
 2 | * @author : Sanu Vithanage
 3 | * @since : 0.0.1
 4 | **/-->
 5 | <!DOCTYPE html>
 6 | <html lang="en">
 7 | <head>
 8 |     <meta charset="UTF-8">
 9 |     <title>JS Events</title>
10 | </head>
11 | <body>
12 | <h1>Hello JS Events..!</h1>
13 | <h2>Global Events</h2>
14 | <input id="txtInput" placeholder="inputText" type="text">
15 | <button id="btnTest" onclick="testGlobalEvents()">Test</button>
16 | 
17 | <script src="assests/js/jquery-3.6.0.min.js"></script>
18 | <script>
19 |     function testGlobalEvents() {
20 |         alert('Global Event Work');
21 |     }
22 | </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/01_Core/index.html:
--------------------------------------------------------------------------------
 1 | <!--/**-->
 2 | <!--* @author : Sanu Vithanage-->
 3 | <!--* @since : 0.0.1-->
 4 | <!--**/-->
 5 | <!DOCTYPE html>
 6 | <html lang="en">
 7 | <head>
 8 |     <meta charset="UTF-8">
 9 |     <title>JavaScript</title>
10 |     <style>
11 |         h1 {
12 |             color: red;
13 |             font-size: 30px;
14 |         }
15 |     </style>
16 | </head>
17 | <body>
18 | 
19 | 
20 | <h1>Hello JS</h1>
21 | <h3>Java Script</h3>
22 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid laboriosam nemo provident repellat? Aliquam est ex
23 |     qui quos? Accusantium eius enim, excepturi facere facilis harum inventore obcaecati officia unde veritatis.</p>
24 | <script>
25 |     alert("Hello");
26 | </script>
27 | <script src="assests/js/my_script.js"></script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/05_SPA_POS/controller/DashboardController.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @author : Sanu Vithanage
 3 |  * @since : 0.0.1
 4 |  **/
 5 | 
 6 | hideAll();
 7 | $("#dashboardContent").css('display', 'block');
 8 | $("#nav").text("Dashboard");
 9 | 
10 | $('#lnkHome').click(function () {
11 |     hideAll();
12 |     $("#dashboardContent").css('display', 'block');
13 |     $("#nav").text("Dashboard");
14 |     text = $('#nav').text();
15 | });
16 | 
17 | 
18 | $('#lnkCustomer').click(function () {
19 |     $("#txtCustomerID").focus();
20 |     hideAll();
21 |     $("#customerContent").css('display', 'block');
22 |     $("#nav").text("Customer Manage");
23 |     text = $('#nav').text();
24 | });
25 | 
26 | 
27 | $("#lnkItem").click(function () {
28 |     hideAll();
29 |     $("#itemContent").css('display', 'block');
30 |     $("#nav").text("Item Manage");
31 |     text = $('#nav').text();
32 | });
33 | 
34 | $("#lnkOrders").click(function () {
35 |     hideAll();
36 |     $("#orderContent").css('display', 'block');
37 |     $("#nav").text("Order Manage");
38 |     text = $('#nav').text();
39 | 
40 | 
41 | });
42 | 
43 | function hideAll() {
44 |     $("#dashboardContent,#customerContent,#itemContent,#orderContent").css('display', 'none');
45 | }
46 | 
47 | 
48 | 
49 | 


--------------------------------------------------------------------------------
/.idea/inspectionProfiles/Project_Default.xml:
--------------------------------------------------------------------------------
 1 | <component name="InspectionProjectProfileManager">
 2 |   <profile version="1.0">
 3 |     <option name="myName" value="Project Default" />
 4 |     <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
 5 |       <option name="myValues">
 6 |         <value>
 7 |           <list size="1">
 8 |             <item index="0" class="java.lang.String" itemvalue="src" />
 9 |           </list>
10 |         </value>
11 |       </option>
12 |       <option name="myCustomValuesEnabled" value="true" />
13 |     </inspection_tool>
14 |     <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
15 |       <option name="myValues">
16 |         <value>
17 |           <list size="11">
18 |             <item index="0" class="java.lang.String" itemvalue="nobr" />
19 |             <item index="1" class="java.lang.String" itemvalue="noembed" />
20 |             <item index="2" class="java.lang.String" itemvalue="comment" />
21 |             <item index="3" class="java.lang.String" itemvalue="noscript" />
22 |             <item index="4" class="java.lang.String" itemvalue="embed" />
23 |             <item index="5" class="java.lang.String" itemvalue="script" />
24 |             <item index="6" class="java.lang.String" itemvalue="html" />
25 |             <item index="7" class="java.lang.String" itemvalue="head" />
26 |             <item index="8" class="java.lang.String" itemvalue="body" />
27 |             <item index="9" class="java.lang.String" itemvalue="h1" />
28 |             <item index="10" class="java.lang.String" itemvalue="meta" />
29 |           </list>
30 |         </value>
31 |       </option>
32 |       <option name="myCustomValuesEnabled" value="true" />
33 |     </inspection_tool>
34 |   </profile>
35 | </component>


--------------------------------------------------------------------------------
/05_SPA_POS/assests/css/styles.css:
--------------------------------------------------------------------------------
 1 | @import url('https://fonts.googleapis.com/css?family=Titillium+Web');
 2 | @import url('https://fonts.googleapis.com/css?family=Anton');
 3 | 
 4 | *{
 5 |     font-family: 'Titillium Web', sans-serif;
 6 | }
 7 | #title-text{
 8 |     color: #1b5e20;
 9 |     font-size: 2em;
10 | }
11 | #title-text:hover{
12 |     color: #00695c;
13 | }
14 | 
15 | #nav-bar-main{
16 |     z-index: 1;
17 |     background-color: rgba(255,255,255,0.8);
18 |     border-bottom: rgba(0,0,0,0.7) solid 3px;
19 |     box-shadow: black 0 0 10px;
20 | }
21 | .card-header{
22 |     color: white !important;
23 | }
24 | .dash-tile-icon{
25 |     font-size: 4.5em;
26 | }
27 | /**/
28 | section.mainTitle label:first-child{
29 |     font-size: 25px;
30 |     font-weight: bolder;
31 |     margin-right: 5px;
32 | }
33 | section.mainTitle label:last-child{
34 |     color: #78909c;
35 | }
36 | .front-nav-bar{
37 |     background-color: #eceff1;
38 |     font-size: 0.7em;
39 |     color: #546e7a;
40 |     padding: 7px;
41 |     border-top: #cfd8dc solid 1px;
42 |     border-bottom: #cfd8dc solid 1px;
43 | }
44 | div.form-group label{
45 |     font-weight: bold;
46 |     margin-right: 5px;
47 | }
48 | 
49 | .content-box-2{
50 |     background-color: #ffffff;
51 |     padding: 40px;
52 | }
53 | #total-text{
54 |     color: #3d98ef;
55 |     font-size: 13px;
56 | }
57 | #total-text1{
58 |     color: #ef5350;
59 |     font-size: 13px;
60 | }
61 | section.content-box-2 label{
62 |     font-weight: bold;
63 |     margin-right: 10px;
64 | }
65 | 
66 | 
67 | div.form-group label{
68 |     margin: 0;
69 | }
70 | 
71 | .control-error {
72 |     color: red;
73 |     font-size: 0.9em;
74 |     /*display: none;*/
75 | }
76 | 
77 | #total{
78 |     font-size: 30px;
79 |     color: #3d98ef;
80 | }
81 | #subtotal{
82 |     color: #ef5350;
83 |     font-size: 30px;
84 | }
85 | 
86 | 


--------------------------------------------------------------------------------
/06_JS-Events/index2.html:
--------------------------------------------------------------------------------
  1 | <!--/**
  2 | * @author : Sanu Vithanage
  3 | * @since : 0.0.1
  4 | **/-->
  5 | <!DOCTYPE html>
  6 | <html lang="en">
  7 | <head>
  8 |     <meta charset="UTF-8">
  9 |     <title>JS Events</title>
 10 | </head>
 11 | <body>
 12 | <h1>Hello JS Events..!</h1>
 13 | <h2>Specified Events</h2>
 14 | <input id="txtInput" placeholder="inputText" type="text">
 15 | <button id="btnTest" >Test</button>
 16 | 
 17 | <script src="assests/js/jquery-3.6.0.min.js"></script>
 18 | <script>
 19 |     // var btn=document.getElementById("btnTest");
 20 |     // btn.addEventListener('click',function (){
 21 |     //     alert('Done');
 22 |     // });
 23 | 
 24 | 
 25 |     // Most used events in js
 26 |     //click
 27 |     //dblclick
 28 |     //blur
 29 |     //focus
 30 |     //keyup
 31 |     //keydown
 32 |     //keypress
 33 |     //mousemove
 34 |     //mousedown
 35 |     //mouseup
 36 | 
 37 | 
 38 |     // $('#btnTest').on('click',function(){
 39 |     //     alert('Working');
 40 |     // });
 41 |     //
 42 |     // $('#btnTest').off('click');
 43 | 
 44 | /*
 45 | 
 46 |     $('#btnTest').on('dblclick',function (){
 47 |         alert('btn double clicked');
 48 |     });
 49 | 
 50 |     $("#txtInput").on('blur',function (){
 51 |         console.log("Text filed Blured");
 52 |     });
 53 | 
 54 |     $("#txtInput").on('focus',function (){
 55 |         console.log("Text filed focused");
 56 |     });
 57 | */
 58 | 
 59 |     // $("#txtInput").on('keyup',function (){
 60 |     //     console.log("KeyUpEvent Worked");
 61 |     // });
 62 | 
 63 |     //event object (we can use this object to get the details about event)
 64 |     // $("#txtInput").on('keydown',function (event){
 65 |     //     console.log(event.key);
 66 |     // });
 67 | 
 68 |     // $("#txtInput").on('keypress',function (){
 69 |     //     console.log("KeyPress Worked");
 70 |     // });
 71 | 
 72 | 
 73 |     // $('h1').on('mousemove',function (){
 74 |     //     console.log('mouse is moving');
 75 |     // });
 76 | 
 77 |     // $('h1').on('mousedown',function (){
 78 |     //     console.log('mouse is down');
 79 |     // });
 80 |     //
 81 |     // $('h1').on('mouseup',function (){
 82 |     //     console.log('mouse is up');
 83 |     // });
 84 | 
 85 | 
 86 | 
 87 |     $(document).on('mousemove',function (eventOb){
 88 |         // console.log(eventOb.pageX,eventOb.pageY);
 89 |         $('h1').css({
 90 |             'position':'absolute',
 91 |             'left':eventOb.pageX,
 92 |             'top':eventOb.pageY
 93 |         });
 94 |     });
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | </script>
101 | </body>
102 | </html>
103 | 


--------------------------------------------------------------------------------
/05_SPA_POS/assests/css/bootstrap-reboot.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
3 |  * Copyright 2011-2020 The Bootstrap Authors
4 |  * Copyright 2011-2020 Twitter, Inc.
5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7 |  */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */


--------------------------------------------------------------------------------
/05_SPA_POS/controller/CustomerController.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @author : Sanu Vithanage
  3 |  * @since : 0.0.1
  4 |  **/
  5 | // Customer Section Events
  6 | //select customer button and bind a event
  7 | 
  8 | $('#btnCustomer').click(function () {
  9 |     saveCustomer();
 10 | });
 11 | 
 12 | function  saveCustomer(){
 13 |     $('#tblCustomer>tr').off('click'); //detach all the tr click events
 14 |     $('#tblCustomer>tr').off('dblclick'); //detach all the tr click events
 15 | 
 16 |     //gather details from inputs
 17 |     let cusID = $("#txtCustomerID").val();
 18 |     let cusName = $("#txtCustomerName").val();
 19 |     let cusAddress = $("#txtCustomerAddress").val();
 20 |     let cusSalary = $("#txtCustomerSalry").val();
 21 | 
 22 |     var customer=new Customer(cusID,cusName,cusAddress,cusSalary);
 23 |     customerDB.push(customer);
 24 | 
 25 | 
 26 |     // add gathered details to the table
 27 |     let row = "<tr><td>" + cusID + "</td><td>" + cusName + "</td><td>" + cusAddress + "</td><td>" + cusSalary + "</td></tr>";
 28 | 
 29 |     //template literals
 30 |     let row2 = `<tr><td>${cusID}</td><td>${cusName}</td><td>${cusAddress}</td><td>${cusSalary}</td></tr>`;
 31 | 
 32 |     $('#tblCustomer').append(row2);
 33 | 
 34 |     clearCustomerTextFields();
 35 | 
 36 |     //Bind click event for all table rows
 37 |     //Filling back the input fields from the selected table row details
 38 |     //get values of selected row
 39 |     $('#tblCustomer>tr').click(function () {
 40 |         //get values of selected row
 41 |         let id = $(this).children('td:eq(0)').text();
 42 |         let name = $(this).children('td:eq(1)').text();
 43 |         let address = $(this).children('td:eq(2)').text();
 44 |         let salary = $(this).children('td:eq(3)').text();
 45 | 
 46 |         //set values for text fileds
 47 |         $("#txtCustomerID").val(id);
 48 |         $("#txtCustomerName").val(name);
 49 |         $("#txtCustomerAddress").val(address);
 50 |         $("#txtCustomerSalry").val(salary);
 51 | 
 52 |     });
 53 | 
 54 |     $("#tblCustomer>tr").on('dblclick',function (){
 55 |         $(this).remove();
 56 |     });
 57 | }
 58 | 
 59 | 
 60 | 
 61 | //Filling back the input fields from the selected table row details
 62 | // $('#tblCustomer>tr').click(function (){
 63 | //    let id= $($(this).children().get(0)).text();
 64 | //    let name= $($(this).children().get(1)).text();
 65 | //    let address= $($(this).children().get(2)).text();
 66 | //    let salary= $($(this).children().get(3)).text();
 67 | //     console.log(id,name,address,salary);
 68 | // });
 69 | 
 70 | // clear all text field and focus cus id
 71 | function clearCustomerTextFields() {
 72 |     $("#txtCustomerID").val("");
 73 |     $("#txtCustomerName").val("");
 74 |     $("#txtCustomerAddress").val("");
 75 |     $("#txtCustomerSalry").val("");
 76 |     $("#txtCustomerID").focus();
 77 | }
 78 | 
 79 | // store customerID validation
 80 | let cusRegEx=/^(C00-)[0-9]{1,3}$/;
 81 | 
 82 | 
 83 | 
 84 | $("#txtCustomerID").on('keyup',function (event){
 85 |     if (event.key=="Enter"){
 86 |         $('#txtCustomerName').focus();
 87 |     }
 88 | 
 89 |     let inputID=$("#txtCustomerID").val();
 90 |     if (cusRegEx.test(inputID)){
 91 |         $("#txtCustomerID").css('border','2px solid green');
 92 |         $("#lblcusid").text("");
 93 |     }else{
 94 |         $("#txtCustomerID").css('border','2px solid red');
 95 |         $("#lblcusid").text('Your Input Data Format is Wrong (C00-001)');
 96 |     }
 97 | });
 98 | 
 99 | $("#txtCustomerName").on('keydown',function (event){
100 |     if (event.key=="Enter"){
101 |         $('#txtCustomerAddress').focus();
102 |     }
103 | });
104 | 
105 | $("#txtCustomerAddress").on('keydown',function (event){
106 |     if (event.key=="Enter"){
107 |         $('#txtCustomerSalry').focus();
108 |     }
109 | });
110 | 
111 | 
112 | $("#txtCustomerSalry").on('keydown',function (event){
113 |     if (event.key=="Enter"){
114 |         saveCustomer();
115 |     }
116 | });
117 | 
118 | 
119 | $('#txtCustomerID,#txtCustomerName,#txtCustomerAddress,#txtCustomerSalry').on('keydown',function (event){
120 |     if (event.key=="Tab"){
121 |         event.preventDefault();
122 |     }
123 | });
124 | 
125 | 
126 | 


--------------------------------------------------------------------------------
/03_DOM_ManipulationWithjQuery/index.html:
--------------------------------------------------------------------------------
  1 | <!--/**
  2 | * @author : Sanu Vithanage
  3 | * @since : 0.0.1
  4 | **/-->
  5 | <!DOCTYPE html>
  6 | <html lang="en">
  7 | <head>
  8 |     <meta charset="UTF-8">
  9 |     <title>DOM Manipulation with jQuery</title>
 10 | </head>
 11 | <body>
 12 | <h1 class="h1Class" id="h1ID">jQuery..?</h1>
 13 | <h2 class="h2Class" id="h2ID">What is jQuery...?</h2>
 14 | <p class="pClass" id="p1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam aliquid aperiam aut
 15 |     autem beatae blanditiis
 16 |     deserunt, ducimus eveniet, excepturi, fuga illo illum ipsam iste laboriosam molestias ratione voluptate
 17 |     voluptatum!</p>
 18 | <p class="pClass" id="p2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam aliquid aperiam aut
 19 |     autem beatae blanditiis
 20 |     deserunt, ducimus eveniet, excepturi, fuga illo illum ipsam iste laboriosam molestias ratione voluptate
 21 |     voluptatum!</p>
 22 | <p class="pClass" id="p3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam aliquid aperiam aut
 23 |     autem beatae blanditiis
 24 |     deserunt, ducimus eveniet, excepturi, fuga illo illum ipsam iste laboriosam molestias ratione voluptate
 25 |     voluptatum!</p>
 26 | <img alt="" id="img" src="" width="300px">
 27 | 
 28 | <input id="txtID" type="text">
 29 | <button id="btnTest">Test</button>
 30 | <ul id="ul">
 31 |     <li>ABCD</li>
 32 |     <li>EFGH</li>
 33 | </ul>
 34 | 
 35 | <script src="assests/js/jquery-3.6.0.min.js"></script>
 36 | <script>
 37 |     //how to select a element using JavaScript
 38 |     // let txtID=document.getElementById("txtID");
 39 | 
 40 | 
 41 |     //how to do the same process via jQuery
 42 |     // $('#txtID'); //select input field
 43 |     // $('input');
 44 |     // $('h1').text(); select h1 and return the text
 45 | 
 46 | 
 47 |     // Change the selector as we want
 48 |     // var RS=jQuery.noConflict();
 49 | 
 50 |     // $() //Error // now this default selector disabled
 51 |     // RS('p'); //now this is the new selector for jQuery
 52 | 
 53 |  /*   //What are the other methods of selecting elements in jQuery
 54 |     // CSS selectors
 55 |     $('*');//universal selector //work
 56 |     $('h1');//type selector //work
 57 |     $('#h1ID');//id selector //work
 58 |     $('.h2Class');//class selector //work
 59 |     $('[id]');//attribute selector //work
 60 |     $('[class=h2Class]'); //work
 61 |     $('li:nth-child(1)');//pseudo-class //work
 62 |     $('li:nth-child(2)').text();//work
 63 |     $('li:hover');//Not-working
 64 | 
 65 | 
 66 |     // CSS Combinators..?
 67 |     $('ul>li'); // working //child combinator
 68 |     $('body li'); //working //descendent combinator
 69 |     $('h2+p'); //working //adjacent combinator
 70 |     $('h2~p'); //working //general siblings combinator
 71 | 
 72 |     // can we use group selecting
 73 |     $('h1,h2,p1');//working
 74 |     $('h1,#h1ID,#p1');//working*/
 75 | 
 76 | 
 77 | 
 78 |     //lets find about methods in jQuery
 79 | /*
 80 |     //get and set text
 81 |     $('h1').text();//"jQuery..?"
 82 |     $('#p1').text('Hello there how are you..?');
 83 | 
 84 |     //set styles
 85 |     $('h1').css('color','red');
 86 |     $('h2').css({
 87 |         'color':'red',
 88 |         'font-size':'100px'
 89 |     });
 90 | 
 91 |     //remove elements from dom
 92 |     $('h2').remove();
 93 | 
 94 |     //get and set attributes values
 95 |     $('#img').attr('src');//""
 96 |     $('#img').attr('src','https://www.ijse.lk/images/logos/ijse.png');
 97 | 
 98 | 
 99 |     //get and change html elements
100 |     $('ul').html();
101 |     // "
102 |     // <li>ABCD</li>
103 |     // <li>EFGH</li>
104 |     // "
105 |     $('ul').html("<li>IJSE</li>");
106 | 
107 |     //get and send input values
108 |     $('#txtID').val();
109 |     $('#txtID').val("Hello");
110 | 
111 |     // bind a click event
112 |     $('#btnTest').click(function(){
113 |         alert("hello");
114 |     });
115 | 
116 | */
117 | 
118 |     $('#btnTest').click(function(){
119 |         // let color=$("#txtID").val();
120 |         // $('#h1ID').css('color',color);
121 |         $('#h1ID').css('color',$("#txtID").val());
122 |     });
123 | 
124 | 
125 | 
126 | </script>
127 | </body>
128 | </html>
129 | 


--------------------------------------------------------------------------------
/02_DOM_Manipulation/index.html:
--------------------------------------------------------------------------------
  1 | <!--/**
  2 | * @author : Sanu Vithanage
  3 | * @since : 0.0.1
  4 | **/-->
  5 | <!DOCTYPE html>
  6 | <html lang="en">
  7 | <head>
  8 |     <meta charset="UTF-8">
  9 |     <title>DOM Manipulation</title>
 10 | </head>
 11 | <body>
 12 | 
 13 | <h1 class="h1class" id="display">Document Object Model Manipulation</h1>
 14 | <h1 class="h1class">Document Object Model Manipulation</h1>
 15 | <h2>Institute of Java and Software Engineering</h2>
 16 | <h3>RWAD</h3>
 17 | <input name="inputText" placeholder="Input Text" type="text">
 18 | <button id="btn">Test Button</button>
 19 | 
 20 | <img alt="" id="img" src="">
 21 | <div>
 22 | 
 23 | </div>
 24 | <p id="pid">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, itaque pariatur. Architecto earum esse
 25 |     exercitationem expedita labore libero maiores, quae, saepe sed sequi soluta ut voluptatibus! Ad qui quibusdam
 26 |     quis.</p>
 27 | 
 28 | <ul>
 29 |     <li>IJSE</li>
 30 |     <li>GDSE</li>
 31 |     <li>CMJD</li>
 32 |     <li>RWAD</li>
 33 |     <li>DEP</li>
 34 | </ul>
 35 | 
 36 | 
 37 | <ol>
 38 |     <li id="btnCustomer">Customer</li>
 39 |     <li id="btnItem">Item</li>
 40 | </ol>
 41 | <h3 id="customer">This is Customer Content</h3>
 42 | <h3 id="item">This is Item Content</h3>
 43 | 
 44 | 
 45 | <script>
 46 | 
 47 |     // DOM Manipulation
 48 | 
 49 |     // can select DOM elements by using following methods
 50 |     // document.getElementById();// can select by a id
 51 |     // document.getElementsByClassName(); //can select by a class name // return an array
 52 |     // document.getElementsByTagName(); //can select  by element tag name // return an array
 53 |     // document.getElementsByName(); // can select by element name attribute // return an array
 54 |     // document.querySelector(); // can select by any selector
 55 |     // document.querySelectorAll(); //can select by any selector // return an array
 56 | 
 57 | 
 58 |     //selecting a element
 59 |     var h1Elemets = document.getElementsByTagName('h1');
 60 |     //getting text values
 61 |     h1Elemets[0].innerText//"Document Object Model Manipulation"
 62 | 
 63 |     //changing text values
 64 |     h1Elemets[0].innerText = "Institute of Software Engineering";//"Institute of Software Engineering"
 65 | 
 66 |     //remove an element
 67 |     h1Elemets[1].remove();
 68 | 
 69 |     //change element style
 70 |     h1Elemets[0].style.color = 'red'
 71 | 
 72 |     h1Elemets[0].style.fontSize = '40px';
 73 | 
 74 |     var image = document.querySelector('img');
 75 | 
 76 |     //access attributes
 77 |     image.getAttribute('src');//""
 78 |     //change attribute values
 79 |     image.setAttribute('src', 'assests/img/image.jpg');
 80 | 
 81 |     image.style.width = '500px';
 82 | 
 83 |     image.getAttribute('src');//"assests/img/image.jpg"
 84 |     var ul = document.querySelector('ul');
 85 | 
 86 |     //get html elements
 87 |     ul.innerHTML;
 88 |     // "
 89 |     // <li>IJSE</li>
 90 |     // <li>GDSE</li>
 91 |     // <li>CMJD</li>
 92 |     // <li>RWAD</li>
 93 |     // <li>DEP</li>
 94 |     // "
 95 | 
 96 |     ul.innerHTML = '<li>Hello</li>';//"<li>Hello</li>"
 97 |     ul.innerHTML = '<li>Hello</li><li>CMJD</li>';//"<li>Hello</li><li>CMJD</li>"
 98 | 
 99 |     var body = document.querySelector('body');
100 |     body.innerHTML//return all html elements inside the body
101 | 
102 | 
103 |     //Event Listener
104 |     //Selecting Button
105 |     var btn = document.getElementById("btn");
106 |     // add a event listener for the button
107 |     btn.addEventListener('click', function () {
108 |         //selecting input field
109 |         var input = document.querySelector('input');
110 |         //selecting h1 element
111 |         var h1 = document.getElementById("display");
112 |         //set input value to the h1 text
113 |         h1.innerText = input.value;
114 | 
115 |     });
116 | 
117 | 
118 | 
119 |     // 2nd case
120 |     var h2 = document.querySelector('h2');
121 |     var option = true;
122 |     h2.style.cursor = 'pointer';
123 |     h2.addEventListener('click', function () {
124 |         if (option) {
125 |             h2.style.color = 'red';
126 |             option = false;
127 |         } else {
128 |             h2.style.color = 'green';
129 |             option = true;
130 |         }
131 | 
132 |     });
133 | 
134 | 
135 |     // hide customer and item
136 |     var customer = document.getElementById("customer");
137 |     var item = document.getElementById("item");
138 | 
139 |     customer.style.display='none';
140 |     item.style.display='none';
141 | 
142 | 
143 |     var btnCustomer=document.getElementById("btnCustomer");
144 |     btnCustomer.addEventListener('click',function (){
145 |         item.style.display='none';
146 |         customer.style.display='block';
147 |     });
148 | 
149 | 
150 |     var btnItem=document.getElementById("btnItem");
151 |     btnItem.addEventListener('click',function (){
152 |         customer.style.display='none';
153 |         item.style.display='block';
154 |     });
155 | 
156 | 
157 | 
158 | </script>
159 | </body>
160 | </html>
161 | 


--------------------------------------------------------------------------------
/04_Traversing/index.html:
--------------------------------------------------------------------------------
  1 | <!--/**-->
  2 | <!--* @author : Sanu Vithanage-->
  3 | <!--* @since : 0.0.1-->
  4 | <!--**/-->
  5 | <!DOCTYPE html>
  6 | <html lang="en">
  7 | <head>
  8 |     <meta charset="UTF-8">
  9 |     <title>Traversing Using jQuery</title>
 10 | </head>
 11 | <body>
 12 | <h2>Hello there ..!</h2>
 13 | <img src="https://www.ijse.lk/images/logos/ijse.png" alt="" width="300px">
 14 | <main>
 15 |     <section>
 16 |         <section>
 17 |             <section>
 18 |                 <div>
 19 |                     <ol>
 20 |                         <li>A</li>
 21 |                         <li>B</li>
 22 |                     </ol>
 23 |                 </div>
 24 |                 <div>
 25 |                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus accusantium adipisci,
 26 |                         architecto aspernatur culpa explicabo, fugiat laudantium minus mollitia natus obcaecati officia
 27 |                         placeat rem soluta voluptate voluptates? Molestias, voluptatum!</p>
 28 |                 </div>
 29 |                 <div>
 30 |                     <ul>
 31 |                         <li>A</li>
 32 |                         <li>B</li>
 33 |                     </ul>
 34 |                 </div>
 35 |             </section>
 36 |         </section>
 37 |     </section>
 38 |     <section>
 39 |         <div>
 40 |             <a href="">Customer Manage</a>
 41 |         </div>
 42 |     </section>
 43 | </main>
 44 | <section>
 45 |     <div>
 46 |         <div>
 47 |             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid animi aperiam asperiores commodi
 48 |                 consectetur consequatur culpa fuga incidunt molestias neque nesciunt officiis perspiciatis quam
 49 |                 quibusdam, quod, repudiandae saepe tenetur.</p>
 50 |         </div>
 51 |     </div>
 52 | </section>
 53 | 
 54 | 
 55 | <script src="assests/js/jquery-3.6.0.min.js"></script>
 56 | <script>
 57 | 
 58 |     //Traversing Methods
 59 |     //parent();
 60 |     //parents();
 61 |     //children();
 62 |     //find();
 63 |     //first();
 64 |     //last();
 65 |     //get();
 66 | 
 67 |     //append();
 68 |     //prepend();
 69 |     //replaceWith();
 70 |     //clone();
 71 | 
 72 | 
 73 |     // parent() & parents()
 74 |     $('a').parent(); //select the nearest parent
 75 |     $('a').parent().parent().parent(); // can call recursively
 76 | 
 77 |     //return all the parent hierarchy of the selected element
 78 |     $('a').parents(); //S.fn.init[div, section, main, body, html, prevObject: S.fn.init(1)]
 79 | 
 80 |     //can also select one from parents
 81 |     $('a').parents('main'); //S.fn.init[main, prevObject: S.fn.init(1)]
 82 | 
 83 | 
 84 |     // children(), first() ,last() and get()
 85 |     //return the direct child of a selected element
 86 |     //can recursively called
 87 |     //when we have a collection of elements we can use get(),first(),last() methods to select one
 88 |     $('body').children();//S.fn.init(4)[main, section, script, script, prevObject: S.fn.init(1)]
 89 |     $('body').children('main');//S.fn.init[main, prevObject: S.fn.init(1)]
 90 |     $('body').children('main').children();//S.fn.init(2)[section, section, prevObject: S.fn.init(1)]
 91 |     $('body').children('main').children('section');//S.fn.init(2)[section, section, prevObject: S.fn.init(1)]
 92 |     $('body').children('main').children().get(0) //<section></section>​<section>​<section>​<div>​…​</div>​<div>​…​</div>​<div>​…​</div>​</section>​</section>​</section>​
 93 |     $('body').children('main').children().get(1) //<section>/section>​<div>​<a href>​Customer Manage​</a>​</div>​</section>​
 94 |     $('body').children('main').children();//S.fn.init(2)[section, section, prevObject: S.fn.init(1)]
 95 |     $('body').children('main').children().first();//S.fn.init[section, prevObject: S.fn.init(2)]
 96 |     $('body').children('main').children().last();//S.fn.init[section, prevObject: S.fn.init(2)]
 97 | 
 98 | 
 99 |     // parent(),parents() and children()
100 |     $('body').children('section').parent().parent();//S.fn.init[html, prevObject: S.fn.init(1)]
101 |     $('body').children('main').parents();//S.fn.init(2)[body, html, prevObject: S.fn.init(1)]
102 | 
103 | 
104 |     //find() - can find a child from a parent
105 |     $('body').find('p'); // search and return all the child p inside body
106 |     $('body').find('p').css('color','red');
107 |     $('body').find('section');
108 | 
109 | 
110 |     //append() & prepend()
111 |     $('body').append('<h1>Appended</h1>'); // add to the bottom of body
112 |     $('body').prepend('<h1>Prepended</h1>'); // add to the top of body
113 |     $('body').prepend('<h1>Prepended 1</h1>');
114 | 
115 |     $('ol').append('<li>Append 1</li>');//add to the bottom of ol
116 |     $('ol').append('<li>Append 2</li>');
117 |     $('ol').prepend('<li>Prepend 1</li>');//add to the top of ol
118 |     $('ol').prepend('<li>Prepend 2</li>');
119 | 
120 | 
121 |     //replaceWith();
122 |     // we can replace h2 with a para
123 |     $('h2').replaceWith('<p>This is replaced para</p>');
124 | 
125 | 
126 |     //clone() - we can get a copy of a element
127 |     $('img').clone();// can copy a image or selected element's copy (clone)
128 |     var clonedImage=$('img').clone();
129 |     $('h1').replaceWith(clonedImage); // replace cloned image with h1
130 | 
131 | 
132 | 
133 | </script>
134 | </body>
135 | </html>
136 | 


--------------------------------------------------------------------------------
/05_SPA_POS/assests/css/bootstrap-reboot.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
  3 |  * Copyright 2011-2020 The Bootstrap Authors
  4 |  * Copyright 2011-2020 Twitter, Inc.
  5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
  7 |  */
  8 | *,
  9 | *::before,
 10 | *::after {
 11 |   box-sizing: border-box;
 12 | }
 13 | 
 14 | html {
 15 |   font-family: sans-serif;
 16 |   line-height: 1.15;
 17 |   -webkit-text-size-adjust: 100%;
 18 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 19 | }
 20 | 
 21 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 22 |   display: block;
 23 | }
 24 | 
 25 | body {
 26 |   margin: 0;
 27 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 28 |   font-size: 1rem;
 29 |   font-weight: 400;
 30 |   line-height: 1.5;
 31 |   color: #212529;
 32 |   text-align: left;
 33 |   background-color: #fff;
 34 | }
 35 | 
 36 | [tabindex="-1"]:focus:not(:focus-visible) {
 37 |   outline: 0 !important;
 38 | }
 39 | 
 40 | hr {
 41 |   box-sizing: content-box;
 42 |   height: 0;
 43 |   overflow: visible;
 44 | }
 45 | 
 46 | h1, h2, h3, h4, h5, h6 {
 47 |   margin-top: 0;
 48 |   margin-bottom: 0.5rem;
 49 | }
 50 | 
 51 | p {
 52 |   margin-top: 0;
 53 |   margin-bottom: 1rem;
 54 | }
 55 | 
 56 | abbr[title],
 57 | abbr[data-original-title] {
 58 |   text-decoration: underline;
 59 |   -webkit-text-decoration: underline dotted;
 60 |   text-decoration: underline dotted;
 61 |   cursor: help;
 62 |   border-bottom: 0;
 63 |   -webkit-text-decoration-skip-ink: none;
 64 |   text-decoration-skip-ink: none;
 65 | }
 66 | 
 67 | address {
 68 |   margin-bottom: 1rem;
 69 |   font-style: normal;
 70 |   line-height: inherit;
 71 | }
 72 | 
 73 | ol,
 74 | ul,
 75 | dl {
 76 |   margin-top: 0;
 77 |   margin-bottom: 1rem;
 78 | }
 79 | 
 80 | ol ol,
 81 | ul ul,
 82 | ol ul,
 83 | ul ol {
 84 |   margin-bottom: 0;
 85 | }
 86 | 
 87 | dt {
 88 |   font-weight: 700;
 89 | }
 90 | 
 91 | dd {
 92 |   margin-bottom: .5rem;
 93 |   margin-left: 0;
 94 | }
 95 | 
 96 | blockquote {
 97 |   margin: 0 0 1rem;
 98 | }
 99 | 
100 | b,
101 | strong {
102 |   font-weight: bolder;
103 | }
104 | 
105 | small {
106 |   font-size: 80%;
107 | }
108 | 
109 | sub,
110 | sup {
111 |   position: relative;
112 |   font-size: 75%;
113 |   line-height: 0;
114 |   vertical-align: baseline;
115 | }
116 | 
117 | sub {
118 |   bottom: -.25em;
119 | }
120 | 
121 | sup {
122 |   top: -.5em;
123 | }
124 | 
125 | a {
126 |   color: #007bff;
127 |   text-decoration: none;
128 |   background-color: transparent;
129 | }
130 | 
131 | a:hover {
132 |   color: #0056b3;
133 |   text-decoration: underline;
134 | }
135 | 
136 | a:not([href]) {
137 |   color: inherit;
138 |   text-decoration: none;
139 | }
140 | 
141 | a:not([href]):hover {
142 |   color: inherit;
143 |   text-decoration: none;
144 | }
145 | 
146 | pre,
147 | code,
148 | kbd,
149 | samp {
150 |   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
151 |   font-size: 1em;
152 | }
153 | 
154 | pre {
155 |   margin-top: 0;
156 |   margin-bottom: 1rem;
157 |   overflow: auto;
158 |   -ms-overflow-style: scrollbar;
159 | }
160 | 
161 | figure {
162 |   margin: 0 0 1rem;
163 | }
164 | 
165 | img {
166 |   vertical-align: middle;
167 |   border-style: none;
168 | }
169 | 
170 | svg {
171 |   overflow: hidden;
172 |   vertical-align: middle;
173 | }
174 | 
175 | table {
176 |   border-collapse: collapse;
177 | }
178 | 
179 | caption {
180 |   padding-top: 0.75rem;
181 |   padding-bottom: 0.75rem;
182 |   color: #6c757d;
183 |   text-align: left;
184 |   caption-side: bottom;
185 | }
186 | 
187 | th {
188 |   text-align: inherit;
189 | }
190 | 
191 | label {
192 |   display: inline-block;
193 |   margin-bottom: 0.5rem;
194 | }
195 | 
196 | button {
197 |   border-radius: 0;
198 | }
199 | 
200 | button:focus {
201 |   outline: 1px dotted;
202 |   outline: 5px auto -webkit-focus-ring-color;
203 | }
204 | 
205 | input,
206 | button,
207 | select,
208 | optgroup,
209 | textarea {
210 |   margin: 0;
211 |   font-family: inherit;
212 |   font-size: inherit;
213 |   line-height: inherit;
214 | }
215 | 
216 | button,
217 | input {
218 |   overflow: visible;
219 | }
220 | 
221 | button,
222 | select {
223 |   text-transform: none;
224 | }
225 | 
226 | [role="button"] {
227 |   cursor: pointer;
228 | }
229 | 
230 | select {
231 |   word-wrap: normal;
232 | }
233 | 
234 | button,
235 | [type="button"],
236 | [type="reset"],
237 | [type="submit"] {
238 |   -webkit-appearance: button;
239 | }
240 | 
241 | button:not(:disabled),
242 | [type="button"]:not(:disabled),
243 | [type="reset"]:not(:disabled),
244 | [type="submit"]:not(:disabled) {
245 |   cursor: pointer;
246 | }
247 | 
248 | button::-moz-focus-inner,
249 | [type="button"]::-moz-focus-inner,
250 | [type="reset"]::-moz-focus-inner,
251 | [type="submit"]::-moz-focus-inner {
252 |   padding: 0;
253 |   border-style: none;
254 | }
255 | 
256 | input[type="radio"],
257 | input[type="checkbox"] {
258 |   box-sizing: border-box;
259 |   padding: 0;
260 | }
261 | 
262 | textarea {
263 |   overflow: auto;
264 |   resize: vertical;
265 | }
266 | 
267 | fieldset {
268 |   min-width: 0;
269 |   padding: 0;
270 |   margin: 0;
271 |   border: 0;
272 | }
273 | 
274 | legend {
275 |   display: block;
276 |   width: 100%;
277 |   max-width: 100%;
278 |   padding: 0;
279 |   margin-bottom: .5rem;
280 |   font-size: 1.5rem;
281 |   line-height: inherit;
282 |   color: inherit;
283 |   white-space: normal;
284 | }
285 | 
286 | progress {
287 |   vertical-align: baseline;
288 | }
289 | 
290 | [type="number"]::-webkit-inner-spin-button,
291 | [type="number"]::-webkit-outer-spin-button {
292 |   height: auto;
293 | }
294 | 
295 | [type="search"] {
296 |   outline-offset: -2px;
297 |   -webkit-appearance: none;
298 | }
299 | 
300 | [type="search"]::-webkit-search-decoration {
301 |   -webkit-appearance: none;
302 | }
303 | 
304 | ::-webkit-file-upload-button {
305 |   font: inherit;
306 |   -webkit-appearance: button;
307 | }
308 | 
309 | output {
310 |   display: inline-block;
311 | }
312 | 
313 | summary {
314 |   display: list-item;
315 |   cursor: pointer;
316 | }
317 | 
318 | template {
319 |   display: none;
320 | }
321 | 
322 | [hidden] {
323 |   display: none !important;
324 | }
325 | /*# sourceMappingURL=bootstrap-reboot.css.map */


--------------------------------------------------------------------------------
/05_SPA_POS/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Dashboard</title>
  6 |     <meta content="width=device-width initial-scale=1" name="viewport">
  7 |     <link href="assests/css/bootstrap.min.css" rel="stylesheet">
  8 |     <link href="assests/css/styles.css" rel="stylesheet">
  9 |     <link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
 10 |           integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" rel="stylesheet">
 11 |     <style>
 12 |         ul > li {
 13 |             cursor: pointer;
 14 |         }
 15 |     </style>
 16 | 
 17 | </head>
 18 | <body>
 19 | 
 20 | <!--header-->
 21 | <header class="jumbotron bg-primary text-white p-3">
 22 |     <h1 class="position-absolute" id="nav"></h1>
 23 |     <ul class="list-group list-group-horizontal text-danger justify-content-end font-weight-bold">
 24 |         <li class="list-group-item bg-white" id="lnkHome">Home</li>
 25 |         <li class="list-group-item bg-white" id="lnkCustomer">Customer</li>
 26 |         <li class="list-group-item bg-white" id="lnkItem">Item</li>
 27 |         <li class="list-group-item bg-white" id="lnkOrders">Orders</li>
 28 |     </ul>
 29 | </header>
 30 | 
 31 | <!--content start from here-->
 32 | <!--dashboard content-->
 33 | <main class="container-fluid " id="dashboardContent">
 34 |     <div class="jumbotron pt-md-5">
 35 |         <div id="home-tiles">
 36 |             <div class="row ">
 37 |                 <div class="col-lg-6 col-xl-3 mb-2">
 38 |                     <div class="card">
 39 |                         <div class="card-header bg-danger font-weight-bolder">Customers</div>
 40 |                         <div class="card-body">
 41 |                             <div class="dash-tile-icon"><i class="fas fa-users"></i></div>
 42 |                             <div class="dash-tile-text text-right text-black-50"><h2>93</h2></div>
 43 |                         </div>
 44 |                     </div>
 45 |                 </div>
 46 |                 <div class="col-lg-6 col-xl-3 mb-2">
 47 |                     <div class="card">
 48 |                         <div class="card-header bg-danger font-weight-bolder">Items</div>
 49 |                         <div class="card-body">
 50 |                             <div class="dash-tile-icon"><i class="fas fa-cubes"></i></div>
 51 |                             <div class="dash-tile-text text-right text-black-50"><h2>101</h2></div>
 52 |                         </div>
 53 |                     </div>
 54 |                 </div>
 55 |                 <div class="col-lg-6 col-xl-3 mb-2">
 56 |                     <div class="card">
 57 |                         <div class="card-header bg-danger font-weight-bolder">My Orders</div>
 58 |                         <div class="card-body">
 59 |                             <div class="dash-tile-icon"><i class="fas fa-shopping-cart"></i></div>
 60 |                             <div class="dash-tile-text text-right text-black-50"><h2>999</h2></div>
 61 |                         </div>
 62 |                     </div>
 63 |                 </div>
 64 |                 <div class="col-lg-6 col-xl-3 mb-2">
 65 |                     <div class="card">
 66 |                         <div class="card-header bg-danger font-weight-bolder">Settings</div>
 67 |                         <div class="card-body">
 68 |                             <div class="dash-tile-icon" style=""><i class="fas fa-cogs"></i></div>
 69 |                             <div class="dash-tile-text text-right text-black-50">
 70 |                                 <h2>
 71 |                                     <button class="btn btn-danger">new</button>
 72 |                                 </h2>
 73 |                             </div>
 74 |                         </div>
 75 |                     </div>
 76 |                 </div>
 77 |             </div>
 78 |         </div>
 79 |     </div>
 80 | 
 81 | </main>
 82 | 
 83 | <!--customer content-->
 84 | <main class="container-fluid" id="customerContent">
 85 |     <section class="row">
 86 |         <div class="col-4">
 87 |             <h1>Customer Registraion</h1>
 88 | 
 89 |             <div class="form-group">
 90 |                 <label for="txtCustomerID">Customer ID</label>
 91 |                 <input class="form-control" id="txtCustomerID" required type="text">
 92 |                 <span class="control-error" id="lblcusid"></span>
 93 |             </div>
 94 |             <div class="form-group">
 95 |                 <label for="txtCustomerName">Customer Name</label>
 96 |                 <input class="form-control" id="txtCustomerName" type="text">
 97 |                 <span class="control-error" id="lblcusname"></span>
 98 |             </div>
 99 |             <div class="form-group">
100 |                 <label for="txtCustomerAddress">Customer Address</label>
101 |                 <input class="form-control" id="txtCustomerAddress" type="text">
102 |                 <span class="control-error" id="lblcusaddress"></span>
103 |             </div>
104 |             <div class="form-group">
105 |                 <label for="txtCustomerSalry">Customer Salary</label>
106 |                 <input class="form-control" id="txtCustomerSalry" type="text">
107 |                 <span class="control-error" id="lblcussalary"></span>
108 |             </div>
109 |             <div class="btn-group">
110 |                 <button class="btn btn-primary" id="btnCustomer">Save Customer</button>
111 |                 <button class="btn btn-danger" id="btnCusDelete">Remove</button>
112 |                 <button class="btn btn-warning" id="btnUpdate">Update</button>
113 |                 <button class="btn btn-success">Get All</button>
114 |                 <button class="btn btn-danger" id="btn-clear1">Clear All</button>
115 |             </div>
116 | 
117 |         </div>
118 |         <div class="col-8">
119 |             <table class="table table-bordered table-hover">
120 |                 <thead class="bg-danger text-white">
121 |                 <tr>
122 |                     <th>Customer ID</th>
123 |                     <th>Customer Name</th>
124 |                     <th>Customer Address</th>
125 |                     <th>Customer Salary</th>
126 |                 </tr>
127 |                 </thead>
128 |                 <tbody id="tblCustomer">
129 | 
130 |                 </tbody>
131 |             </table>
132 |         </div>
133 |     </section>
134 | 
135 | </main>
136 | 
137 | <!--item content-->
138 | <main class="container-fluid" id="itemContent">
139 |     <section class="row">
140 |         <div class="col-4">
141 |             <h1>Item Form</h1>
142 | 
143 |             <div class="form-group">
144 |                 <label for="itemCode">Item Code</label>
145 |                 <input class="form-control" id="itemCode" type="text">
146 |                 <span class="control-error" id="lblCode"></span>
147 |             </div>
148 |             <div class="form-group">
149 |                 <label for="itemName">Item Name</label>
150 |                 <input class="form-control" id="itemName" type="text">
151 |                 <span class="control-error" id="lblname"></span>
152 |             </div>
153 |             <div class="form-group">
154 |                 <label for="itemQty">Item Qty</label>
155 |                 <input class="form-control" id="itemQty" type="text">
156 |                 <span class="control-error" id="lblqty"></span>
157 |             </div>
158 |             <div class="form-group">
159 |                 <label for="itemPrice">Unit Price</label>
160 |                 <input class="form-control" id="itemPrice" type="text">
161 |                 <span class="control-error" id="lblprice"></span>
162 |             </div>
163 |             <div class="btn-group">
164 |                 <button class="btn btn-primary" id="btnItem">Add Item</button>
165 |                 <button class="btn btn-danger" id="btnItemDelete">Remove</button>
166 |                 <button class="btn btn-warning" id="btnItemUpdate">Update</button>
167 |                 <button class="btn btn-success">Get All</button>
168 |                 <button class="btn btn-danger" id="btn-clear">Clear All</button>
169 |             </div>
170 | 
171 |         </div>
172 |         <div class="col-8">
173 |             <table class="table table-bordered table-hover">
174 |                 <thead class="bg-danger text-white">
175 |                 <tr>
176 |                     <th>Item Code</th>
177 |                     <th>Item Name</th>
178 |                     <th>Item Qty</th>
179 |                     <th>Item Price</th>
180 |                 </tr>
181 |                 </thead>
182 |                 <tbody id="tblItem">
183 | 
184 |                 </tbody>
185 |             </table>
186 |         </div>
187 |     </section>
188 | 
189 | </main>
190 | 
191 | <!--order form-->
192 | <main class="container-fluid" id="orderContent">
193 |     <div class="container-fluid mt-4">
194 |         <!--main tile-->
195 |         <div class="jumbotron pt-4">
196 |             <div class="row">
197 |                 <div class="col-lg-4">
198 |                     <div class="card">
199 |                         <div class="card-header bg-primary font-weight-bolder">Invoice Details</div>
200 |                         <div class="card-body">
201 |                             <form>
202 |                                 <div class="row">
203 |                                     <div class="col-6">
204 |                                         <div class="form-group">
205 |                                             <label>Order ID :</label>
206 |                                             <input class="form-control" id="txtOrderID" type="text">
207 |                                             <span class="control-error"
208 |                                                   id="orderId-invalid-error"></span>
209 |                                         </div>
210 |                                     </div>
211 |                                     <div class="col-6">
212 |                                         <div class="form-group">
213 |                                             <label>Date :</label>
214 |                                             <input class="form-control" id="txtDate" type="date">
215 |                                         </div>
216 |                                     </div>
217 |                                 </div>
218 |                                 <div class="row">
219 |                                     <div class="col-6">
220 |                                         <div class="form-group">
221 |                                             <label>Customer :</label>
222 |                                             <select class="form-control" id="selectCusID">
223 | 
224 |                                             </select>
225 |                                             <span class="control-error"
226 |                                                   id="cus-empty-error"></span>
227 |                                         </div>
228 |                                     </div>
229 |                                     <div class="col-6">
230 |                                         <div class="form-group">
231 |                                             <label for="txtCustomerID">Customer ID</label>
232 |                                             <input class="form-control" id="orderCustomerID">
233 |                                         </div>
234 |                                     </div>
235 |                                 </div>
236 |                                 <div class="row">
237 |                                     <div class="col-6">
238 |                                         <div class="form-group">
239 |                                             <label>Name :</label>
240 |                                             <input class="form-control" id="orderCustomerName" type="text">
241 |                                         </div>
242 |                                     </div>
243 |                                     <div class="col-6">
244 |                                         <div class="form-group">
245 |                                             <label>Salary :</label>
246 |                                             <input class="form-control" id="orderCustomerSalary" type="text">
247 |                                         </div>
248 |                                     </div>
249 |                                     <div class="col-12">
250 |                                         <div class="form-group">
251 |                                             <label>Address :</label>
252 |                                             <input class="form-control" id="orderCustomerAddress" type="text">
253 |                                         </div>
254 |                                     </div>
255 |                                 </div>
256 |                             </form>
257 |                         </div>
258 |                     </div>
259 |                 </div>
260 |                 <div class="col-lg-5 mt-lg-0 mt-3">
261 |                     <div class="card">
262 |                         <div class="card-header bg-primary  font-weight-bolder">Item Select</div>
263 |                         <div class="card-body">
264 |                             <form>
265 |                                 <div class="row">
266 |                                     <div class="col-6">
267 |                                         <div class="form-group">
268 |                                             <label>Item :</label>
269 |                                             <select class="form-control" id="selectItemCode"></select>
270 |                                             <span class="control-error"
271 |                                                   id="item-empty-error"></span>
272 |                                         </div>
273 |                                     </div>
274 |                                     <div class="col-6">
275 |                                         <div class="form-group">
276 |                                             <label>Item Code :</label>
277 |                                             <input class="form-control" id="txtItemCode" type="text">
278 |                                         </div>
279 |                                     </div>
280 |                                     <div class="col-5">
281 |                                         <div class="form-group">
282 |                                             <label>Item Name :</label>
283 |                                             <input class="form-control" id="txtItemDescription" type="text">
284 |                                         </div>
285 |                                     </div>
286 |                                     <div class="col-4">
287 |                                         <div class="form-group">
288 |                                             <label class="">Price :</label>
289 |                                             <input class="form-control" id="txtItemPrice" type="text">
290 |                                         </div>
291 |                                     </div>
292 |                                     <div class="col-3">
293 |                                         <div class="form-group">
294 |                                             <label class="">QtyOnH :</label>
295 |                                             <input class="form-control" id="txtQTYOnHand" type="text">
296 |                                         </div>
297 |                                     </div>
298 |                                     <hr>
299 |                                     <hr>
300 |                                     <div class="col-12 mt-4">
301 |                                         <div class="form-group">
302 |                                             <label>Order Quantity :</label>
303 |                                             <input class="form-control" id="txtQty" min="1" type="number">
304 |                                             <span class="control-error" id="order-qty-empty-error"></span>
305 |                                         </div>
306 |                                     </div>
307 |                                 </div>
308 |                                 <div class="form-group text-right">
309 |                                     <button class="btn btn-danger col-12 col-sm-auto" id="btnAddToTable" type="button">
310 |                                         Add Item
311 |                                     </button>
312 |                                 </div>
313 |                             </form>
314 |                         </div>
315 |                     </div>
316 |                 </div>
317 |                 <div class="col-lg-3">
318 |                     <section class="content-box-2 p-4 ">
319 |                         <div class="row">
320 |                             <div class="col-12">
321 |                                 <div class="row">
322 |                                     <div class="col-12">
323 |                                         <span class="" id="total-text">Total : </span>
324 |                                     </div>
325 |                                     <div class="col-12">
326 |                                         <span id="total">00.0</span> Rs/=
327 |                                     </div>
328 |                                 </div>
329 | 
330 |                             </div>
331 |                             <div class="col-12">
332 |                                 <div class="row">
333 |                                     <div class="col-12">
334 |                                         <span id="total-text1">SubTotal : </span>
335 |                                     </div>
336 |                                     <div class="col-12">
337 |                                         <span id="subtotal">00.0</span> Rs/=
338 |                                     </div>
339 |                                 </div>
340 | 
341 |                             </div>
342 |                             <div class="col-6 mt-2">
343 |                                 <div class="form-group">
344 |                                     <label>Cash</label>
345 |                                     <input class="form-control" id="txtCash" min="0" type="number">
346 |                                     <span class="control-error"
347 |                                           id="cash-empty-error"></span>
348 |                                 </div>
349 |                             </div>
350 |                             <div class="col-6 mt-2">
351 |                                 <div class="form-group">
352 |                                     <label>Discount</label>
353 |                                     <input class="form-control" id="txtDiscount" min="0" type="number">
354 |                                 </div>
355 |                             </div>
356 |                             <div class="col-8">
357 |                                 <div class="form-group">
358 |                                     <label>Balance</label>
359 |                                     <input class="form-control" id="txtBalance" type="text">
360 |                                 </div>
361 |                             </div>
362 |                             <div class="col-4 mt-4">
363 |                                 <button class="btn btn-success" id="btnSubmitOrder" type="button">Purchase</button>
364 |                             </div>
365 |                         </div>
366 |                     </section>
367 |                 </div>
368 |             </div>
369 |             <!--order table-->
370 |             <div class="col-md-12 mt-4" style="height:180px; overflow-y: scroll">
371 |                 <table class="table table-bordered text-white">
372 |                     <thead class="bg-primary">
373 |                     <tr>
374 |                         <th>Item Code</th>
375 |                         <th>Item Name</th>
376 |                         <th>Price</th>
377 |                         <th>Quantity</th>
378 |                         <th>Total</th>
379 |                     </tr>
380 |                     </thead>
381 |                     <tbody class="bg-light text-dark" id="orderTable">
382 | 
383 |                     </tbody>
384 |                 </table>
385 |             </div>
386 |             <!---------->
387 |         </div>
388 |     </div>
389 | </main>
390 | 
391 | 
392 | <script src="assests/js/jquery-3.5.1.min.js"></script>
393 | <script src="controller/DashboardController.js"></script>
394 | <script src="controller/CustomerController.js"></script>
395 | <script src="dto/CustomerDTO.js"></script>
396 | <script src="db/Database.js"></script>
397 | </body>
398 | </html>
399 | 


--------------------------------------------------------------------------------
/05_SPA_POS/assests/css/bootstrap-reboot.min.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../../scss/bootstrap-reboot.scss","../../scss/_reboot.scss","dist/css/bootstrap-reboot.css","../../scss/vendor/_rfs.scss","bootstrap-reboot.css","../../scss/mixins/_hover.scss"],"names":[],"mappings":"AAAA;;;;;;ACkBA,ECTA,QADA,SDaE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,4BAAA,YAMF,QAAA,MAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAUF,KACE,OAAA,EACA,YAAA,aAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,mBEgFI,UAAA,KF9EJ,YAAA,IACA,YAAA,IACA,MAAA,QACA,WAAA,KACA,iBAAA,KGlBF,0CH+BE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KC9CF,0BDyDA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EACA,iCAAA,KAAA,yBAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QCnDF,GDsDA,GCvDA,GD0DE,WAAA,EACA,cAAA,KAGF,MCtDA,MACA,MAFA,MD2DE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,ECvDA,ODyDE,YAAA,OAGF,MExFI,UAAA,IFiGJ,IC5DA,ID8DE,SAAA,SEnGE,UAAA,IFqGF,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YIhLA,QJmLE,MAAA,QACA,gBAAA,UASJ,cACE,MAAA,QACA,gBAAA,KI/LA,oBJkME,MAAA,QACA,gBAAA,KC7DJ,KACA,IDqEA,ICpEA,KDwEE,YAAA,cAAA,CAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,UEpJE,UAAA,IFwJJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAGA,mBAAA,UAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,IAGE,SAAA,OACA,eAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,MAMF,OAEE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBC1GF,OD6GA,MC3GA,SADA,OAEA,SD+GE,OAAA,EACA,YAAA,QExPE,UAAA,QF0PF,YAAA,QAGF,OC7GA,MD+GE,SAAA,QAGF,OC7GA,OD+GE,eAAA,KG7GF,cHoHE,OAAA,QAMF,OACE,UAAA,OChHF,cACA,aACA,cDqHA,OAIE,mBAAA,OCpHF,6BACA,4BACA,6BDuHE,sBAKI,OAAA,QCvHN,gCACA,+BACA,gCD2HA,yBAIE,QAAA,EACA,aAAA,KC1HF,qBD6HA,kBAEE,WAAA,WACA,QAAA,EAIF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,ME/RI,UAAA,OFiSJ,YAAA,QACA,MAAA,QACA,YAAA,OAGF,SACE,eAAA,SGvIF,yCFGA,yCD0IE,OAAA,KGxIF,cHgJE,eAAA,KACA,mBAAA,KG5IF,yCHoJE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KGzJF,SH+JE,QAAA","sourcesContent":["/*!\n * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)\n * Copyright 2011-2020 The Bootstrap Authors\n * Copyright 2011-2020 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\nhtml {\n  font-family: sans-serif; // 2\n  line-height: 1.15; // 3\n  -webkit-text-size-adjust: 100%; // 4\n  -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n//    the `inherit` value on things like `<th>` elements.\n\nbody {\n  margin: 0; // 1\n  font-family: $font-family-base;\n  @include font-size($font-size-base);\n  font-weight: $font-weight-base;\n  line-height: $line-height-base;\n  color: $body-color;\n  text-align: left; // 3\n  background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n  text-decoration: underline; // 2\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  border-bottom: 0; // 4\n  text-decoration-skip-ink: none; // 5\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // Undo browser default\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n  @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n  position: relative;\n  @include font-size(75%);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n  background-color: transparent; // Remove the gray background on active links in IE 10.\n\n  @include hover() {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]) {\n  color: inherit;\n  text-decoration: none;\n\n  @include hover() {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-monospace;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n  // Remove browser default top margin\n  margin-top: 0;\n  // Reset browser default of `1em` to use `rem`s\n  margin-bottom: 1rem;\n  // Don't allow content to break outside\n  overflow: auto;\n  // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n  // making it impossible to interact with the content\n  -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n  // Apply a consistent margin strategy (matches our type styles).\n  margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n  vertical-align: middle;\n  border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n  // Workaround for the SVG overflow bug in IE10/11 is still required.\n  // See https://github.com/twbs/bootstrap/issues/26878\n  overflow: hidden;\n  vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n  border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n  padding-top: $table-cell-padding;\n  padding-bottom: $table-cell-padding;\n  color: $table-caption-color;\n  text-align: left;\n  caption-side: bottom;\n}\n\nth {\n  // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n  // closest parent with a set `text-align`.\n  text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n  // Allow labels to use `margin` for spacing.\n  display: inline-block;\n  margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n  // stylelint-disable-next-line property-blacklist\n  border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // Remove the margin in Firefox and Safari\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n  text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n  word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    &:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n  padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ntextarea {\n  overflow: auto; // Remove the default vertical scrollbar in IE.\n  // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n  resize: vertical;\n}\n\nfieldset {\n  // Browsers set a default `min-width: min-content;` on fieldsets,\n  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n  // So we reset that to ensure fieldsets behave more like a standard block element.\n  // See https://github.com/twbs/bootstrap/issues/12359\n  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n  min-width: 0;\n  // Reset the default outline behavior of fieldsets so they don't affect page layout.\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%; // 1\n  padding: 0;\n  margin-bottom: .5rem;\n  @include font-size(1.5rem);\n  line-height: inherit;\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\nprogress {\n  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  // This overrides the extra rounded corners on search inputs in iOS so that our\n  // `.form-control` class can properly style them. Note that this cannot simply\n  // be added to `.form-control` as it's not specific enough. For details, see\n  // https://github.com/twbs/bootstrap/issues/11586.\n  outline-offset: -2px; // 2. Correct the outline style in Safari.\n  -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n  font: inherit; // 2\n  -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item; // Add the correct display in all browsers\n  cursor: pointer;\n}\n\ntemplate {\n  display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n  display: none !important;\n}\n","/*!\n * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)\n * Copyright 2011-2020 The Bootstrap Authors\n * Copyright 2011-2020 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  text-align: left;\n  background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n  text-decoration: underline;\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  cursor: help;\n  border-bottom: 0;\n  -webkit-text-decoration-skip-ink: none;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\na {\n  color: #007bff;\n  text-decoration: none;\n  background-color: transparent;\n}\n\na:hover {\n  color: #0056b3;\n  text-decoration: underline;\n}\n\na:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 1em;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n  -ms-overflow-style: scrollbar;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\n\nsvg {\n  overflow: hidden;\n  vertical-align: middle;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  color: #6c757d;\n  text-align: left;\n  caption-side: bottom;\n}\n\nth {\n  text-align: inherit;\n}\n\nlabel {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n  cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  padding: 0;\n  margin-bottom: .5rem;\n  font-size: 1.5rem;\n  line-height: inherit;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px;\n  -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n      // Set the calculated font-size.\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n    }\n\n    // Rendering\n    @if $rfs-fluid == null {\n      // Only render static font-size if no fluid font-size is available\n      font-size: $rfs-static;\n    }\n    @else {\n      $mq-value: null;\n\n      // RFS breakpoint formatting\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n      }\n      @else if $rfs-breakpoint-unit == px {\n        $mq-value: #{$rfs-breakpoint}px;\n      }\n      @else {\n        @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n      }\n\n      @if $rfs-class == \"disable\" {\n        // Adding an extra class increases specificity,\n        // which prevents the media query to override the font size\n        &,\n        .disable-responsive-font-size &,\n        &.disable-responsive-font-size {\n          font-size: $rfs-static;\n        }\n      }\n      @else {\n        font-size: $rfs-static;\n      }\n\n      @if $rfs-two-dimensional {\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n      @else {\n        @media (max-width: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","/*!\n * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)\n * Copyright 2011-2020 The Bootstrap Authors\n * Copyright 2011-2020 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  text-align: left;\n  background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  cursor: help;\n  border-bottom: 0;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\na {\n  color: #007bff;\n  text-decoration: none;\n  background-color: transparent;\n}\n\na:hover {\n  color: #0056b3;\n  text-decoration: underline;\n}\n\na:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n\na:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 1em;\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n  -ms-overflow-style: scrollbar;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\n\nsvg {\n  overflow: hidden;\n  vertical-align: middle;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  color: #6c757d;\n  text-align: left;\n  caption-side: bottom;\n}\n\nth {\n  text-align: inherit;\n}\n\nlabel {\n  display: inline-block;\n  margin-bottom: 0.5rem;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n  cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  padding: 0;\n  margin-bottom: .5rem;\n  font-size: 1.5rem;\n  line-height: inherit;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=\"search\"] {\n  outline-offset: -2px;\n  -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n"]}


--------------------------------------------------------------------------------
/01_Core/index1.html:
--------------------------------------------------------------------------------
   1 | <!--/**-->
   2 | <!--* @author : Sanu Vithanage-->
   3 | <!--* @since : 0.0.1-->
   4 | <!--**/-->
   5 | <!DOCTYPE html>
   6 | <html lang="en">
   7 | <head>
   8 |     <meta charset="UTF-8">
   9 |     <title>Java Script Basic</title>
  10 | </head>
  11 | <body>
  12 | <h1>Java Script Core</h1>
  13 | 
  14 | <script>
  15 | 
  16 |     // alert("Hello");
  17 | 
  18 |     /*
  19 |     console.log("Hello this is my Console Output");
  20 |     document.write("Hello this for document");
  21 |      */
  22 | 
  23 | 
  24 |     //Strong Type Language (Java)
  25 |     // String name="Dasun";
  26 | 
  27 | 
  28 |     /*    //Loosly Typed Language
  29 |         var name = "Dasun"; //no data types - var is a declaration type which explain this is a variable
  30 |         console.log(name);
  31 |         console.log(typeof name);//string
  32 | 
  33 |         //Dynamic Type Language
  34 |         //Variables type can be change dynamically
  35 |         var age=10;
  36 |         console.log(typeof age);//number
  37 |         age="No age";
  38 |         console.log(typeof age);//string*/
  39 | 
  40 | 
  41 |     // Declartion Types
  42 |     // Var// Let// Const
  43 | 
  44 | 
  45 |     // VAR
  46 |     // * no scope satisfaction
  47 |     // * variable name can be duplicate
  48 |     // * Support for dynamic typing
  49 | 
  50 |     /* var name = "IJSE";
  51 |      if (true) {
  52 |          var address = "Panadura";
  53 |          console.log(name);
  54 |      }
  55 |      console.log(address); // no error*/
  56 | 
  57 |     // var name="Minduala"; // name is already defined but no any error
  58 | 
  59 | 
  60 |     /* //LET (Declaration)
  61 |      // variable name duplicate (No)
  62 |      //Scope Satisfied
  63 |      //Dynamic Type Support
  64 | 
  65 |      //No variable name duplication
  66 |      let name = "Kasun";
  67 |      // let name="Dasun";//error
  68 |      //Uncaught SyntaxError: Identifier 'name' has already been declared
  69 | 
  70 |      //scope satisfied
  71 |      let age = 10;//global scope
  72 |      {
  73 |          // local scope
  74 |          let address = "Panadura";
  75 |          console.log(age);// valid
  76 |      }
  77 |      console.log(address); // error
  78 | 
  79 | 
  80 |      //Support for dynamic typing
  81 |      let salary = 100;
  82 |      console.log(typeof salary); //number
  83 | 
  84 |      salary = "100";
  85 |      console.log(typeof salary); //string*/
  86 | 
  87 | 
  88 |     /*    // Const
  89 |         //must have a initialize value when the variable declare
  90 |         // variable name duplicate (No)
  91 |         //Scope Satisfied
  92 |         //One time Declaration. cannot change values after declare
  93 | 
  94 |         const id = "C001";
  95 |         // const id = "C002";// error // cannot duplicate name
  96 | 
  97 |         // scope satisfied
  98 |         {
  99 |             const name="Manura";
 100 |         }
 101 |         // console.log(name);// error
 102 | 
 103 |         //One time declaration
 104 |         const age=10;
 105 |         // age=20;// error. cannot chanage values after declaration*/
 106 | 
 107 | 
 108 | 
 109 | 
 110 |     // //variables
 111 |     // //Case Sensitive
 112 |     // let name = "Ravindu";
 113 |     // let Name = "Kavindu";
 114 |     //
 115 |     //
 116 |     // //Variable Names
 117 |     //
 118 |     // let azHello="JS";
 119 |     // let _myName="Institute of Software Engineering";
 120 |     // let $compnay="ABCD";
 121 |     //
 122 |     // // let 3fd=100; // error numbers cannot be used for variables names as the first character
 123 | 
 124 | 
 125 |     //Hoisting
 126 |     /*     -Variable Hoisting
 127 |            -Function Hoisting*/
 128 | 
 129 |     /*
 130 |         // Variable Hoisting
 131 |         // console.log(x);//undifined
 132 | 
 133 |         //referred to a variable declared later
 134 |         console.log(x);//undefined
 135 |         var x = 100;
 136 |         console.log(x); //100*/
 137 | 
 138 | 
 139 | 
 140 |     // Functional Hoisting
 141 |     // printMyDetails();
 142 |     //
 143 |     // function printMyDetails() {
 144 |     //     console.log("My Name Is Thihan");
 145 |     //     console.log("My Age is 100");
 146 |     //     console.log("Im Living in India");
 147 |     // }
 148 | 
 149 | 
 150 |     // Data Types
 151 |     // Primitive Data Types
 152 |     /*    *String
 153 |           *Boolean
 154 |           *Undefined
 155 |            *Number
 156 |          // BigInt
 157 |          //Symbol
 158 | 
 159 |         //Structural Data Types
 160 |         *Null
 161 |         Object
 162 |         */
 163 | 
 164 | 
 165 |     /*    //String
 166 |         // there are two ways that we can set a string
 167 |         var name="IJSE";
 168 |         var address='Panadura';
 169 | 
 170 |         // String Related Methods
 171 |         name.length; // can get the length of the string
 172 |         name.charAt(0);// can get the character from index number
 173 |         name.charCodeAt(1);// can get char Code from index number
 174 |         name.trim();// can remove spaces from both sides
 175 |         name.trimLeft();// remove spaces only from left side
 176 |         name.trimRight();// remove spaces only from right side
 177 |         name.substr(1,2);// get index and length and select a range
 178 |         name.substring(1,2);// get start and end number of index numbers and select a range
 179 |         name.indexOf("a");// return index number of a character
 180 |         name.toUpperCase(); //can convert string into upper case
 181 |         name.toLowerCase(); //can convert string into lower case
 182 |         name.split(","); // can split a string into parts using a separator
 183 |         */
 184 | 
 185 |     // Boolean
 186 |     // var boolean1=true;
 187 |     // var boolean2=false;
 188 |     // typeof boolean1;
 189 |     // typeof boolean2;
 190 | 
 191 |     /*   //Undefined
 192 |        var s; // no value defined // so there is no data type for s
 193 |        typeof s; // if we check the data type now the result is undefined
 194 |        // "undefined"
 195 | 
 196 |        //when a value is not assigned to a variable its type refers to undefined
 197 |        //because its not defined*/
 198 | 
 199 |     /*    // Null
 200 |         var myAge=null;
 201 |         typeof null; //object
 202 | 
 203 |         // when we want to defined a value(initialize) and when we dont know the actual
 204 |         // value we can use null to initialize that variable
 205 | 
 206 |         //null is a object type in js*/
 207 | 
 208 | 
 209 |     /* //Numbers
 210 |      // ===========
 211 | 
 212 |      // Integers
 213 |      //-Decimal
 214 |      //-binary
 215 |      //-Octal
 216 |      //-HexDecimal
 217 | 
 218 |      //Floating Points
 219 | 
 220 |      //Integer
 221 |      var num1 = 342;
 222 |      typeof num1;//number
 223 | 
 224 |      //floating point number
 225 |      var num2 = 23.34;
 226 |      typeof num2;//number
 227 | 
 228 | 
 229 |      //Decimal
 230 |      var d1 = 1020;
 231 |      typeof d1;
 232 | 
 233 |      //Binary
 234 |      var b1 = 0b1010;
 235 |      typeof b1;
 236 | 
 237 |      //Octal
 238 |      var o1 = 0o72;
 239 |      typeof o1;
 240 | 
 241 |      //HexDecimal
 242 |      var hd = 0xA;
 243 |      typeof hd;
 244 |  */
 245 | 
 246 |     /*    // BigInt
 247 |         // (if we want to use large numbers we can use this data types)
 248 |         Number.MAX_SAFE_INTEGER // we can get the max value in the Number's safe zone with this
 249 |         // if we want to use large number than that we can use BigInt to represent that value;
 250 | 
 251 |         var bigInt = 394949494n;
 252 |         typeof bigInt;//bigint*/
 253 | 
 254 | 
 255 |     /*    // Object
 256 |         // a container for values
 257 | 
 258 |         // js object
 259 |         var customer = {
 260 |             id: "C001", //properties
 261 |             name: "Ishanka",
 262 |             age: 10,
 263 |             state: "Single",
 264 |             availability: true
 265 |         }
 266 |         typeof customer; //object
 267 | 
 268 |         // how to access object properties
 269 |         customer.id; // dot notation //C001
 270 |         customer['id']// bracket notation //C001
 271 | 
 272 |         // dynamically  adding properties and deleting..?
 273 | 
 274 |         customer.address="Galle"; //adding a property to the customer object
 275 | 
 276 |         delete customer.id;// removing a property from customer object
 277 |         //those both are possible in js
 278 |         */
 279 | 
 280 | 
 281 | 
 282 |     /*    // Methods in Objects
 283 |         var customer={
 284 |             id:"C001",
 285 |             name:"Dasun",
 286 |             getCustomerDetails:function (){ //this is how to write a method in js object
 287 |                 console.log("Get Customer Details Function Called");
 288 |             }
 289 |         }
 290 |         customer.getCustomerDetails();// we can call a method like this
 291 | 
 292 |         // can we add methods dynamically..? yes
 293 |         customer.getCustomerID=function (){
 294 |             console.log("Customer ID is C001");
 295 |         }
 296 | 
 297 |         customer.getCustomerID(); // we can do that.*/
 298 | 
 299 | 
 300 |     /*    // access properties in function
 301 |         var customer ={
 302 |             id:'C001',
 303 |             name:'Dasun',
 304 |             getCustomerDetails:function (){
 305 |                 console.log("Customer ID :"+this.id+" and Customer Name is: "+this.name);
 306 |             }
 307 |         }
 308 | 
 309 |         customer.getCustomerDetails();*/
 310 | 
 311 | 
 312 | 
 313 |     /* // Array Literals
 314 |      //literal base array
 315 |      var customerNames=["Udara","Chapa","Aazaf","Sandakelum","Ishanka"];
 316 | 
 317 |      //constructor base array
 318 |      var colors=new Array("red","Green","Orange","Purple");
 319 | 
 320 |      // how to accsess values in a array
 321 |      // colors[0];// red
 322 | 
 323 |      // Array Related Methods
 324 |      // colors.pop(); // remove the last indexed value in the array
 325 |      // colors.push(10); // add new value to the last index of the array
 326 |      // colors.shift(); // remove the first index value of the array
 327 |      // colors.unshift(10); // add a new value to the first index of the array
 328 |      // colors.slice(1,3);// can copy selected range values to a new array
 329 |      // colors.splice(1,1); // remove selected range values from array
 330 |      // colors.reverse(); // can reverse the values of the array
 331 |      // colors.length; // can get count of values in a array*/
 332 | 
 333 | 
 334 |     /*
 335 |         // RegEx Literals
 336 |         //can store Regular Expression in JS
 337 | 
 338 |         var simpleValidation=/^[a-z]{3}$/;
 339 | 
 340 |         //test a string using the above pattern
 341 |         var name="dasun";
 342 |         simpleValidation.test(name); // false
 343 |     */
 344 | 
 345 | 
 346 |     // ==================================
 347 | 
 348 | 
 349 |     // Function
 350 |     // -Declaration
 351 |     // -Expression
 352 |     /*
 353 |         //Declaration Case -1
 354 |         function getMyDetails() {
 355 |             var name = "Dasun"
 356 |             console.log(name);
 357 |         }
 358 | 
 359 |         getMyDetails();*/
 360 | 
 361 |     /*
 362 |     // Case 2
 363 |         var age = getMyName();
 364 | 
 365 |         //Declaration
 366 |         function getMyName() {
 367 |             return 10;
 368 |         }
 369 | 
 370 |         console.log(age);
 371 |     */
 372 | 
 373 |     /*
 374 |         //Expression
 375 |         // In Programming Languages we called they have First Class Functions when functions
 376 |         // in that language are treated like any other variable.
 377 |         var myName = function () {
 378 |             return "IJSE";
 379 |         }
 380 |         console.log(myName());*/
 381 | 
 382 | 
 383 |     // Function Arguments
 384 |     //case-1
 385 |     /*    function printMyDetails(id, name) {
 386 |             console.log("Customer ID is " + id);
 387 |             console.log("Customer Name is " + name)
 388 |         }
 389 | 
 390 |         printMyDetails("C001", "Malindu");*/
 391 | 
 392 | 
 393 |     //case-2
 394 |     /*    function printMyDetails(name,address){
 395 |             console.log(name,address);
 396 |         }
 397 | 
 398 |         printMyDetails("Ravindu","Galle");*/
 399 | 
 400 | 
 401 |     /*
 402 |         // case 3
 403 |         // Overloading Support..?
 404 |         function printMyDetails(id, name) {
 405 |             console.log("First Function")
 406 |         }
 407 | 
 408 |         function printMyDetails(id, name, address) {
 409 |             console.log("Second Function")
 410 |         }
 411 | 
 412 |         //No overloading support
 413 |         //always call the last function
 414 |         printMyDetails("C001", "Pramuda", "Galle", 1000);
 415 |     */
 416 | 
 417 | 
 418 | 
 419 |     // Arguments Object
 420 | 
 421 |     /*    function getMyDetails(id,name) {
 422 |             console.log(arguments[0]);
 423 |             console.log(arguments[1]);
 424 |             console.log(id);
 425 |             console.log(name);
 426 |         }
 427 | 
 428 |         getMyDetails("C001","Dasun","Amal","Galle");*/
 429 | 
 430 | 
 431 |     // Nested function
 432 |     //We can implement function inside another function
 433 |     /*    function getAge(){
 434 | 
 435 |             function calculateAge(){//nested function
 436 |                 return 10+20;
 437 |             }
 438 |             //this can be called only inside this function// cannot call outside of this function
 439 |             return calculateAge();
 440 |         }
 441 | 
 442 |         var age=getAge();
 443 |         console.log(age);*/
 444 | 
 445 |     // =====================================
 446 | 
 447 |     /*    var mySalary=100;//global scope
 448 |         function getMyName(){
 449 |             var myName="Dasun"; //local variables
 450 |             console.log(mySalary);// 100
 451 |             console.log(myName);//Dasun
 452 | 
 453 |         }
 454 |         getMyName();
 455 |         console.log(myName);//error*/
 456 | 
 457 | 
 458 |     /*
 459 | 
 460 |         // Arrow Function
 461 |         var getMyName = () => {
 462 |             console.log("My Name Is Thihan");
 463 |         }
 464 |         getMyName();
 465 | 
 466 |     */
 467 | 
 468 |     // Loops and Iteration
 469 |     // for
 470 |     // forEach
 471 |     //for if
 472 |     //for of
 473 |     //while
 474 |     //do while
 475 | 
 476 |     /*
 477 |         //for loop
 478 |         for (var i = 0; i < 10; i++) {
 479 |             console.log(i);
 480 |         }
 481 |     */
 482 |     //while loop
 483 |     /*    var a = 0;
 484 |         while (a < 10) {
 485 |             a++;
 486 |             console.log(a);
 487 |         }
 488 |         */
 489 | 
 490 |     //Do While
 491 |     /*    var m = 0;
 492 |         do {
 493 |             console.log(m);
 494 |             m++;
 495 |         } while (m < 10);*/
 496 | 
 497 | 
 498 |     // var colors = ['Red', 'Green', 'Orange', 'Purple', "Pink"];
 499 | 
 500 |     // for (var i = 0; i < colors.length; i++) {
 501 |     //     console.log(colors[i]);
 502 |     // }
 503 | 
 504 |     /*    //for of
 505 |         for (var i of colors) {
 506 |             console.log(i);// value of the index
 507 |         }
 508 | 
 509 | 
 510 |         // for in
 511 |         for (var i in colors) {
 512 |             console.log(i);//index number of the value
 513 |         }*/
 514 | 
 515 | 
 516 |     /*    //forEach
 517 |         //this is a callback function
 518 |         colors.forEach(function (value) {
 519 |             console.log(value);
 520 |         });*/
 521 | 
 522 | 
 523 |     // Control Structures
 524 | 
 525 |     //if,, else if
 526 |     //switch cases
 527 |     //ternary operators
 528 | 
 529 |     // //if case
 530 |     // var a = 100;
 531 |     //
 532 |     // if (a == 200) {
 533 |     //     console.log("Equal")
 534 |     // } else {
 535 |     //     console.log("Does not Equal")
 536 |     // }
 537 | 
 538 | 
 539 |     /*
 540 |         //else if
 541 |         var a = 200;
 542 |         if (a == 10) {
 543 |             console.log("A is 10");
 544 |         } else if (a == 20) {
 545 |             console.log("A is 20");
 546 |         } else if (a == 200) {
 547 |             console.log("A is 200");
 548 |         } else {
 549 |             console.log("A is nothing above");
 550 |         }
 551 |     */
 552 | 
 553 | 
 554 |     /*    //Switch Case
 555 |         var source = "IJSE";
 556 | 
 557 |         switch (source) {
 558 |             case "CMJD":
 559 |                 console.log("CMJD SELECTED");
 560 |                 break;
 561 |             case "IJSE":
 562 |                 console.log("IJSE SELECTED");
 563 |                 break;
 564 |             default:
 565 |                 console.log("NOTHING ABOVE SELECTED")
 566 | 
 567 |         }
 568 | 
 569 | 
 570 |         //Ternary Operator
 571 |         var result = (10 < 20) ? 100 : 200;
 572 |         console.log(result);*/
 573 | 
 574 |     /*
 575 | 
 576 |         //Parsing a string to a number
 577 |         var age1 = "100";
 578 |         var age2 = "200";
 579 |         var totalAge = parseInt(age1) + parseInt(age2);
 580 |         // var totalAge = age1 + age2;
 581 |         console.log(totalAge);
 582 | 
 583 | 
 584 |         parseInt("100")//can parse a string into Number type(int)
 585 |         parseFloat("20.34");//can parse a string into Number Type(float)
 586 | 
 587 |         //another way to do the same thing(parse a string to number)
 588 |         var tot = (+"500") + (+"200");
 589 |         console.log(tot);
 590 |     */
 591 | 
 592 | 
 593 | 
 594 |     /*    // Objects
 595 |         //literal base // row state
 596 |         //Constructor Base (Function Base )
 597 | 
 598 |         // literal base object
 599 |         var customer = {
 600 |             id: 'C001',
 601 |             name: "Dasun",
 602 |             age: 10,
 603 |             salary:2000
 604 |         }
 605 | 
 606 |         //what we can do with this object
 607 | 
 608 |         //accessing properties values
 609 |         customer.id;//C001
 610 | 
 611 |         //change existing property values
 612 |         customer.id = "C002";
 613 | 
 614 |         //adding new properties
 615 |         customer.address = 'Panadura';
 616 | 
 617 |         //deleting existing properties
 618 |         delete customer.address;
 619 | 
 620 |         //count all properties of the object
 621 |         Object.keys(customer);//return all property names
 622 | 
 623 | 
 624 |         // so how to limit them as we want
 625 |         //we can use object property descriptors for that
 626 | 
 627 |         Object.getOwnPropertyDescriptor(customer, 'id');
 628 |         // {value: "C002", writable: true, enumerable: true, configurable: true}
 629 | 
 630 |         // we can use those property descriptors to change the behaviours of properties as we want
 631 |         // value
 632 |         // writable
 633 |         // enumerable
 634 |         // configurable
 635 | 
 636 | 
 637 |         // What is Writable
 638 |         //by using this attribute in property descriptors we
 639 |         // can stop the value change of the property
 640 | 
 641 |         Object.defineProperty(customer,'id',{
 642 |             writable:false // changed true to false
 643 |         });
 644 | 
 645 |         customer.id="C004"; //looks like its changed but not changed
 646 | 
 647 |         customer.id;//C002 (old value)
 648 | 
 649 | 
 650 |         //Enumerable
 651 |         //Remove the Property Keys Countable state
 652 |         Object.defineProperty(customer,'name',{
 653 |             writable:false,
 654 |             enumerable:false// remove from countable state
 655 |         })
 656 | 
 657 |         Object.keys(customer);// no name in the result
 658 | 
 659 |         for(var i of customer){
 660 |             console.log(i);// no name detected in the result
 661 |         }
 662 | 
 663 |         //Configurable
 664 |         //Cannot Reconfigure (Non-Configurable)
 665 |         //cannot delete
 666 |         Object.getOwnPropertyDescriptor(customer,'salary');
 667 |         // {value: 2000, writable: true, enumerable: true, configurable: true}
 668 | 
 669 |         Object.defineProperty(customer,'salary',{
 670 |             configurable:false// non-configurable
 671 |         });
 672 | 
 673 |         delete customer.salary; //cannot delete
 674 | 
 675 |         //can we change non-configurable to configurable again..?
 676 |         Object.defineProperty(customer,'salary',{
 677 |             configurable:true//error, cannot do this
 678 |         });
 679 | 
 680 |         //can we change other attributes after changing to non-configurable
 681 |         Object.getOwnPropertyDescriptor(customer,'salary');
 682 |         // {value: 2000, writable: true, enumerable: true, configurable: false}
 683 | 
 684 | 
 685 |         Object.defineProperty(customer,'salary',{
 686 |            writable:false// if writable was true when we change to non-configurable, yes we can do it,
 687 |             //otherwise no, we cannot do it
 688 |         });
 689 | 
 690 |         Object.defineProperty(customer,'salary',{
 691 |             writable:true// error... cannot do this again
 692 |         });
 693 |         */
 694 | 
 695 | 
 696 |     // Object Properties
 697 |     // There are two types of properties
 698 |     //     -Data Properties
 699 |     //     -Accessor Properties
 700 |     // ==========================================
 701 |     /*
 702 |         // Data Properties
 703 |         //Data Properties always have direct values
 704 |         var customer = {
 705 |             id: "C001", // data property
 706 |             name: "Dasun"
 707 |         }
 708 |         //and also data properties have 4 property descriptors
 709 |         Object.getOwnPropertyDescriptor(customer,'id');
 710 |         // {value: "C001", writable: true, enumerable: true, configurable: true}
 711 | 
 712 | 
 713 |         // -Accessor Properties
 714 |         // Accessor properties dont have direct values. their values are assigned by
 715 |         // getters and setters
 716 | 
 717 |         //this is how to declare a accessor property
 718 |         Object.defineProperty(customer,'address',{
 719 |             get(){
 720 |                 return address;
 721 |             },
 722 |             set(newValue){
 723 |                 address=newValue;
 724 |             },
 725 |             enumerable:true,
 726 |             configurable:true,
 727 |             // writable:true, //error - accessor properties cannot have writable
 728 |             // value:"D" // error - accessor properties cannot have a value
 729 |         });
 730 | 
 731 |         //And property descriptors are also changed in Accessor properties
 732 |         Object.getOwnPropertyDescriptor(customer,'address');
 733 |         // {enumerable: false, configurable: false, get:f, set:f}
 734 |         // there are only 4 descriptors
 735 |         // writable and value attributes are not here because there is no direct value
 736 | 
 737 |         // ======================================================*/
 738 | 
 739 | 
 740 |     // Freeze vs Seal
 741 |     //we can use these methods to affect the all properties behaviours of a object
 742 |     //from a one call
 743 | 
 744 |     /*// Freeze
 745 |     var customer = {
 746 |         id: 'C001',
 747 |         name: 'Dasun'
 748 |     }
 749 |     //before freezing
 750 |     Object.getOwnPropertyDescriptor(customer, 'id');
 751 |     // {value: "C001", writable: true, enumerable: true, configurable: true}
 752 |     Object.getOwnPropertyDescriptor(customer, 'name');
 753 |     // {value: "Dasun", writable: true, enumerable: true, configurable: true}
 754 | 
 755 |     //freeze the customer object
 756 |     Object.freeze(customer);
 757 | 
 758 |     //after freezing
 759 |     Object.getOwnPropertyDescriptor(customer, 'id');
 760 |     // {value: "C001", writable: false, enumerable: true, configurable: false}
 761 |     Object.getOwnPropertyDescriptor(customer, 'name');
 762 |     // {value: "Dasun", writable: false, enumerable: true, configurable: false}
 763 | 
 764 |     //so after freezing we cannot re-configure the object and change the values of the properties
 765 |     delete customer.id;// not working
 766 |     customer.id = "C003";// not working
 767 | 
 768 |     customer.address = "Galle";// cannot add new properties to the object after freezing
 769 |     // customer.address// undefined
 770 | 
 771 | 
 772 |     // Seal
 773 |     var item = {
 774 |         iCode: 'I001',
 775 |         iName: 'Lux'
 776 |     }
 777 | 
 778 |     Object.getOwnPropertyDescriptor(item, 'iCode');
 779 |     // {value: "I001", writable: true, enumerable: true, configurable: true}
 780 |     Object.getOwnPropertyDescriptor(item, 'iName');
 781 |     // {value: "Lux", writable: true, enumerable: true, configurable: true}
 782 | 
 783 |     Object.seal(item);
 784 | 
 785 |     Object.getOwnPropertyDescriptor(item, 'iCode');
 786 |     // {value: "I001", writable: true, enumerable: true, configurable: false}
 787 |     Object.getOwnPropertyDescriptor(item, 'iName');
 788 |     // {value: "Lux", writable: true, enumerable: true, configurable: false}
 789 | 
 790 |     //so after sealing item object properties are non-configurable
 791 |     delete item.iCode;// not working
 792 | 
 793 |     item.iCode = "I002";// working
 794 | 
 795 |     item.price = 300;// not working .. cannot add new properties*/
 796 | 
 797 | 
 798 | 
 799 |     // Constructor Base Objects (Function Base Objects)
 800 |     // ===================================================
 801 |     //Literal base object
 802 |     /*
 803 |         var customer = {
 804 |             id: 'C001'//property
 805 |         }
 806 | 
 807 |         typeof customer;//object
 808 |         // how to make a constructor base object
 809 |         //function customer
 810 |         function Customer() {
 811 |             this.id = 'C001';//property
 812 |         }
 813 | 
 814 |         typeof Customer;//function
 815 |         // Customer();//method
 816 |         // how to create a object using Customer function..?
 817 |         //using new keyword and calling the function can create a Object
 818 |         var c1 = new Customer(); // c1 is a object
 819 |         typeof c1;//object
 820 |         c1.id;//C001
 821 |     */
 822 | 
 823 | 
 824 |     // Function base objects further more
 825 |     /*    function Customer() {
 826 |             this.id = "C001"; //property
 827 |             this.name = "Neranjaya";
 828 |             this.age = 33;
 829 |             this.getCustomerID=function (){ //functions
 830 |                 return this.id;
 831 |             }
 832 |         }
 833 | 
 834 |         var c1 = new Customer();
 835 |         var c2 = new Customer();
 836 | 
 837 |         c1.age = 44;//can change or call values
 838 |         c1.getCustomerID(); //can call methods also*/
 839 | 
 840 | 
 841 |     /* // Constructor usage in Function Base Objects
 842 |      function Item(icode, iname, iprice) {
 843 |          this.icode = icode;
 844 |          this.iname = iname;
 845 |          this.iprice = iprice;
 846 |          this.getItemCode = function () {
 847 |              return this.icode;
 848 |          }
 849 |      }
 850 | 
 851 |      //we can make lot of objects using Item function
 852 |      var i1 = new Item('I001', 'Lux', 300);
 853 |      i1.icode;//I001
 854 | 
 855 |      var i2 = new Item('I002', 'Signal', 200);
 856 |      i2.iname;//Signal
 857 |      i2.iprice;//200
 858 |  */
 859 |     //we can access properties directly
 860 | 
 861 |     //can we make them private..? and access them using getter and setters..? yes
 862 |     // (apply encapsulation) // yes
 863 | 
 864 |     /* function Customer(id, name, address, salary) {
 865 |          var __id = id; // absolutely private (convention)
 866 |          var __name = id;
 867 |          var __address = address;
 868 |          var __salary = salary;
 869 | 
 870 |          this.getCustomerID = function () {
 871 |              return __id;
 872 |          }
 873 |          this.getCustomerName = function () {
 874 |              return __name;
 875 |          }
 876 |          this.getCustomerAddress = function () {
 877 |              return __address;
 878 |          }
 879 |          this.getCustomerSalary = function () {
 880 |              return __salary;
 881 |          }
 882 |          this.setCustomerID = function (newID) {
 883 |              __id = newID;
 884 |          }
 885 |          this.setCustomerName = function (newName) {
 886 |              __name = newName;
 887 |          }
 888 |          this.setCustomerAddress = function (newAddress) {
 889 |              __address = newAddress;
 890 |          }
 891 |          this.setCustomerSalary = function (newSalary) {
 892 |              __salary = newSalary;
 893 |          }
 894 |      }
 895 | 
 896 |      let c1 = new Customer("C001", "Dasun", "Galle", 2000);
 897 |      c1.getCustomerID(); //C001
 898 |      c1.setCustomerID("C002")
 899 |      c1.getCustomerID(); //C002*/
 900 | 
 901 | 
 902 | 
 903 |     // Prototypes In Objects
 904 |     //Object //root
 905 |     //Function //function root
 906 | 
 907 |     // Object.prototype // can access the prototype
 908 |     // Object.__proto__
 909 |     // Object.prototype.constructor // can access the prototype constructor
 910 |     // Object.prototype.__proto__
 911 | 
 912 |     // Function.prototype
 913 |     // Function.__proto__
 914 |     // Function.prototype.constructor
 915 |     // Function.prototype.__proto__
 916 | 
 917 | 
 918 | 
 919 |     // Object.__proto__==Function.__proto__
 920 |     // true
 921 |     // Function.__proto__==Object.__proto__
 922 |     // true
 923 | 
 924 | 
 925 |     // Function.prototype.__proto__==Object.prototype
 926 |     // true
 927 |     // Object.prototype.__proto__==null
 928 |     // true
 929 | 
 930 | 
 931 |    /* customer.__proto__==Object.prototype// true
 932 |     customer.__proto__==Object// false
 933 |     customer.__proto__==Function.prototype// false
 934 | 
 935 |     function Customer(){
 936 |         this.id="C001";
 937 |     }
 938 | 
 939 |     Customer.prototype
 940 | 
 941 |     Customer.__proto__==Function// false
 942 | 
 943 |     Customer.__proto__==Function.prototype// true
 944 | 
 945 |     Customer.prototype.__proto__==Object.prototype// true*/
 946 | 
 947 | 
 948 |     // ==========================
 949 |    /* var customer={
 950 |         id:'C001',
 951 |         name:'Dasun'
 952 |     }
 953 |     function Customer(){
 954 |         this.id="C001";
 955 |     }
 956 | 
 957 |     var c1=new Customer();
 958 |     typeof c1;// "object"
 959 | 
 960 |     c1.__proto__==Object.prototype// false
 961 |     c1.__proto__==Function.prototype// false
 962 |     c1.__proto__==Customer.prototype// true
 963 |     var c2= new Customer();
 964 | 
 965 |     c2.__proto__==Customer.prototype// true
 966 |     c1
 967 | 
 968 |     Customer.prototype.test=2000;
 969 | 
 970 |     c1.test//2000
 971 |     c2.test//2000
 972 | 
 973 |     var c3= new Customer();
 974 |     c3.test//2000
 975 | 
 976 |     var item={
 977 |         code:"I001"
 978 |     }
 979 | 
 980 |     Object.prototype.test2=300;
 981 |     item.test2//300
 982 |     item.__proto__==Object.prototype//true
 983 |     */
 984 | 
 985 | 
 986 | 
 987 |     // // =======================
 988 |     // // another way of creating objects
 989 |     // //Referring Function Prototype
 990 |     // var newOb=Object.create(Function.prototype);
 991 |     // newOb.__proto__==Function.prototype//true
 992 |     //
 993 |     // //Referring Object Prototype
 994 |     // var newOb2=Object.create(Object.prototype);
 995 |     // newOb2.__proto__==Object.prototype//true
 996 |     // Object.prototype.age=20;
 997 |     // newOb2.age//20
 998 |     //
 999 | 
1000 |     
1001 | 
1002 |     // Inheritance
1003 |   /*  function Vehicle(){
1004 |     }
1005 | 
1006 |     function Car(){
1007 |     }
1008 | 
1009 |     var v1= new Vehicle();
1010 |     var c1= new Car();
1011 | 
1012 |     //changing car's prototype
1013 |     Car.prototype=Vehicle.prototype// so both vehicle and car have one prototype
1014 | 
1015 |     var c2= new Car();
1016 |     c2.__proto__==Vehicle.prototype//true (now car objects are also under vehicle prototype)
1017 | 
1018 |     Vehicle.prototype.testVehicle="BMW"
1019 |     c2.testVehicle//"BMW"
1020 | 
1021 |     Vehicle.prototype.park=function(){
1022 |         console.log("Vehicle is Parking");
1023 |     }
1024 | 
1025 |     var c3= new Car();
1026 |     c3.park();//Vehicle is Parking*/
1027 | 
1028 | 
1029 | 
1030 | //    Inheritance problem resolved
1031 | 
1032 |     function Vehicle(){
1033 |     }
1034 | 
1035 |     function Car(){
1036 |     }
1037 | 
1038 |     Car.prototype =Object.create(Vehicle.prototype);
1039 |     Car.prototype.constructor=Car;
1040 | 
1041 | 
1042 |     var v1= new Vehicle();
1043 |     var c1=new Car();
1044 | 
1045 | 
1046 | 
1047 |     Vehicle.prototype.park=function(){
1048 |         console.log("Vehicle is Parking")
1049 |     }
1050 | 
1051 |     v1.park();
1052 |     c1.park();
1053 | 
1054 | 
1055 |     Car.prototype.startCar=function (){
1056 |         console.log("Car was started");
1057 |     }
1058 | 
1059 |     c1.startCar();
1060 |     // v1.startCar();//error
1061 | 
1062 | 
1063 | 
1064 | 
1065 | 
1066 | </script>
1067 | </body>
1068 | </html>
1069 | 


--------------------------------------------------------------------------------
/05_SPA_POS/assests/css/bootstrap-grid.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
3 |  * Copyright 2011-2020 The Bootstrap Authors
4 |  * Copyright 2011-2020 Twitter, Inc.
5 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 |  */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
7 | /*# sourceMappingURL=bootstrap-grid.min.css.map */


--------------------------------------------------------------------------------
/05_SPA_POS/assests/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |   * Bootstrap v4.5.0 (https://getbootstrap.com/)
3 |   * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4 |   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 |   */
6 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e((t=t||self).bootstrap={},t.jQuery,t.Popper)}(this,(function(t,e,n){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function o(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function s(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function r(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function a(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(e){s(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;function l(t){var n=this,i=!1;return e(this).one(c.TRANSITION_END,(function(){i=!0})),setTimeout((function(){i||c.triggerTransitionEnd(n)}),t),this}var c={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var n=e(t).css("transition-duration"),i=e(t).css("transition-delay"),o=parseFloat(n),s=parseFloat(i);return o||s?(n=n.split(",")[0],i=i.split(",")[0],1e3*(parseFloat(n)+parseFloat(i))):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){e(t).trigger("transitionend")},supportsTransitionEnd:function(){return Boolean("transitionend")},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i)){var o=n[i],s=e[i],r=s&&c.isElement(s)?"element":null===(a=s)||"undefined"==typeof a?""+a:{}.toString.call(a).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(o).test(r))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+r+'" but expected type "'+o+'".')}var a},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){var e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?c.findShadowRoot(t.parentNode):null},jQueryDetection:function(){if("undefined"==typeof e)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=e.fn.jquery.split(" ")[0].split(".");if(t[0]<2&&t[1]<9||1===t[0]&&9===t[1]&&t[2]<1||t[0]>=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}};c.jQueryDetection(),e.fn.emulateTransitionEnd=l,e.event.special[c.TRANSITION_END]={bindType:"transitionend",delegateType:"transitionend",handle:function(t){if(e(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var h="alert",u=e.fn[h],d=function(){function t(t){this._element=t}var n=t.prototype;return n.close=function(t){var e=this._element;t&&(e=this._getRootElement(t)),this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},n.dispose=function(){e.removeData(this._element,"bs.alert"),this._element=null},n._getRootElement=function(t){var n=c.getSelectorFromElement(t),i=!1;return n&&(i=document.querySelector(n)),i||(i=e(t).closest(".alert")[0]),i},n._triggerCloseEvent=function(t){var n=e.Event("close.bs.alert");return e(t).trigger(n),n},n._removeElement=function(t){var n=this;if(e(t).removeClass("show"),e(t).hasClass("fade")){var i=c.getTransitionDurationFromElement(t);e(t).one(c.TRANSITION_END,(function(e){return n._destroyElement(t,e)})).emulateTransitionEnd(i)}else this._destroyElement(t)},n._destroyElement=function(t){e(t).detach().trigger("closed.bs.alert").remove()},t._jQueryInterface=function(n){return this.each((function(){var i=e(this),o=i.data("bs.alert");o||(o=new t(this),i.data("bs.alert",o)),"close"===n&&o[n](this)}))},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}}]),t}();e(document).on("click.bs.alert.data-api",'[data-dismiss="alert"]',d._handleDismiss(new d)),e.fn[h]=d._jQueryInterface,e.fn[h].Constructor=d,e.fn[h].noConflict=function(){return e.fn[h]=u,d._jQueryInterface};var f=e.fn.button,g=function(){function t(t){this._element=t}var n=t.prototype;return n.toggle=function(){var t=!0,n=!0,i=e(this._element).closest('[data-toggle="buttons"]')[0];if(i){var o=this._element.querySelector('input:not([type="hidden"])');if(o){if("radio"===o.type)if(o.checked&&this._element.classList.contains("active"))t=!1;else{var s=i.querySelector(".active");s&&e(s).removeClass("active")}t&&("checkbox"!==o.type&&"radio"!==o.type||(o.checked=!this._element.classList.contains("active")),e(o).trigger("change")),o.focus(),n=!1}}this._element.hasAttribute("disabled")||this._element.classList.contains("disabled")||(n&&this._element.setAttribute("aria-pressed",!this._element.classList.contains("active")),t&&e(this._element).toggleClass("active"))},n.dispose=function(){e.removeData(this._element,"bs.button"),this._element=null},t._jQueryInterface=function(n){return this.each((function(){var i=e(this).data("bs.button");i||(i=new t(this),e(this).data("bs.button",i)),"toggle"===n&&i[n]()}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}}]),t}();e(document).on("click.bs.button.data-api",'[data-toggle^="button"]',(function(t){var n=t.target,i=n;if(e(n).hasClass("btn")||(n=e(n).closest(".btn")[0]),!n||n.hasAttribute("disabled")||n.classList.contains("disabled"))t.preventDefault();else{var o=n.querySelector('input:not([type="hidden"])');if(o&&(o.hasAttribute("disabled")||o.classList.contains("disabled")))return void t.preventDefault();"LABEL"===i.tagName&&o&&"checkbox"===o.type&&t.preventDefault(),g._jQueryInterface.call(e(n),"toggle")}})).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',(function(t){var n=e(t.target).closest(".btn")[0];e(n).toggleClass("focus",/^focus(in)?$/.test(t.type))})),e(window).on("load.bs.button.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-toggle="buttons"] .btn')),e=0,n=t.length;e<n;e++){var i=t[e],o=i.querySelector('input:not([type="hidden"])');o.checked||o.hasAttribute("checked")?i.classList.add("active"):i.classList.remove("active")}for(var s=0,r=(t=[].slice.call(document.querySelectorAll('[data-toggle="button"]'))).length;s<r;s++){var a=t[s];"true"===a.getAttribute("aria-pressed")?a.classList.add("active"):a.classList.remove("active")}})),e.fn.button=g._jQueryInterface,e.fn.button.Constructor=g,e.fn.button.noConflict=function(){return e.fn.button=f,g._jQueryInterface};var m="carousel",p=".bs.carousel",_=e.fn[m],v={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},b={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},y={TOUCH:"touch",PEN:"pen"},E=function(){function t(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=this._element.querySelector(".carousel-indicators"),this._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,this._pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this._addEventListeners()}var n=t.prototype;return n.next=function(){this._isSliding||this._slide("next")},n.nextWhenVisible=function(){!document.hidden&&e(this._element).is(":visible")&&"hidden"!==e(this._element).css("visibility")&&this.next()},n.prev=function(){this._isSliding||this._slide("prev")},n.pause=function(t){t||(this._isPaused=!0),this._element.querySelector(".carousel-item-next, .carousel-item-prev")&&(c.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},n.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},n.to=function(t){var n=this;this._activeElement=this._element.querySelector(".active.carousel-item");var i=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)e(this._element).one("slid.bs.carousel",(function(){return n.to(t)}));else{if(i===t)return this.pause(),void this.cycle();var o=t>i?"next":"prev";this._slide(o,this._items[t])}},n.dispose=function(){e(this._element).off(p),e.removeData(this._element,"bs.carousel"),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},n._getConfig=function(t){return t=a(a({},v),t),c.typeCheckConfig(m,t,b),t},n._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;this.touchDeltaX=0,e>0&&this.prev(),e<0&&this.next()}},n._addEventListeners=function(){var t=this;this._config.keyboard&&e(this._element).on("keydown.bs.carousel",(function(e){return t._keydown(e)})),"hover"===this._config.pause&&e(this._element).on("mouseenter.bs.carousel",(function(e){return t.pause(e)})).on("mouseleave.bs.carousel",(function(e){return t.cycle(e)})),this._config.touch&&this._addTouchEventListeners()},n._addTouchEventListeners=function(){var t=this;if(this._touchSupported){var n=function(e){t._pointerEvent&&y[e.originalEvent.pointerType.toUpperCase()]?t.touchStartX=e.originalEvent.clientX:t._pointerEvent||(t.touchStartX=e.originalEvent.touches[0].clientX)},i=function(e){t._pointerEvent&&y[e.originalEvent.pointerType.toUpperCase()]&&(t.touchDeltaX=e.originalEvent.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(e){return t.cycle(e)}),500+t._config.interval))};e(this._element.querySelectorAll(".carousel-item img")).on("dragstart.bs.carousel",(function(t){return t.preventDefault()})),this._pointerEvent?(e(this._element).on("pointerdown.bs.carousel",(function(t){return n(t)})),e(this._element).on("pointerup.bs.carousel",(function(t){return i(t)})),this._element.classList.add("pointer-event")):(e(this._element).on("touchstart.bs.carousel",(function(t){return n(t)})),e(this._element).on("touchmove.bs.carousel",(function(e){return function(e){e.originalEvent.touches&&e.originalEvent.touches.length>1?t.touchDeltaX=0:t.touchDeltaX=e.originalEvent.touches[0].clientX-t.touchStartX}(e)})),e(this._element).on("touchend.bs.carousel",(function(t){return i(t)})))}},n._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},n._getItemIndex=function(t){return this._items=t&&t.parentNode?[].slice.call(t.parentNode.querySelectorAll(".carousel-item")):[],this._items.indexOf(t)},n._getItemByDirection=function(t,e){var n="next"===t,i="prev"===t,o=this._getItemIndex(e),s=this._items.length-1;if((i&&0===o||n&&o===s)&&!this._config.wrap)return e;var r=(o+("prev"===t?-1:1))%this._items.length;return-1===r?this._items[this._items.length-1]:this._items[r]},n._triggerSlideEvent=function(t,n){var i=this._getItemIndex(t),o=this._getItemIndex(this._element.querySelector(".active.carousel-item")),s=e.Event("slide.bs.carousel",{relatedTarget:t,direction:n,from:o,to:i});return e(this._element).trigger(s),s},n._setActiveIndicatorElement=function(t){if(this._indicatorsElement){var n=[].slice.call(this._indicatorsElement.querySelectorAll(".active"));e(n).removeClass("active");var i=this._indicatorsElement.children[this._getItemIndex(t)];i&&e(i).addClass("active")}},n._slide=function(t,n){var i,o,s,r=this,a=this._element.querySelector(".active.carousel-item"),l=this._getItemIndex(a),h=n||a&&this._getItemByDirection(t,a),u=this._getItemIndex(h),d=Boolean(this._interval);if("next"===t?(i="carousel-item-left",o="carousel-item-next",s="left"):(i="carousel-item-right",o="carousel-item-prev",s="right"),h&&e(h).hasClass("active"))this._isSliding=!1;else if(!this._triggerSlideEvent(h,s).isDefaultPrevented()&&a&&h){this._isSliding=!0,d&&this.pause(),this._setActiveIndicatorElement(h);var f=e.Event("slid.bs.carousel",{relatedTarget:h,direction:s,from:l,to:u});if(e(this._element).hasClass("slide")){e(h).addClass(o),c.reflow(h),e(a).addClass(i),e(h).addClass(i);var g=parseInt(h.getAttribute("data-interval"),10);g?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=g):this._config.interval=this._config.defaultInterval||this._config.interval;var m=c.getTransitionDurationFromElement(a);e(a).one(c.TRANSITION_END,(function(){e(h).removeClass(i+" "+o).addClass("active"),e(a).removeClass("active "+o+" "+i),r._isSliding=!1,setTimeout((function(){return e(r._element).trigger(f)}),0)})).emulateTransitionEnd(m)}else e(a).removeClass("active"),e(h).addClass("active"),this._isSliding=!1,e(this._element).trigger(f);d&&this.cycle()}},t._jQueryInterface=function(n){return this.each((function(){var i=e(this).data("bs.carousel"),o=a(a({},v),e(this).data());"object"==typeof n&&(o=a(a({},o),n));var s="string"==typeof n?n:o.slide;if(i||(i=new t(this,o),e(this).data("bs.carousel",i)),"number"==typeof n)i.to(n);else if("string"==typeof s){if("undefined"==typeof i[s])throw new TypeError('No method named "'+s+'"');i[s]()}else o.interval&&o.ride&&(i.pause(),i.cycle())}))},t._dataApiClickHandler=function(n){var i=c.getSelectorFromElement(this);if(i){var o=e(i)[0];if(o&&e(o).hasClass("carousel")){var s=a(a({},e(o).data()),e(this).data()),r=this.getAttribute("data-slide-to");r&&(s.interval=!1),t._jQueryInterface.call(e(o),s),r&&e(o).data("bs.carousel").to(r),n.preventDefault()}}},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return v}}]),t}();e(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",E._dataApiClickHandler),e(window).on("load.bs.carousel.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-ride="carousel"]')),n=0,i=t.length;n<i;n++){var o=e(t[n]);E._jQueryInterface.call(o,o.data())}})),e.fn[m]=E._jQueryInterface,e.fn[m].Constructor=E,e.fn[m].noConflict=function(){return e.fn[m]=_,E._jQueryInterface};var w="collapse",T=e.fn[w],C={toggle:!0,parent:""},S={toggle:"boolean",parent:"(string|element)"},D=function(){function t(t,e){this._isTransitioning=!1,this._element=t,this._config=this._getConfig(e),this._triggerArray=[].slice.call(document.querySelectorAll('[data-toggle="collapse"][href="#'+t.id+'"],[data-toggle="collapse"][data-target="#'+t.id+'"]'));for(var n=[].slice.call(document.querySelectorAll('[data-toggle="collapse"]')),i=0,o=n.length;i<o;i++){var s=n[i],r=c.getSelectorFromElement(s),a=[].slice.call(document.querySelectorAll(r)).filter((function(e){return e===t}));null!==r&&a.length>0&&(this._selector=r,this._triggerArray.push(s))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var n=t.prototype;return n.toggle=function(){e(this._element).hasClass("show")?this.hide():this.show()},n.show=function(){var n,i,o=this;if(!this._isTransitioning&&!e(this._element).hasClass("show")&&(this._parent&&0===(n=[].slice.call(this._parent.querySelectorAll(".show, .collapsing")).filter((function(t){return"string"==typeof o._config.parent?t.getAttribute("data-parent")===o._config.parent:t.classList.contains("collapse")}))).length&&(n=null),!(n&&(i=e(n).not(this._selector).data("bs.collapse"))&&i._isTransitioning))){var s=e.Event("show.bs.collapse");if(e(this._element).trigger(s),!s.isDefaultPrevented()){n&&(t._jQueryInterface.call(e(n).not(this._selector),"hide"),i||e(n).data("bs.collapse",null));var r=this._getDimension();e(this._element).removeClass("collapse").addClass("collapsing"),this._element.style[r]=0,this._triggerArray.length&&e(this._triggerArray).removeClass("collapsed").attr("aria-expanded",!0),this.setTransitioning(!0);var a="scroll"+(r[0].toUpperCase()+r.slice(1)),l=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,(function(){e(o._element).removeClass("collapsing").addClass("collapse show"),o._element.style[r]="",o.setTransitioning(!1),e(o._element).trigger("shown.bs.collapse")})).emulateTransitionEnd(l),this._element.style[r]=this._element[a]+"px"}}},n.hide=function(){var t=this;if(!this._isTransitioning&&e(this._element).hasClass("show")){var n=e.Event("hide.bs.collapse");if(e(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",c.reflow(this._element),e(this._element).addClass("collapsing").removeClass("collapse show");var o=this._triggerArray.length;if(o>0)for(var s=0;s<o;s++){var r=this._triggerArray[s],a=c.getSelectorFromElement(r);if(null!==a)e([].slice.call(document.querySelectorAll(a))).hasClass("show")||e(r).addClass("collapsed").attr("aria-expanded",!1)}this.setTransitioning(!0);this._element.style[i]="";var l=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,(function(){t.setTransitioning(!1),e(t._element).removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")})).emulateTransitionEnd(l)}}},n.setTransitioning=function(t){this._isTransitioning=t},n.dispose=function(){e.removeData(this._element,"bs.collapse"),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},n._getConfig=function(t){return(t=a(a({},C),t)).toggle=Boolean(t.toggle),c.typeCheckConfig(w,t,S),t},n._getDimension=function(){return e(this._element).hasClass("width")?"width":"height"},n._getParent=function(){var n,i=this;c.isElement(this._config.parent)?(n=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(n=this._config.parent[0])):n=document.querySelector(this._config.parent);var o='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]',s=[].slice.call(n.querySelectorAll(o));return e(s).each((function(e,n){i._addAriaAndCollapsedClass(t._getTargetFromElement(n),[n])})),n},n._addAriaAndCollapsedClass=function(t,n){var i=e(t).hasClass("show");n.length&&e(n).toggleClass("collapsed",!i).attr("aria-expanded",i)},t._getTargetFromElement=function(t){var e=c.getSelectorFromElement(t);return e?document.querySelector(e):null},t._jQueryInterface=function(n){return this.each((function(){var i=e(this),o=i.data("bs.collapse"),s=a(a(a({},C),i.data()),"object"==typeof n&&n?n:{});if(!o&&s.toggle&&"string"==typeof n&&/show|hide/.test(n)&&(s.toggle=!1),o||(o=new t(this,s),i.data("bs.collapse",o)),"string"==typeof n){if("undefined"==typeof o[n])throw new TypeError('No method named "'+n+'"');o[n]()}}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return C}}]),t}();e(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',(function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var n=e(this),i=c.getSelectorFromElement(this),o=[].slice.call(document.querySelectorAll(i));e(o).each((function(){var t=e(this),i=t.data("bs.collapse")?"toggle":n.data();D._jQueryInterface.call(t,i)}))})),e.fn[w]=D._jQueryInterface,e.fn[w].Constructor=D,e.fn[w].noConflict=function(){return e.fn[w]=T,D._jQueryInterface};var k="dropdown",N=e.fn[k],A=new RegExp("38|40|27"),I={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic",popperConfig:null},O={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string",popperConfig:"(null|object)"},j=function(){function t(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var i=t.prototype;return i.toggle=function(){if(!this._element.disabled&&!e(this._element).hasClass("disabled")){var n=e(this._menu).hasClass("show");t._clearMenus(),n||this.show(!0)}},i.show=function(i){if(void 0===i&&(i=!1),!(this._element.disabled||e(this._element).hasClass("disabled")||e(this._menu).hasClass("show"))){var o={relatedTarget:this._element},s=e.Event("show.bs.dropdown",o),r=t._getParentFromElement(this._element);if(e(r).trigger(s),!s.isDefaultPrevented()){if(!this._inNavbar&&i){if("undefined"==typeof n)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org/)");var a=this._element;"parent"===this._config.reference?a=r:c.isElement(this._config.reference)&&(a=this._config.reference,"undefined"!=typeof this._config.reference.jquery&&(a=this._config.reference[0])),"scrollParent"!==this._config.boundary&&e(r).addClass("position-static"),this._popper=new n(a,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===e(r).closest(".navbar-nav").length&&e(document.body).children().on("mouseover",null,e.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),e(this._menu).toggleClass("show"),e(r).toggleClass("show").trigger(e.Event("shown.bs.dropdown",o))}}},i.hide=function(){if(!this._element.disabled&&!e(this._element).hasClass("disabled")&&e(this._menu).hasClass("show")){var n={relatedTarget:this._element},i=e.Event("hide.bs.dropdown",n),o=t._getParentFromElement(this._element);e(o).trigger(i),i.isDefaultPrevented()||(this._popper&&this._popper.destroy(),e(this._menu).toggleClass("show"),e(o).toggleClass("show").trigger(e.Event("hidden.bs.dropdown",n)))}},i.dispose=function(){e.removeData(this._element,"bs.dropdown"),e(this._element).off(".bs.dropdown"),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},i.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},i._addEventListeners=function(){var t=this;e(this._element).on("click.bs.dropdown",(function(e){e.preventDefault(),e.stopPropagation(),t.toggle()}))},i._getConfig=function(t){return t=a(a(a({},this.constructor.Default),e(this._element).data()),t),c.typeCheckConfig(k,t,this.constructor.DefaultType),t},i._getMenuElement=function(){if(!this._menu){var e=t._getParentFromElement(this._element);e&&(this._menu=e.querySelector(".dropdown-menu"))}return this._menu},i._getPlacement=function(){var t=e(this._element.parentNode),n="bottom-start";return t.hasClass("dropup")?n=e(this._menu).hasClass("dropdown-menu-right")?"top-end":"top-start":t.hasClass("dropright")?n="right-start":t.hasClass("dropleft")?n="left-start":e(this._menu).hasClass("dropdown-menu-right")&&(n="bottom-end"),n},i._detectNavbar=function(){return e(this._element).closest(".navbar").length>0},i._getOffset=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=a(a({},e.offsets),t._config.offset(e.offsets,t._element)||{}),e}:e.offset=this._config.offset,e},i._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),a(a({},t),this._config.popperConfig)},t._jQueryInterface=function(n){return this.each((function(){var i=e(this).data("bs.dropdown");if(i||(i=new t(this,"object"==typeof n?n:null),e(this).data("bs.dropdown",i)),"string"==typeof n){if("undefined"==typeof i[n])throw new TypeError('No method named "'+n+'"');i[n]()}}))},t._clearMenus=function(n){if(!n||3!==n.which&&("keyup"!==n.type||9===n.which))for(var i=[].slice.call(document.querySelectorAll('[data-toggle="dropdown"]')),o=0,s=i.length;o<s;o++){var r=t._getParentFromElement(i[o]),a=e(i[o]).data("bs.dropdown"),l={relatedTarget:i[o]};if(n&&"click"===n.type&&(l.clickEvent=n),a){var c=a._menu;if(e(r).hasClass("show")&&!(n&&("click"===n.type&&/input|textarea/i.test(n.target.tagName)||"keyup"===n.type&&9===n.which)&&e.contains(r,n.target))){var h=e.Event("hide.bs.dropdown",l);e(r).trigger(h),h.isDefaultPrevented()||("ontouchstart"in document.documentElement&&e(document.body).children().off("mouseover",null,e.noop),i[o].setAttribute("aria-expanded","false"),a._popper&&a._popper.destroy(),e(c).removeClass("show"),e(r).removeClass("show").trigger(e.Event("hidden.bs.dropdown",l)))}}}},t._getParentFromElement=function(t){var e,n=c.getSelectorFromElement(t);return n&&(e=document.querySelector(n)),e||t.parentNode},t._dataApiKeydownHandler=function(n){if(!(/input|textarea/i.test(n.target.tagName)?32===n.which||27!==n.which&&(40!==n.which&&38!==n.which||e(n.target).closest(".dropdown-menu").length):!A.test(n.which))&&!this.disabled&&!e(this).hasClass("disabled")){var i=t._getParentFromElement(this),o=e(i).hasClass("show");if(o||27!==n.which){if(n.preventDefault(),n.stopPropagation(),!o||o&&(27===n.which||32===n.which))return 27===n.which&&e(i.querySelector('[data-toggle="dropdown"]')).trigger("focus"),void e(this).trigger("click");var s=[].slice.call(i.querySelectorAll(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)")).filter((function(t){return e(t).is(":visible")}));if(0!==s.length){var r=s.indexOf(n.target);38===n.which&&r>0&&r--,40===n.which&&r<s.length-1&&r++,r<0&&(r=0),s[r].focus()}}}},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return I}},{key:"DefaultType",get:function(){return O}}]),t}();e(document).on("keydown.bs.dropdown.data-api",'[data-toggle="dropdown"]',j._dataApiKeydownHandler).on("keydown.bs.dropdown.data-api",".dropdown-menu",j._dataApiKeydownHandler).on("click.bs.dropdown.data-api keyup.bs.dropdown.data-api",j._clearMenus).on("click.bs.dropdown.data-api",'[data-toggle="dropdown"]',(function(t){t.preventDefault(),t.stopPropagation(),j._jQueryInterface.call(e(this),"toggle")})).on("click.bs.dropdown.data-api",".dropdown form",(function(t){t.stopPropagation()})),e.fn[k]=j._jQueryInterface,e.fn[k].Constructor=j,e.fn[k].noConflict=function(){return e.fn[k]=N,j._jQueryInterface};var P=e.fn.modal,x={backdrop:!0,keyboard:!0,focus:!0,show:!0},L={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},R=function(){function t(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=t.querySelector(".modal-dialog"),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0}var n=t.prototype;return n.toggle=function(t){return this._isShown?this.hide():this.show(t)},n.show=function(t){var n=this;if(!this._isShown&&!this._isTransitioning){e(this._element).hasClass("fade")&&(this._isTransitioning=!0);var i=e.Event("show.bs.modal",{relatedTarget:t});e(this._element).trigger(i),this._isShown||i.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),e(this._element).on("click.dismiss.bs.modal",'[data-dismiss="modal"]',(function(t){return n.hide(t)})),e(this._dialog).on("mousedown.dismiss.bs.modal",(function(){e(n._element).one("mouseup.dismiss.bs.modal",(function(t){e(t.target).is(n._element)&&(n._ignoreBackdropClick=!0)}))})),this._showBackdrop((function(){return n._showElement(t)})))}},n.hide=function(t){var n=this;if(t&&t.preventDefault(),this._isShown&&!this._isTransitioning){var i=e.Event("hide.bs.modal");if(e(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var o=e(this._element).hasClass("fade");if(o&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),e(document).off("focusin.bs.modal"),e(this._element).removeClass("show"),e(this._element).off("click.dismiss.bs.modal"),e(this._dialog).off("mousedown.dismiss.bs.modal"),o){var s=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,(function(t){return n._hideModal(t)})).emulateTransitionEnd(s)}else this._hideModal()}}},n.dispose=function(){[window,this._element,this._dialog].forEach((function(t){return e(t).off(".bs.modal")})),e(document).off("focusin.bs.modal"),e.removeData(this._element,"bs.modal"),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},n.handleUpdate=function(){this._adjustDialog()},n._getConfig=function(t){return t=a(a({},x),t),c.typeCheckConfig("modal",t,L),t},n._triggerBackdropTransition=function(){var t=this;if("static"===this._config.backdrop){var n=e.Event("hidePrevented.bs.modal");if(e(this._element).trigger(n),n.defaultPrevented)return;this._element.classList.add("modal-static");var i=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,(function(){t._element.classList.remove("modal-static")})).emulateTransitionEnd(i),this._element.focus()}else this.hide()},n._showElement=function(t){var n=this,i=e(this._element).hasClass("fade"),o=this._dialog?this._dialog.querySelector(".modal-body"):null;this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),e(this._dialog).hasClass("modal-dialog-scrollable")&&o?o.scrollTop=0:this._element.scrollTop=0,i&&c.reflow(this._element),e(this._element).addClass("show"),this._config.focus&&this._enforceFocus();var s=e.Event("shown.bs.modal",{relatedTarget:t}),r=function(){n._config.focus&&n._element.focus(),n._isTransitioning=!1,e(n._element).trigger(s)};if(i){var a=c.getTransitionDurationFromElement(this._dialog);e(this._dialog).one(c.TRANSITION_END,r).emulateTransitionEnd(a)}else r()},n._enforceFocus=function(){var t=this;e(document).off("focusin.bs.modal").on("focusin.bs.modal",(function(n){document!==n.target&&t._element!==n.target&&0===e(t._element).has(n.target).length&&t._element.focus()}))},n._setEscapeEvent=function(){var t=this;this._isShown?e(this._element).on("keydown.dismiss.bs.modal",(function(e){t._config.keyboard&&27===e.which?(e.preventDefault(),t.hide()):t._config.keyboard||27!==e.which||t._triggerBackdropTransition()})):this._isShown||e(this._element).off("keydown.dismiss.bs.modal")},n._setResizeEvent=function(){var t=this;this._isShown?e(window).on("resize.bs.modal",(function(e){return t.handleUpdate(e)})):e(window).off("resize.bs.modal")},n._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._isTransitioning=!1,this._showBackdrop((function(){e(document.body).removeClass("modal-open"),t._resetAdjustments(),t._resetScrollbar(),e(t._element).trigger("hidden.bs.modal")}))},n._removeBackdrop=function(){this._backdrop&&(e(this._backdrop).remove(),this._backdrop=null)},n._showBackdrop=function(t){var n=this,i=e(this._element).hasClass("fade")?"fade":"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className="modal-backdrop",i&&this._backdrop.classList.add(i),e(this._backdrop).appendTo(document.body),e(this._element).on("click.dismiss.bs.modal",(function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&n._triggerBackdropTransition()})),i&&c.reflow(this._backdrop),e(this._backdrop).addClass("show"),!t)return;if(!i)return void t();var o=c.getTransitionDurationFromElement(this._backdrop);e(this._backdrop).one(c.TRANSITION_END,t).emulateTransitionEnd(o)}else if(!this._isShown&&this._backdrop){e(this._backdrop).removeClass("show");var s=function(){n._removeBackdrop(),t&&t()};if(e(this._element).hasClass("fade")){var r=c.getTransitionDurationFromElement(this._backdrop);e(this._backdrop).one(c.TRANSITION_END,s).emulateTransitionEnd(r)}else s()}else t&&t()},n._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},n._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},n._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=Math.round(t.left+t.right)<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},n._setScrollbar=function(){var t=this;if(this._isBodyOverflowing){var n=[].slice.call(document.querySelectorAll(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top")),i=[].slice.call(document.querySelectorAll(".sticky-top"));e(n).each((function(n,i){var o=i.style.paddingRight,s=e(i).css("padding-right");e(i).data("padding-right",o).css("padding-right",parseFloat(s)+t._scrollbarWidth+"px")})),e(i).each((function(n,i){var o=i.style.marginRight,s=e(i).css("margin-right");e(i).data("margin-right",o).css("margin-right",parseFloat(s)-t._scrollbarWidth+"px")}));var o=document.body.style.paddingRight,s=e(document.body).css("padding-right");e(document.body).data("padding-right",o).css("padding-right",parseFloat(s)+this._scrollbarWidth+"px")}e(document.body).addClass("modal-open")},n._resetScrollbar=function(){var t=[].slice.call(document.querySelectorAll(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top"));e(t).each((function(t,n){var i=e(n).data("padding-right");e(n).removeData("padding-right"),n.style.paddingRight=i||""}));var n=[].slice.call(document.querySelectorAll(".sticky-top"));e(n).each((function(t,n){var i=e(n).data("margin-right");"undefined"!=typeof i&&e(n).css("margin-right",i).removeData("margin-right")}));var i=e(document.body).data("padding-right");e(document.body).removeData("padding-right"),document.body.style.paddingRight=i||""},n._getScrollbarWidth=function(){var t=document.createElement("div");t.className="modal-scrollbar-measure",document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},t._jQueryInterface=function(n,i){return this.each((function(){var o=e(this).data("bs.modal"),s=a(a(a({},x),e(this).data()),"object"==typeof n&&n?n:{});if(o||(o=new t(this,s),e(this).data("bs.modal",o)),"string"==typeof n){if("undefined"==typeof o[n])throw new TypeError('No method named "'+n+'"');o[n](i)}else s.show&&o.show(i)}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return x}}]),t}();e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',(function(t){var n,i=this,o=c.getSelectorFromElement(this);o&&(n=document.querySelector(o));var s=e(n).data("bs.modal")?"toggle":a(a({},e(n).data()),e(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var r=e(n).one("show.bs.modal",(function(t){t.isDefaultPrevented()||r.one("hidden.bs.modal",(function(){e(i).is(":visible")&&i.focus()}))}));R._jQueryInterface.call(e(n),s,this)})),e.fn.modal=R._jQueryInterface,e.fn.modal.Constructor=R,e.fn.modal.noConflict=function(){return e.fn.modal=P,R._jQueryInterface};var q=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],F={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Q=/^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi,B=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i;function H(t,e,n){if(0===t.length)return t;if(n&&"function"==typeof n)return n(t);for(var i=(new window.DOMParser).parseFromString(t,"text/html"),o=Object.keys(e),s=[].slice.call(i.body.querySelectorAll("*")),r=function(t,n){var i=s[t],r=i.nodeName.toLowerCase();if(-1===o.indexOf(i.nodeName.toLowerCase()))return i.parentNode.removeChild(i),"continue";var a=[].slice.call(i.attributes),l=[].concat(e["*"]||[],e[r]||[]);a.forEach((function(t){(function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===q.indexOf(n)||Boolean(t.nodeValue.match(Q)||t.nodeValue.match(B));for(var i=e.filter((function(t){return t instanceof RegExp})),o=0,s=i.length;o<s;o++)if(n.match(i[o]))return!0;return!1})(t,l)||i.removeAttribute(t.nodeName)}))},a=0,l=s.length;a<l;a++)r(a);return i.body.innerHTML}var U="tooltip",M=e.fn[U],W=new RegExp("(^|\\s)bs-tooltip\\S+","g"),V=["sanitize","whiteList","sanitizeFn"],z={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",whiteList:"object",popperConfig:"(null|object)"},K={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},X={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:F,popperConfig:null},Y={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},$=function(){function t(t,e){if("undefined"==typeof n)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var i=t.prototype;return i.enable=function(){this._isEnabled=!0},i.disable=function(){this._isEnabled=!1},i.toggleEnabled=function(){this._isEnabled=!this._isEnabled},i.toggle=function(t){if(this._isEnabled)if(t){var n=this.constructor.DATA_KEY,i=e(t.currentTarget).data(n);i||(i=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(e(this.getTipElement()).hasClass("show"))return void this._leave(null,this);this._enter(null,this)}},i.dispose=function(){clearTimeout(this._timeout),e.removeData(this.element,this.constructor.DATA_KEY),e(this.element).off(this.constructor.EVENT_KEY),e(this.element).closest(".modal").off("hide.bs.modal",this._hideModalHandler),this.tip&&e(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},i.show=function(){var t=this;if("none"===e(this.element).css("display"))throw new Error("Please use show on visible elements");var i=e.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){e(this.element).trigger(i);var o=c.findShadowRoot(this.element),s=e.contains(null!==o?o:this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!s)return;var r=this.getTipElement(),a=c.getUID(this.constructor.NAME);r.setAttribute("id",a),this.element.setAttribute("aria-describedby",a),this.setContent(),this.config.animation&&e(r).addClass("fade");var l="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,h=this._getAttachment(l);this.addAttachmentClass(h);var u=this._getContainer();e(r).data(this.constructor.DATA_KEY,this),e.contains(this.element.ownerDocument.documentElement,this.tip)||e(r).appendTo(u),e(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,r,this._getPopperConfig(h)),e(r).addClass("show"),"ontouchstart"in document.documentElement&&e(document.body).children().on("mouseover",null,e.noop);var d=function(){t.config.animation&&t._fixTransition();var n=t._hoverState;t._hoverState=null,e(t.element).trigger(t.constructor.Event.SHOWN),"out"===n&&t._leave(null,t)};if(e(this.tip).hasClass("fade")){var f=c.getTransitionDurationFromElement(this.tip);e(this.tip).one(c.TRANSITION_END,d).emulateTransitionEnd(f)}else d()}},i.hide=function(t){var n=this,i=this.getTipElement(),o=e.Event(this.constructor.Event.HIDE),s=function(){"show"!==n._hoverState&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),e(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),t&&t()};if(e(this.element).trigger(o),!o.isDefaultPrevented()){if(e(i).removeClass("show"),"ontouchstart"in document.documentElement&&e(document.body).children().off("mouseover",null,e.noop),this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,e(this.tip).hasClass("fade")){var r=c.getTransitionDurationFromElement(i);e(i).one(c.TRANSITION_END,s).emulateTransitionEnd(r)}else s();this._hoverState=""}},i.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},i.isWithContent=function(){return Boolean(this.getTitle())},i.addAttachmentClass=function(t){e(this.getTipElement()).addClass("bs-tooltip-"+t)},i.getTipElement=function(){return this.tip=this.tip||e(this.config.template)[0],this.tip},i.setContent=function(){var t=this.getTipElement();this.setElementContent(e(t.querySelectorAll(".tooltip-inner")),this.getTitle()),e(t).removeClass("fade show")},i.setElementContent=function(t,n){"object"!=typeof n||!n.nodeType&&!n.jquery?this.config.html?(this.config.sanitize&&(n=H(n,this.config.whiteList,this.config.sanitizeFn)),t.html(n)):t.text(n):this.config.html?e(n).parent().is(t)||t.empty().append(n):t.text(e(n).text())},i.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},i._getPopperConfig=function(t){var e=this;return a(a({},{placement:t,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:".arrow"},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),this.config.popperConfig)},i._getOffset=function(){var t=this,e={};return"function"==typeof this.config.offset?e.fn=function(e){return e.offsets=a(a({},e.offsets),t.config.offset(e.offsets,t.element)||{}),e}:e.offset=this.config.offset,e},i._getContainer=function(){return!1===this.config.container?document.body:c.isElement(this.config.container)?e(this.config.container):e(document).find(this.config.container)},i._getAttachment=function(t){return K[t.toUpperCase()]},i._setListeners=function(){var t=this;this.config.trigger.split(" ").forEach((function(n){if("click"===n)e(t.element).on(t.constructor.Event.CLICK,t.config.selector,(function(e){return t.toggle(e)}));else if("manual"!==n){var i="hover"===n?t.constructor.Event.MOUSEENTER:t.constructor.Event.FOCUSIN,o="hover"===n?t.constructor.Event.MOUSELEAVE:t.constructor.Event.FOCUSOUT;e(t.element).on(i,t.config.selector,(function(e){return t._enter(e)})).on(o,t.config.selector,(function(e){return t._leave(e)}))}})),this._hideModalHandler=function(){t.element&&t.hide()},e(this.element).closest(".modal").on("hide.bs.modal",this._hideModalHandler),this.config.selector?this.config=a(a({},this.config),{},{trigger:"manual",selector:""}):this._fixTitle()},i._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},i._enter=function(t,n){var i=this.constructor.DATA_KEY;(n=n||e(t.currentTarget).data(i))||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(i,n)),t&&(n._activeTrigger["focusin"===t.type?"focus":"hover"]=!0),e(n.getTipElement()).hasClass("show")||"show"===n._hoverState?n._hoverState="show":(clearTimeout(n._timeout),n._hoverState="show",n.config.delay&&n.config.delay.show?n._timeout=setTimeout((function(){"show"===n._hoverState&&n.show()}),n.config.delay.show):n.show())},i._leave=function(t,n){var i=this.constructor.DATA_KEY;(n=n||e(t.currentTarget).data(i))||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),e(t.currentTarget).data(i,n)),t&&(n._activeTrigger["focusout"===t.type?"focus":"hover"]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState="out",n.config.delay&&n.config.delay.hide?n._timeout=setTimeout((function(){"out"===n._hoverState&&n.hide()}),n.config.delay.hide):n.hide())},i._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},i._getConfig=function(t){var n=e(this.element).data();return Object.keys(n).forEach((function(t){-1!==V.indexOf(t)&&delete n[t]})),"number"==typeof(t=a(a(a({},this.constructor.Default),n),"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),c.typeCheckConfig(U,t,this.constructor.DefaultType),t.sanitize&&(t.template=H(t.template,t.whiteList,t.sanitizeFn)),t},i._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},i._cleanTipClass=function(){var t=e(this.getTipElement()),n=t.attr("class").match(W);null!==n&&n.length&&t.removeClass(n.join(""))},i._handlePopperPlacementChange=function(t){this.tip=t.instance.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},i._fixTransition=function(){var t=this.getTipElement(),n=this.config.animation;null===t.getAttribute("x-placement")&&(e(t).removeClass("fade"),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},t._jQueryInterface=function(n){return this.each((function(){var i=e(this).data("bs.tooltip"),o="object"==typeof n&&n;if((i||!/dispose|hide/.test(n))&&(i||(i=new t(this,o),e(this).data("bs.tooltip",i)),"string"==typeof n)){if("undefined"==typeof i[n])throw new TypeError('No method named "'+n+'"');i[n]()}}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return X}},{key:"NAME",get:function(){return U}},{key:"DATA_KEY",get:function(){return"bs.tooltip"}},{key:"Event",get:function(){return Y}},{key:"EVENT_KEY",get:function(){return".bs.tooltip"}},{key:"DefaultType",get:function(){return z}}]),t}();e.fn[U]=$._jQueryInterface,e.fn[U].Constructor=$,e.fn[U].noConflict=function(){return e.fn[U]=M,$._jQueryInterface};var J="popover",G=e.fn[J],Z=new RegExp("(^|\\s)bs-popover\\S+","g"),tt=a(a({},$.Default),{},{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),et=a(a({},$.DefaultType),{},{content:"(string|element|function)"}),nt={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"},it=function(t){var n,i;function s(){return t.apply(this,arguments)||this}i=t,(n=s).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i;var r=s.prototype;return r.isWithContent=function(){return this.getTitle()||this._getContent()},r.addAttachmentClass=function(t){e(this.getTipElement()).addClass("bs-popover-"+t)},r.getTipElement=function(){return this.tip=this.tip||e(this.config.template)[0],this.tip},r.setContent=function(){var t=e(this.getTipElement());this.setElementContent(t.find(".popover-header"),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(t.find(".popover-body"),n),t.removeClass("fade show")},r._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},r._cleanTipClass=function(){var t=e(this.getTipElement()),n=t.attr("class").match(Z);null!==n&&n.length>0&&t.removeClass(n.join(""))},s._jQueryInterface=function(t){return this.each((function(){var n=e(this).data("bs.popover"),i="object"==typeof t?t:null;if((n||!/dispose|hide/.test(t))&&(n||(n=new s(this,i),e(this).data("bs.popover",n)),"string"==typeof t)){if("undefined"==typeof n[t])throw new TypeError('No method named "'+t+'"');n[t]()}}))},o(s,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return tt}},{key:"NAME",get:function(){return J}},{key:"DATA_KEY",get:function(){return"bs.popover"}},{key:"Event",get:function(){return nt}},{key:"EVENT_KEY",get:function(){return".bs.popover"}},{key:"DefaultType",get:function(){return et}}]),s}($);e.fn[J]=it._jQueryInterface,e.fn[J].Constructor=it,e.fn[J].noConflict=function(){return e.fn[J]=G,it._jQueryInterface};var ot="scrollspy",st=e.fn[ot],rt={offset:10,method:"auto",target:""},at={offset:"number",method:"string",target:"(string|element)"},lt=function(){function t(t,n){var i=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(n),this._selector=this._config.target+" .nav-link,"+this._config.target+" .list-group-item,"+this._config.target+" .dropdown-item",this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,e(this._scrollElement).on("scroll.bs.scrollspy",(function(t){return i._process(t)})),this.refresh(),this._process()}var n=t.prototype;return n.refresh=function(){var t=this,n=this._scrollElement===this._scrollElement.window?"offset":"position",i="auto"===this._config.method?n:this._config.method,o="position"===i?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map((function(t){var n,s=c.getSelectorFromElement(t);if(s&&(n=document.querySelector(s)),n){var r=n.getBoundingClientRect();if(r.width||r.height)return[e(n)[i]().top+o,s]}return null})).filter((function(t){return t})).sort((function(t,e){return t[0]-e[0]})).forEach((function(e){t._offsets.push(e[0]),t._targets.push(e[1])}))},n.dispose=function(){e.removeData(this._element,"bs.scrollspy"),e(this._scrollElement).off(".bs.scrollspy"),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},n._getConfig=function(t){if("string"!=typeof(t=a(a({},rt),"object"==typeof t&&t?t:{})).target&&c.isElement(t.target)){var n=e(t.target).attr("id");n||(n=c.getUID(ot),e(t.target).attr("id",n)),t.target="#"+n}return c.typeCheckConfig(ot,t,at),t},n._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},n._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},n._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},n._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},n._activate=function(t){this._activeTarget=t,this._clear();var n=this._selector.split(",").map((function(e){return e+'[data-target="'+t+'"],'+e+'[href="'+t+'"]'})),i=e([].slice.call(document.querySelectorAll(n.join(","))));i.hasClass("dropdown-item")?(i.closest(".dropdown").find(".dropdown-toggle").addClass("active"),i.addClass("active")):(i.addClass("active"),i.parents(".nav, .list-group").prev(".nav-link, .list-group-item").addClass("active"),i.parents(".nav, .list-group").prev(".nav-item").children(".nav-link").addClass("active")),e(this._scrollElement).trigger("activate.bs.scrollspy",{relatedTarget:t})},n._clear=function(){[].slice.call(document.querySelectorAll(this._selector)).filter((function(t){return t.classList.contains("active")})).forEach((function(t){return t.classList.remove("active")}))},t._jQueryInterface=function(n){return this.each((function(){var i=e(this).data("bs.scrollspy");if(i||(i=new t(this,"object"==typeof n&&n),e(this).data("bs.scrollspy",i)),"string"==typeof n){if("undefined"==typeof i[n])throw new TypeError('No method named "'+n+'"');i[n]()}}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"Default",get:function(){return rt}}]),t}();e(window).on("load.bs.scrollspy.data-api",(function(){for(var t=[].slice.call(document.querySelectorAll('[data-spy="scroll"]')),n=t.length;n--;){var i=e(t[n]);lt._jQueryInterface.call(i,i.data())}})),e.fn[ot]=lt._jQueryInterface,e.fn[ot].Constructor=lt,e.fn[ot].noConflict=function(){return e.fn[ot]=st,lt._jQueryInterface};var ct=e.fn.tab,ht=function(){function t(t){this._element=t}var n=t.prototype;return n.show=function(){var t=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&e(this._element).hasClass("active")||e(this._element).hasClass("disabled"))){var n,i,o=e(this._element).closest(".nav, .list-group")[0],s=c.getSelectorFromElement(this._element);if(o){var r="UL"===o.nodeName||"OL"===o.nodeName?"> li > .active":".active";i=(i=e.makeArray(e(o).find(r)))[i.length-1]}var a=e.Event("hide.bs.tab",{relatedTarget:this._element}),l=e.Event("show.bs.tab",{relatedTarget:i});if(i&&e(i).trigger(a),e(this._element).trigger(l),!l.isDefaultPrevented()&&!a.isDefaultPrevented()){s&&(n=document.querySelector(s)),this._activate(this._element,o);var h=function(){var n=e.Event("hidden.bs.tab",{relatedTarget:t._element}),o=e.Event("shown.bs.tab",{relatedTarget:i});e(i).trigger(n),e(t._element).trigger(o)};n?this._activate(n,n.parentNode,h):h()}}},n.dispose=function(){e.removeData(this._element,"bs.tab"),this._element=null},n._activate=function(t,n,i){var o=this,s=(!n||"UL"!==n.nodeName&&"OL"!==n.nodeName?e(n).children(".active"):e(n).find("> li > .active"))[0],r=i&&s&&e(s).hasClass("fade"),a=function(){return o._transitionComplete(t,s,i)};if(s&&r){var l=c.getTransitionDurationFromElement(s);e(s).removeClass("show").one(c.TRANSITION_END,a).emulateTransitionEnd(l)}else a()},n._transitionComplete=function(t,n,i){if(n){e(n).removeClass("active");var o=e(n.parentNode).find("> .dropdown-menu .active")[0];o&&e(o).removeClass("active"),"tab"===n.getAttribute("role")&&n.setAttribute("aria-selected",!1)}if(e(t).addClass("active"),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),c.reflow(t),t.classList.contains("fade")&&t.classList.add("show"),t.parentNode&&e(t.parentNode).hasClass("dropdown-menu")){var s=e(t).closest(".dropdown")[0];if(s){var r=[].slice.call(s.querySelectorAll(".dropdown-toggle"));e(r).addClass("active")}t.setAttribute("aria-expanded",!0)}i&&i()},t._jQueryInterface=function(n){return this.each((function(){var i=e(this),o=i.data("bs.tab");if(o||(o=new t(this),i.data("bs.tab",o)),"string"==typeof n){if("undefined"==typeof o[n])throw new TypeError('No method named "'+n+'"');o[n]()}}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}}]),t}();e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',(function(t){t.preventDefault(),ht._jQueryInterface.call(e(this),"show")})),e.fn.tab=ht._jQueryInterface,e.fn.tab.Constructor=ht,e.fn.tab.noConflict=function(){return e.fn.tab=ct,ht._jQueryInterface};var ut=e.fn.toast,dt={animation:"boolean",autohide:"boolean",delay:"number"},ft={animation:!0,autohide:!0,delay:500},gt=function(){function t(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners()}var n=t.prototype;return n.show=function(){var t=this,n=e.Event("show.bs.toast");if(e(this._element).trigger(n),!n.isDefaultPrevented()){this._config.animation&&this._element.classList.add("fade");var i=function(){t._element.classList.remove("showing"),t._element.classList.add("show"),e(t._element).trigger("shown.bs.toast"),t._config.autohide&&(t._timeout=setTimeout((function(){t.hide()}),t._config.delay))};if(this._element.classList.remove("hide"),c.reflow(this._element),this._element.classList.add("showing"),this._config.animation){var o=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,i).emulateTransitionEnd(o)}else i()}},n.hide=function(){if(this._element.classList.contains("show")){var t=e.Event("hide.bs.toast");e(this._element).trigger(t),t.isDefaultPrevented()||this._close()}},n.dispose=function(){clearTimeout(this._timeout),this._timeout=null,this._element.classList.contains("show")&&this._element.classList.remove("show"),e(this._element).off("click.dismiss.bs.toast"),e.removeData(this._element,"bs.toast"),this._element=null,this._config=null},n._getConfig=function(t){return t=a(a(a({},ft),e(this._element).data()),"object"==typeof t&&t?t:{}),c.typeCheckConfig("toast",t,this.constructor.DefaultType),t},n._setListeners=function(){var t=this;e(this._element).on("click.dismiss.bs.toast",'[data-dismiss="toast"]',(function(){return t.hide()}))},n._close=function(){var t=this,n=function(){t._element.classList.add("hide"),e(t._element).trigger("hidden.bs.toast")};if(this._element.classList.remove("show"),this._config.animation){var i=c.getTransitionDurationFromElement(this._element);e(this._element).one(c.TRANSITION_END,n).emulateTransitionEnd(i)}else n()},t._jQueryInterface=function(n){return this.each((function(){var i=e(this),o=i.data("bs.toast");if(o||(o=new t(this,"object"==typeof n&&n),i.data("bs.toast",o)),"string"==typeof n){if("undefined"==typeof o[n])throw new TypeError('No method named "'+n+'"');o[n](this)}}))},o(t,null,[{key:"VERSION",get:function(){return"4.5.0"}},{key:"DefaultType",get:function(){return dt}},{key:"Default",get:function(){return ft}}]),t}();e.fn.toast=gt._jQueryInterface,e.fn.toast.Constructor=gt,e.fn.toast.noConflict=function(){return e.fn.toast=ut,gt._jQueryInterface},t.Alert=d,t.Button=g,t.Carousel=E,t.Collapse=D,t.Dropdown=j,t.Modal=R,t.Popover=it,t.Scrollspy=lt,t.Tab=ht,t.Toast=gt,t.Tooltip=$,t.Util=c,Object.defineProperty(t,"__esModule",{value:!0})}));
7 | //# sourceMappingURL=bootstrap.min.js.map


--------------------------------------------------------------------------------