https://graphql-server.com/settings.module.2d1e2ddd.js

1function e(e,o,n,t){Object.defineProperty(e,o,{get:n,set:t,enumerable:!0,configurable:!0})}var o=globalThis.parcelRequirec59a,n=o.register;n("7DCG2",function(n,t){e(n.exports,"SettingsModule",()=>l);var a=o("deWeK"),i=o("1t8Wn"),r=o("8kgMp"),s=o("hU4FT"),p=o("9xHhf"),d=o("112PL");class l{}l=(0,a.__decorate)([(0,i.Module)({imports:[r.RouterModule.forChild([{path:"/",component:d.SettingsComponent}])],components:[s.InputToggleComponent,p.InfoComponent]})],l)}),n("9xHhf",function(n,t){e(n.exports,"InfoComponent",()=>r);var a=o("deWeK"),i=o("4TeKW");class r extends i.LitElement{}r=(0,a.__decorate)([(0,i.Component)({selector:"apps-ff-info",style:(0,i.css)`
2    p {
3      padding: 30px;
4      border-radius: 25px;
5      background-color: rgba(0, 0, 0, 0.1);
6      font-size: 14px;
7    }
8  `,template:()=>(0,i.html)`
9      <p>
10        <slot></slot>
11      </p>
12    `})],r)}),n("112PL",function(n,t){e(n.exports,"SettingsComponent",()=>l);var a=o("deWeK");o("dXpTg");var i=o("613YX"),r=o("1t8Wn"),s=o("4TeKW"),p=o("giRuk");let d=(0,i.DefineDependencies)(p.AppsService)(r.Container);class l extends p.AppsModalComponent{}l=(0,a.__decorate)([(0,p.View)({Providers:d,selector:"apps-settings-menu",cards:([e])=>[{template:(0,s.html)`
13          <rx-monad>
14            <rx-state .value=${e.getOptionsAsObservable()}></rx-state>
15            <rx-render
16              .state=${o=>(0,s.html)`
17                <input-toggle
18                  @toggled=${()=>e.toggleAnimations()}
19                  .checked=${o.disableAnimations}
20                ></input-toggle>
21                <p>Disable Animations</p>
22
23                <apps-ff-info> This toggle handles starting and stopping animations </apps-ff-info>
24              `}
25            ></rx-render>
26          </rx-monad>
27        `},{template:(0,s.html)` <cs-menu></cs-menu> `}]})],l)}),n("dXpTg",function(e,n){var t=o("deWeK"),a=o("613YX"),i=o("4TeKW"),r=o("eC3Yg");let s=[{title:"Enable Game Instruictor Messages",options:()=>(0,i.html)`
28      <span class="dropbtn" style="margin-right: 12px;">YES</span>
29      &nbsp;

30      <span class="arrow-container"><i class="arrow down absolute"></i></span>
31
32      <div class="dropdown-content">
33        <a href="#">Link 1</a>
34        <a href="#">Link 2</a>
35        <a href="#">Link 3</a>
36      </div>
37    `},{title:"Max Acceptable Matchmaking ping",options:()=>(0,i.html)``},{title:"Max Acceptable Game Traffic Bandwith",options:()=>(0,i.html)` 1 `}];class p extends i.LitElement{OnUpdateFirst(){this.parentElement.style.width="100%"}}(0,t.__decorate)([(0,a.Component)({Settings:{selector:"cs-menu",style:(0,i.css)`
38      .container {
39        width: 100%;
40      }
41      h3 {
42        color: hsl(0deg 0% 80%);
43        text-align: left;
44        font-weight: 100;
45      }
46      ul {
47        list-style: none;
48        padding: 0;
49        margin: 0;
50        text-align: left;
51      }
52
53      li {
54        /* padding: 20px; */
55        padding-left: 0px;
56        border-bottom: 1px solid gray;
57        font-weight: 100;
58      }
59      .flex {
60        display: flex;
61      }
62      .spacer {
63        flex: 1 3 auto;
64      }
65
66      .arrow {
67        border: solid white;
68        border-width: 0 2px 2px 0;
69        display: inline-block;
70        padding: 6px;
71      }
72
73      .absolute {
74        position: absolute;
75      }
76
77      .down {
78        transform: rotate(45deg);
79        -webkit-transform: rotate(45deg);
80      }
81
82      .options {
83        cursor: pointer;
84        user-select: none;
85        padding: 15px;
86      }
87
88      .options:hover {
89        background: rgba(0, 0, 0, 0.2);
90      }
91
92      .title {
93        padding: 15px 15px 15px 0px;
94      }
95
96      .arrow-container {
97        padding-right: 15px;
98      }
99      ${r.DropdownCSS}
100    `},State:()=>s,Render:()=>e=>(0,i.html)`
101      <form name="my-form" class="container">
102        <h3>Game</h3>
103        <ul>
104          ${e.map(({title:e,options:o})=>(0,i.html)`
105              <li>
106                <div class="flex">
107                  <div class="title">${e}</div>
108                  <span class="spacer"></span>
109                  <div class="options">${o()}</div>
110                </div>
111              </li>
112            `)}
113        </ul>
114      </form>
115    `})],p)}),n("eC3Yg",function(n,t){e(n.exports,"DropdownCSS",()=>i);var a=o("4TeKW");let i=(0,a.css)`
116  /* The container <div> - needed to position the dropdown content */
117  .dropdown {
118    position: relative;
119    display: inline-block;
120  }
121
122  /* Dropdown Content (Hidden by Default) */
123  .dropdown-content {
124    display: none;
125    position: absolute;
126    background-color: #f9f9f9;
127    min-width: 160px;
128    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
129    z-index: 1;
130  }
131
132  /* Links inside the dropdown */
133  .dropdown-content a {
134    color: black;
135    padding: 12px 16px;
136    text-decoration: none;
137    display: block;
138  }
139
140  /* Change color of dropdown links on hover */
141  .dropdown-content a:hover {
142    background-color: #f1f1f1;
143  }
144
145  /* Show the dropdown menu on hover */
146  .dropdown:hover .dropdown-content {
147    display: block;
148  }
149
150  /* Change the background color of the dropdown button when the dropdown content is shown */
151  .dropdown:hover .dropbtn {
152    background-color: #3e8e41;
153  }
154`});
155//# sourceMappingURL=settings.module.2d1e2ddd.js.map