profile-viewer 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/dist/{f0599659345cf76717cd.svg → 118632062f4755918dac.svg} +1 -1
- data/dist/{79eaad4fc0c398100809.svg → 3a829bf1fcf02598aa4b.svg} +1 -1
- data/dist/{874.2a087b9b5a296a9c3fcd.bundle.js → 874.ca7a11f56438ad874b9d.bundle.js} +2 -2
- data/dist/874.ca7a11f56438ad874b9d.bundle.js.map +1 -0
- data/dist/8846b19a497771fe0e9d.svg +4 -0
- data/dist/docs/memory-allocations.md +28 -6
- data/dist/index.html +1 -1
- data/dist/locales/de/app.ftl +11 -0
- data/dist/locales/el/app.ftl +2 -0
- data/dist/locales/en-CA/app.ftl +6 -0
- data/dist/locales/en-GB/app.ftl +11 -0
- data/dist/locales/en-US/app.ftl +10 -0
- data/dist/locales/es-CL/app.ftl +2 -0
- data/dist/locales/fr/app.ftl +46 -0
- data/dist/locales/fy-NL/app.ftl +11 -0
- data/dist/locales/ia/app.ftl +2 -0
- data/dist/locales/it/app.ftl +5 -0
- data/dist/locales/kab/app.ftl +7 -0
- data/dist/locales/nl/app.ftl +11 -0
- data/dist/locales/pt-BR/app.ftl +5 -0
- data/dist/locales/ru/app.ftl +11 -0
- data/dist/locales/sv-SE/app.ftl +2 -0
- data/dist/locales/tr/app.ftl +38 -0
- data/dist/locales/uk/app.ftl +2 -0
- data/dist/locales/zh-CN/app.ftl +5 -0
- data/dist/locales/zh-TW/app.ftl +52 -47
- data/dist/main.89ba95fadf0fbee4977a.bundle.js +201 -0
- data/dist/main.89ba95fadf0fbee4977a.bundle.js.map +1 -0
- data/dist/photon/{f0599659345cf76717cd.svg → 118632062f4755918dac.svg} +1 -1
- data/dist/photon/index.html +1 -1
- data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js → main.fa2aec5d6b214ac1cdb3.bundle.js} +2 -2
- data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js.map → main.fa2aec5d6b214ac1cdb3.bundle.js.map} +1 -1
- data/dist/sw.js +1 -1
- data/dist/sw.js.map +1 -1
- data/ruby-bin/profile-viewer-version.rb +1 -1
- metadata +14 -17
- data/dist/874.2a087b9b5a296a9c3fcd.bundle.js.map +0 -1
- data/dist/b805360fcc91834556c9.svg +0 -4
- data/dist/main.ac7130d34ce3b872712a.bundle.js +0 -201
- data/dist/main.ac7130d34ce3b872712a.bundle.js.map +0 -1
- /data/dist/{main.ac7130d34ce3b872712a.bundle.js.LICENSE.txt → main.89ba95fadf0fbee4977a.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
2
2
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
3
3
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
4
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="
|
|
4
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" d="M14.742 12.106L9.789 2.2a2 2 0 0 0-3.578 0l-4.953 9.91A2 2 0 0 0 3.047 15h9.905a2 2 0 0 0 1.79-2.894zM7 5a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm1 8.25A1.25 1.25 0 1 1 9.25 12 1.25 1.25 0 0 1 8 13.25z"></path></svg>
|
data/dist/photon/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" dir="ltr"><head><meta charset="utf-8"/><title>Photon Styling Examples</title><script defer="defer" src="/photon/main.
|
|
1
|
+
<!doctype html><html lang="en" dir="ltr"><head><meta charset="utf-8"/><title>Photon Styling Examples</title><script defer="defer" src="/photon/main.fa2aec5d6b214ac1cdb3.bundle.js"></script></head><body><h1 class="photon-title-40">Photon Styling Examples</h1><p>This page has examples for the profiler’s implementation of the <a href="https://design.firefox.com/photon/">Photon design spec</a>.</p><h2 class="photon-title-30">Photon Buttons</h2><p>All buttons have both enabled and disable states. When a button is disabled, please consider adding a title explaining why it's disabled.</p><div class="row"><h3 class="photon-title-20">Photon Button</h3><pre>
|
|
2
2
|
<button type="button" class="photon-button">Photon Button</button>
|
|
3
3
|
<button type="button" class="photon-button" disabled title="This function is disabled because...">Disabled Photon Button</button>
|
|
4
4
|
<a class="photon-button">Photon Button as a link</a>
|
data/dist/photon/{main.aafbcdad3fb08c7ae5b4.bundle.js → main.fa2aec5d6b214ac1cdb3.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{"use strict";var n={312:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n","",{version:3,sources:["webpack://./node_modules/photon-colors/photon-colors.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,qDAAqD;;AAErD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;;EAErB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;;EAEnB,oBAAoB;EACpB,oBAAoB;EACpB,uCAAuC;EACvC,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,iBAAiB;EACjB,iBAAiB;EACjB,mCAAmC;EACnC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;;EAEpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;;AAEtB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n"],sourceRoot:""}]);const s=i},27:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n","",{version:3,sources:["webpack://./res/css/focus.css"],names:[],mappings:"AAAA;2DAC2D;;AAE3D;uCACuC;AACvC;;EAEE,SAAS;AACX;;AAEA;;;;;;;;;EASE;;;gCAG8B;EAC9B,UAAU;AACZ;;AAEA;EACE;;gCAE8B;EAC9B,UAAU;AACZ",sourcesContent:["/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n"],sourceRoot:""}]);const s=i},870:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;AAC/E;EACE;2DACyD;EACzD,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,YAAY;EACZ,kBAAkB;EAClB,SAAS;;EAET,yBAAyB;EACzB,gBAAgB;;EAEhB,kBAAkB;EAClB,oCAAoC;EACpC,qBAAqB;EACrB,eAAe,EAAE,sDAAsD;EACvE,aAAa;EACb,qBAAqB,EAAE,sDAAsD;EAC7E,iBAAiB;AACnB;;AAEA;0CAC0C;AAC1C;EACE,YAAY;AACd;;AAEA;EACE,YAAY;AACd;;AAEA;+BAC+B;AAC/B;EACE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;;EAGE,gBAAgB;EAChB,YAAY;EACZ,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,gCAAgC;EAChC,WAAW;AACb;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA,iDAAiD;AACjD;EACE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;;EAEE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;AACd",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n"],sourceRoot:""}]);const s=i},977:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(199),e.b),l=new URL(e(898),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(${p});\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(${d});\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/checkbox.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,kBAAkB;EAClB,UAAU;EACV,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,mFAAmF;AACnF;EACE,YAAY;AACd;;AAEA,8EAA8E;AAC9E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,0EAA0E;AAC1E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-16.svg);\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-13.svg);\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},40:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,'/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n',"",{version:3,sources:["webpack://./res/css/photon/confirm-dialog.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BE;;AAEF;EACE,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,UAAU;AACZ",sourcesContent:['/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n'],sourceRoot:""}]);const s=i},624:(n,o,e)=>{e.d(o,{A:()=>g});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(445),A=e(870),c=e(977),l=e(48),h=e(630),p=e(798),d=e(268),u=e(40),b=i()(a());b.i(s.A),b.i(A.A),b.i(c.A),b.i(l.A),b.i(h.A),b.i(p.A),b.i(d.A),b.i(u.A),b.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n","",{version:3,sources:["webpack://./res/css/photon/index.css"],names:[],mappings:"AAAA;;6DAE6D",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n@import './typography.css';\n@import './button.css';\n@import './checkbox.css';\n@import './input.css';\n@import './label.css';\n@import './message-bar.css';\n@import './radio-button.css';\n@import './confirm-dialog.css';\n"],sourceRoot:""}]);const g=b},48:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n","",{version:3,sources:["webpack://./res/css/photon/input.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,oFAAoF;AACpF;EACE,YAAY;EACZ,cAAc;EACd,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB,EAAE,qCAAqC;AACzD;;AAEA;EACE,gCAAgC;AAClC;;AAEA;qDACqD;AACrD;;EAEE,gCAAgC;EAChC;;gCAE8B;EAC9B,UAAU;AACZ;;AAEA;EACE,+BAA+B;EAC/B;;+BAE6B;AAC/B",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n"],sourceRoot:""}]);const s=i},630:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/label.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,qBAAqB;AACvB;;AAEA,2EAA2E;AAC3E;EACE,eAAe;AACjB;;AAEA,+EAA+E;AAC/E;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n"],sourceRoot:""}]);const s=i},798:(n,o,e)=>{e.d(o,{A:()=>m});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(277),e.b),l=new URL(e(196),e.b),h=new URL(e(981),e.b),p=new URL(e(563),e.b),d=new URL(e(572),e.b),u=i()(a()),b=A()(c),g=A()(l),f=A()(h),C=A()(p),E=A()(d);u.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(${b}) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(${g}) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(${f});\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(${C});\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(${E});\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/message-bar.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,uEAAuE;AACvE;EACE,aAAa;EACb,gBAAgB;EAChB,sBAAsB;EACtB,iBAAiB;;EAEjB;;oCAEkC;EAClC,yBAAyB;EACzB,kBAAkB;;EAElB;;qDAEmD;EACnD;kBACgB;EAChB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iBAAiB;EACjB,gFAA0E;AAC5E;;AAEA;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE;;;;;;;;IAQE;EACF,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,yDAA8C;EAC9C,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,yDAAgD;EAChD,uBAAuB;AACzB;;AAEA;EACE,yDAAoD;AACtD;;AAEA;uBACuB;AACvB;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;;EAEE,kCAAkC;AACpC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,kCAAkC;EAClC,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,kCAAkC;AACpC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(../../img/svg/info-icon.svg) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(../../img/svg/close-dark.svg) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(../../img/svg/error.svg);\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(../../img/svg/warning.svg);\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(../../img/svg/close-light.svg);\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n"],sourceRoot:""}]);const m=u},268:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(115),e.b),l=new URL(e(814),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(${p});\n}\n\n.photon-radio-micro:checked {\n background-image: url(${d});\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/radio-button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,2EAA2E;AAC3E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,+EAA+E;AAC/E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(../../img/svg/radiobutton-marker-16.svg);\n}\n\n.photon-radio-micro:checked {\n background-image: url(../../img/svg/radiobutton-marker-13.svg);\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},445:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n","",{version:3,sources:["webpack://./res/css/photon/typography.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;;AAE/E;;;;;;;;;;EAUE;;AAEF;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n"],sourceRoot:""}]);const s=i},895:(n,o,e)=>{e.d(o,{A:()=>p});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(692),e.b),l=i()(a()),h=A()(c);l.push([n.id,`body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(${h});\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n`,"",{version:3,sources:["webpack://./res/photon/style.css"],names:[],mappings:"AAAA;;EAEE,iDAAiD;EACjD;;gCAE8B;EAC9B,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,yDAAiD;EACjD,wBAAwB;EACxB,4BAA4B;AAC9B;;AAEA,uEAAuE;AACvE;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(../img/svg/pane-expand.svg);\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n"],sourceRoot:""}]);const p=l},314:n=>{n.exports=function(n){var o=[];return o.toString=function(){return this.map((function(o){var e="",t=void 0!==o[5];return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),t&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=n(o),t&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e})).join("")},o.i=function(n,e,t,a,r){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(t)for(var s=0;s<this.length;s++){var A=this[s][0];null!=A&&(i[A]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),o.push(l))}},o}},417:n=>{n.exports=function(n,o){return o||(o={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),o.hash&&(n+=o.hash),/["'() \t\n]|(%20)/.test(n)||o.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354:n=>{n.exports=function(n){var o=n[1],e=n[3];if(!e)return o;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),r="/*# ".concat(a," */");return[o].concat([r]).join("\n")}return[o].join("\n")}},72:n=>{var o=[];function e(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function t(n,t){for(var r={},i=[],s=0;s<n.length;s++){var A=n[s],c=t.base?A[0]+t.base:A[0],l=r[c]||0,h="".concat(c," ").concat(l);r[c]=l+1;var p=e(h),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==p)o[p].references++,o[p].updater(d);else{var u=a(d,t);t.byIndex=s,o.splice(s,0,{identifier:h,updater:u,references:1})}i.push(h)}return i}function a(n,o){var e=o.domAPI(o);return e.update(n),function(o){if(o){if(o.css===n.css&&o.media===n.media&&o.sourceMap===n.sourceMap&&o.supports===n.supports&&o.layer===n.layer)return;e.update(n=o)}else e.remove()}}n.exports=function(n,a){var r=t(n=n||[],a=a||{});return function(n){n=n||[];for(var i=0;i<r.length;i++){var s=e(r[i]);o[s].references--}for(var A=t(n,a),c=0;c<r.length;c++){var l=e(r[c]);0===o[l].references&&(o[l].updater(),o.splice(l,1))}r=A}}},659:n=>{var o={};n.exports=function(n,e){var t=function(n){if(void 0===o[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}o[n]=e}return o[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}},540:n=>{n.exports=function(n){var o=document.createElement("style");return n.setAttributes(o,n.attributes),n.insert(o,n.options),o}},56:(n,o,e)=>{n.exports=function(n){var o=e.nc;o&&n.setAttribute("nonce",o)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){!function(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=void 0!==e.layer;a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var r=e.sourceMap;r&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,n,o.options)}(o,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(o)}}}},113:n=>{n.exports=function(n,o){if(o.styleSheet)o.styleSheet.cssText=n;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(n))}}},898:(n,o,e)=>{n.exports=e.p+"8aae7b979b04407f71a4.svg"},199:(n,o,e)=>{n.exports=e.p+"6c8063be3afa1d95c902.svg"},196:(n,o,e)=>{n.exports=e.p+"6bd0589a27236471fdab.svg"},572:(n,o,e)=>{n.exports=e.p+"aa867391c311267af5a9.svg"},981:(n,o,e)=>{n.exports=e.p+"9103e94f1d34c15d44be.svg"},277:(n,o,e)=>{n.exports=e.p+"31fe933f3a12be1aa7f3.svg"},692:(n,o,e)=>{n.exports=e.p+"49da6a2153f62ef73d17.svg"},814:(n,o,e)=>{n.exports=e.p+"76e5b29823c9fd62d90d.svg"},115:(n,o,e)=>{n.exports=e.p+"8dab2a6ba757bcc6e9a5.svg"},563:(n,o,e)=>{n.exports=e.p+"f0599659345cf76717cd.svg"}},o={};function e(t){var a=o[t];if(void 0!==a)return a.exports;var r=o[t]={id:t,exports:{}};return n[t](r,r.exports,e),r.exports}e.m=n,e.n=n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},e.d=(n,o)=>{for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})},e.o=(n,o)=>Object.prototype.hasOwnProperty.call(n,o),e.p="/photon/",e.b=document.baseURI||self.location.href,e.nc=void 0;var t=e(72),a=e.n(t),r=e(825),i=e.n(r),s=e(659),A=e.n(s),c=e(56),l=e.n(c),h=e(540),p=e.n(h),d=e(113),u=e.n(d),b=e(27),g={};g.styleTagTransform=u(),g.setAttributes=l(),g.insert=A().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),a()(b.A,g),b.A&&b.A.locals&&b.A.locals;var f=e(624),C={};C.styleTagTransform=u(),C.setAttributes=l(),C.insert=A().bind(null,"head"),C.domAPI=i(),C.insertStyleElement=p(),a()(f.A,C),f.A&&f.A.locals&&f.A.locals;var E=e(312),m={};m.styleTagTransform=u(),m.setAttributes=l(),m.insert=A().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p(),a()(E.A,m),E.A&&E.A.locals&&E.A.locals;var v=e(895),B={};B.styleTagTransform=u(),B.setAttributes=l(),B.insert=A().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),a()(v.A,B),v.A&&v.A.locals&&v.A.locals})();
|
|
2
|
-
//# sourceMappingURL=main.
|
|
1
|
+
(()=>{"use strict";var n={312:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n","",{version:3,sources:["webpack://./node_modules/photon-colors/photon-colors.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,qDAAqD;;AAErD;EACE,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;;EAErB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,kBAAkB;EAClB,sCAAsC;EACtC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;;EAElB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;;EAEnB,oBAAoB;EACpB,oBAAoB;EACpB,uCAAuC;EACvC,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,iBAAiB;EACjB,iBAAiB;EACjB,mCAAmC;EACnC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,kBAAkB;EAClB,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,uCAAuC;EACvC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,qCAAqC;EACrC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;;EAEpC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;;EAEjB,oBAAoB;;AAEtB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* AUTOGENERATED Photon Colors CSS Variables v3.3.2 */\n\n:root {\n --magenta-50: #ff1ad9;\n --magenta-60: #ed00b5;\n --magenta-70: #b5007f;\n --magenta-80: #7d004f;\n --magenta-90: #440027;\n\n --purple-30: #c069ff;\n --purple-40: #ad3bff;\n --purple-50: #9400ff;\n --purple-60: #8000d7;\n --purple-70: #6200a4;\n --purple-80: #440071;\n --purple-90: #25003e;\n\n --blue-40: #45a1ff;\n --blue-50: #0a84ff;\n --blue-50-a30: rgba(10, 132, 255, 0.3);\n --blue-60: #0060df;\n --blue-70: #003eaa;\n --blue-80: #002275;\n --blue-90: #000f40;\n\n --teal-50: #00feff;\n --teal-60: #00c8d7;\n --teal-70: #008ea4;\n --teal-80: #005a71;\n --teal-90: #002d3e;\n\n --green-50: #30e60b;\n --green-60: #12bc00;\n --green-70: #058b00;\n --green-80: #006504;\n --green-90: #003706;\n\n --yellow-50: #ffe900;\n --yellow-60: #d7b600;\n --yellow-60-a30: rgba(215, 182, 0, 0.3);\n --yellow-70: #a47f00;\n --yellow-80: #715100;\n --yellow-90: #3e2800;\n\n --red-50: #ff0039;\n --red-60: #d70022;\n --red-60-a30: rgba(215, 0, 34, 0.3);\n --red-70: #a4000f;\n --red-80: #5a0002;\n --red-90: #3e0200;\n\n --orange-50: #ff9400;\n --orange-60: #d76e00;\n --orange-70: #a44900;\n --orange-80: #712b00;\n --orange-90: #3e1300;\n\n --grey-10: #f9f9fa;\n --grey-10-a10: rgba(249, 249, 250, 0.1);\n --grey-10-a20: rgba(249, 249, 250, 0.2);\n --grey-10-a40: rgba(249, 249, 250, 0.4);\n --grey-10-a60: rgba(249, 249, 250, 0.6);\n --grey-10-a80: rgba(249, 249, 250, 0.8);\n --grey-20: #ededf0;\n --grey-30: #d7d7db;\n --grey-40: #b1b1b3;\n --grey-50: #737373;\n --grey-60: #4a4a4f;\n --grey-70: #38383d;\n --grey-80: #2a2a2e;\n --grey-90: #0c0c0d;\n --grey-90-a05: rgba(12, 12, 13, 0.05);\n --grey-90-a10: rgba(12, 12, 13, 0.1);\n --grey-90-a20: rgba(12, 12, 13, 0.2);\n --grey-90-a30: rgba(12, 12, 13, 0.3);\n --grey-90-a40: rgba(12, 12, 13, 0.4);\n --grey-90-a50: rgba(12, 12, 13, 0.5);\n --grey-90-a60: rgba(12, 12, 13, 0.6);\n --grey-90-a70: rgba(12, 12, 13, 0.7);\n --grey-90-a80: rgba(12, 12, 13, 0.8);\n --grey-90-a90: rgba(12, 12, 13, 0.9);\n\n --ink-40: #7175A8;\n --ink-50: #595E91;\n --ink-60: #464B76;\n --ink-70: #363959;\n --ink-80: #202340;\n --ink-90: #0f1126;\n\n --white-100: #ffffff;\n\n}\n"],sourceRoot:""}]);const s=i},27:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n","",{version:3,sources:["webpack://./res/css/focus.css"],names:[],mappings:"AAAA;2DAC2D;;AAE3D;uCACuC;AACvC;;EAEE,SAAS;AACX;;AAEA;;;;;;;;;EASE;;;gCAG8B;EAC9B,UAAU;AACZ;;AAEA;EACE;;gCAE8B;EAC9B,UAAU;AACZ",sourcesContent:["/* the box shadow is taken from photon-button primary button focus styling\nhttps://design.firefox.com/photon/components/buttons.html */\n\n/* removes the default Firefox focus indicator,\nso that we can add a custom indicator */\ninput::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type='radio']:focus-visible,\ninput[type='checkbox']:focus-visible,\ninput[type='button']:focus-visible,\ninput[type='submit']:focus-visible,\ninput[type='reset']:focus-visible,\ninput[type='image']:focus-visible,\ninput[type='range']:focus-visible,\nselect:focus-visible,\nbutton:focus-visible {\n box-shadow:\n 0 0 0 1px var(--blue-50) inset,\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\na:focus-visible {\n box-shadow:\n 0 0 0 2px var(--blue-50),\n 0 0 0 6px var(--blue-50-a30);\n outline: 0;\n}\n"],sourceRoot:""}]);const s=i},870:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;AAC/E;EACE;2DACyD;EACzD,oBAAoB;EACpB,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,YAAY;EACZ,kBAAkB;EAClB,SAAS;;EAET,yBAAyB;EACzB,gBAAgB;;EAEhB,kBAAkB;EAClB,oCAAoC;EACpC,qBAAqB;EACrB,eAAe,EAAE,sDAAsD;EACvE,aAAa;EACb,qBAAqB,EAAE,sDAAsD;EAC7E,iBAAiB;AACnB;;AAEA;0CAC0C;AAC1C;EACE,YAAY;AACd;;AAEA;EACE,YAAY;AACd;;AAEA;+BAC+B;AAC/B;EACE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;;EAGE,gBAAgB;EAChB,YAAY;EACZ,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,gCAAgC;EAChC,WAAW;AACb;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA,iDAAiD;AACjD;EACE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;;EAEE,oCAAoC;AACtC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;AACd",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/buttons.html for the spec */\n.photon-button {\n /* These flex and sizing properties aren't necessary when a real <button> is used,\n * but they are when a <a> element is used as a button. */\n display: inline-flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n border: none;\n border-radius: 2px;\n margin: 0;\n\n /* reset default styles */\n background: none;\n\n /* photon styles */\n background-color: var(--grey-90-a10);\n color: var(--grey-90);\n cursor: initial; /* reset the defaut link style when used as a button */\n font: inherit;\n text-decoration: none; /* reset the defaut link style when used as a button */\n user-select: none;\n}\n\n/* This is a Firefox-specific style because Firefox adds a focusring at a bad\n * position. We're adding our own below. */\n.photon-button::-moz-focus-inner {\n border: none;\n}\n\n.photon-button:disabled {\n opacity: 0.4;\n}\n\n/* Note: we're using :not(:disabled) instead of :enabled so that this can apply\n * to non-input elements too. */\n.photon-button:hover:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button:hover:active:not(:disabled) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-button-primary,\n.photon-button-destructive,\n.photon-button-default {\n min-width: 132px;\n height: 32px;\n padding: 0 8px;\n font-size: 13px;\n}\n\n.photon-button-primary {\n background-color: var(--blue-60);\n color: #fff;\n}\n\n.photon-button-primary:hover:not(:disabled) {\n background-color: var(--blue-70);\n}\n\n.photon-button-primary:hover:active:not(:disabled) {\n background-color: var(--blue-80);\n}\n\n/* Use this class for destructive actions only. */\n.photon-button-destructive {\n background-color: var(--red-60);\n color: #fff;\n}\n\n.photon-button-destructive:hover:not(:disabled) {\n background-color: var(--red-70);\n}\n\n.photon-button-destructive:hover:active:not(:disabled) {\n background-color: var(--red-80);\n}\n\n.photon-button-ghost {\n width: 32px;\n height: 32px;\n background-color: transparent;\n}\n\n.photon-button-ghost:hover:not(:disabled),\n.photon-button-ghost--checked {\n background-color: var(--grey-90-a10);\n}\n\n.photon-button-ghost:hover:active:not(:disabled) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-button-micro {\n height: 24px;\n}\n"],sourceRoot:""}]);const s=i},977:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(199),e.b),l=new URL(e(898),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(${p});\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(${d});\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/checkbox.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,kBAAkB;EAClB,UAAU;EACV,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,mFAAmF;AACnF;EACE,YAAY;AACd;;AAEA,8EAA8E;AAC9E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,0EAA0E;AAC1E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,yDAA0D;AAC5D;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-checkbox {\n position: relative;\n padding: 0;\n border: 1px solid var(--grey-90-a30);\n border-radius: 2px;\n appearance: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Remove the border, as it compets with box-shadow styles applied with focus.css */\n.photon-checkbox:focus-visible {\n border: none;\n}\n\n/* Use this class with the photon-checkbox for the canonical photon styling. */\n.photon-checkbox-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-checkbox for the custom micro variant. */\n.photon-checkbox-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-checkbox:hover:not([disabled]) {\n background-color: var(--grey-90-a20);\n}\n\n.photon-checkbox:checked:not([disabled]) {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-checkbox:hover:active:not([disabled]) {\n background-color: var(--grey-90-a30);\n}\n\n.photon-checkbox-default:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-16.svg);\n}\n\n.photon-checkbox-micro:checked:not([disabled]) {\n background-image: url(../../img/svg/checkbox-check-13.svg);\n}\n\n.photon-checkbox:checked:hover:not([disabled]) {\n background-color: var(--blue-70);\n}\n\n.photon-checkbox:checked:hover:active:not([disabled]) {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},40:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,'/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n',"",{version:3,sources:["webpack://./res/css/photon/confirm-dialog.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BE;;AAEF;EACE,gBAAgB;EAChB,SAAS;EACT,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,UAAU;AACZ",sourcesContent:['/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* This implements a confirm dialog using Photon components. \n * While not formally part of photon.\n *\n * This is how we can use it:\n *\n * <div className="confirmDialog">\n * <h3 className="confirmDialogTitle">\n * Wonderful title\n * </h3>\n * <div className="confirmDialogContent">\n * Wonderful content\n * </div>\n * <div className="confirmDialogButtons">\n * <input\n * type="button"\n * className="photon-button photon-button-default"\n * value="Cancel"\n * onClick={doSomethingOnCancel}\n * />\n * <input\n * type="button"\n * className="photon-button photon-button-destructive"\n * value="Confirm"\n * onClick={doSomethingOnConfirm}\n * />\n * </div>\n * </div>\n *\n */\n\n.confirmDialogTitle {\n overflow: hidden;\n margin: 0;\n font-size: 1.2em;\n text-overflow: ellipsis;\n}\n\n.confirmDialogContent {\n margin: 16px 0;\n}\n\n.confirmDialogButtons {\n display: flex;\n gap: 8px;\n}\n\n.confirmDialogButtons > .photon-button {\n flex: auto;\n}\n'],sourceRoot:""}]);const s=i},624:(n,o,e)=>{e.d(o,{A:()=>g});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(445),A=e(870),c=e(977),l=e(48),h=e(630),p=e(798),d=e(268),u=e(40),b=i()(a());b.i(s.A),b.i(A.A),b.i(c.A),b.i(l.A),b.i(h.A),b.i(p.A),b.i(d.A),b.i(u.A),b.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n","",{version:3,sources:["webpack://./res/css/photon/index.css"],names:[],mappings:"AAAA;;6DAE6D",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n@import './typography.css';\n@import './button.css';\n@import './checkbox.css';\n@import './input.css';\n@import './label.css';\n@import './message-bar.css';\n@import './radio-button.css';\n@import './confirm-dialog.css';\n"],sourceRoot:""}]);const g=b},48:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n","",{version:3,sources:["webpack://./res/css/photon/input.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,oFAAoF;AACpF;EACE,YAAY;EACZ,cAAc;EACd,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB,EAAE,qCAAqC;AACzD;;AAEA;EACE,gCAAgC;AAClC;;AAEA;qDACqD;AACrD;;EAEE,gCAAgC;EAChC;;gCAE8B;EAC9B,UAAU;AACZ;;AAEA;EACE,+BAA+B;EAC/B;;+BAE6B;AAC/B",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/input-fields.html for the spec */\n.photon-input {\n height: 32px;\n padding: 0 8px;\n border: 1px solid var(--grey-90-a20);\n border-radius: 2px;\n box-shadow: none; /* remove the default Firefox style */\n}\n\n.photon-input:hover {\n border-color: var(--grey-90-a30);\n}\n\n/* The second selector is only here to have a specificity higher than the one in\n * `.photon-input:invalid:not(:placeholder-shown)`. */\n.photon-input:focus-visible,\n.photon-input:focus-visible:invalid {\n border: 1px solid var(--blue-50);\n box-shadow:\n 0 0 0 1px var(--blue-50),\n 0 0 0 4px var(--blue-50-a30);\n outline: 0;\n}\n\n.photon-input:invalid:not(:placeholder-shown) {\n border: 1px solid var(--red-60);\n box-shadow:\n 0 0 0 1px var(--red-60),\n 0 0 0 4px var(--red-60-a30);\n}\n"],sourceRoot:""}]);const s=i},630:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n","",{version:3,sources:["webpack://./res/css/photon/label.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,qBAAqB;AACvB;;AAEA,2EAA2E;AAC3E;EACE,eAAe;AACjB;;AAEA,+EAA+E;AAC/E;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-label {\n display: inline-flex;\n align-items: center;\n padding: 3px 0;\n color: var(--grey-90);\n}\n\n/* Use this class with the photon-label for the canonical photon styling. */\n.photon-label-default {\n font-size: 13px;\n}\n\n/* Use this class with the photon-label for the custom micro variant styling. */\n.photon-label-micro {\n font-size: 11px;\n}\n\n.photon-label-horiz-padding {\n padding: 0 3px;\n}\n"],sourceRoot:""}]);const s=i},798:(n,o,e)=>{e.d(o,{A:()=>m});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(277),e.b),l=new URL(e(196),e.b),h=new URL(e(981),e.b),p=new URL(e(563),e.b),d=new URL(e(572),e.b),u=i()(a()),b=A()(c),g=A()(l),f=A()(h),C=A()(p),E=A()(d);u.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(${b}) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(${g}) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(${f});\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(${C});\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(${E});\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/message-bar.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,uEAAuE;AACvE;EACE,aAAa;EACb,gBAAgB;EAChB,sBAAsB;EACtB,iBAAiB;;EAEjB;;oCAEkC;EAClC,yBAAyB;EACzB,kBAAkB;;EAElB;;qDAEmD;EACnD;kBACgB;EAChB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,iBAAiB;EACjB,gFAA0E;AAC5E;;AAEA;EACE,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE;;;;;;;;IAQE;EACF,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;EAC/B,yDAA8C;EAC9C,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,yDAAgD;EAChD,uBAAuB;AACzB;;AAEA;EACE,yDAAoD;AACtD;;AAEA;uBACuB;AACvB;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;EAC/B,WAAW;AACb;;AAEA;;EAEE,kCAAkC;AACpC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;;EAEE,+BAA+B;AACjC;;AAEA;;EAEE,kCAAkC;EAClC,WAAW;AACb;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,kCAAkC;AACpC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* See https://design.firefox.com/photon/components/message-bars.html */\n.photon-message-bar {\n display: flex;\n min-height: 32px;\n box-sizing: border-box;\n flex-wrap: nowrap;\n\n /* Note: 32px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon) + 16px (icon width) + 4px (right padding for the icon) + 4px\n * (space between icon and text) */\n padding: 4px 4px 4px 32px;\n border-radius: 4px;\n\n /* Note: 8px is: 4px (left padding for the message bar) + 4px (left padding\n * for the icon). And same for the top positioning, because we want the icon\n * to stick at the top when the text is multiline */\n background: url(../../img/svg/info-icon.svg) no-repeat 8px 8px / 16px 16px\n var(--grey-20);\n color: var(--grey-90);\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n}\n\n.photon-message-bar-action-button {\n flex: none;\n}\n\n.photon-message-bar-close-button {\n width: 24px;\n height: 24px;\n flex: none;\n margin-left: auto;\n background: url(../../img/svg/close-dark.svg) no-repeat center / 16px 16px;\n}\n\n.photon-message-bar-inner-content {\n display: flex;\n flex-wrap: wrap;\n padding-right: 8px;\n gap: 8px;\n}\n\n.photon-message-bar-inner-text {\n /* This padding is carefully computed so that multi-line message bars have the\n * same top padding than single-line message bars. Having this property\n * shouldn't change anything for single-line message bars.\n * It's computed like this:\n * height of single-line message bars is 32px\n * padding of the message-bar div is 4px\n * height of the inner text is line-height * font-size = 1.4 * 13px = 18.2px\n * => (32 - 4 - 18.2) / 2 = 2.9px\n */\n padding: 2.9px 0;\n}\n\n.photon-message-bar-error {\n background-color: var(--red-60);\n background-image: url(../../img/svg/error.svg);\n color: #fff;\n}\n\n.photon-message-bar-warning {\n background-color: var(--yellow-50);\n background-image: url(../../img/svg/warning.svg);\n color: var(--yellow-90);\n}\n\n.photon-message-bar-error .photon-message-bar-close-button {\n background-image: url(../../img/svg/close-light.svg);\n}\n\n/* The default styles for this button are copied from the ghost button, mostly\n * for ease of usage. */\n.photon-message-bar-close-button:hover {\n background-color: var(--grey-90-a10);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button,\n.photon-message-bar-error .photon-message-bar-close-button:hover {\n background-color: var(--red-70);\n color: #fff;\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button,\n.photon-message-bar-warning .photon-message-bar-close-button:hover {\n background-color: var(--yellow-60);\n}\n\n.photon-message-bar-close-button:hover:active {\n background-color: var(--grey-90-a20);\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover,\n.photon-message-bar-error .photon-message-bar-close-button:hover:active {\n background-color: var(--red-80);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover,\n.photon-message-bar-warning .photon-message-bar-close-button:hover:active {\n background-color: var(--yellow-70);\n color: #fff;\n}\n\n.photon-message-bar-error .photon-message-bar-action-button:hover:active {\n background-color: var(--red-90);\n}\n\n.photon-message-bar-warning .photon-message-bar-action-button:hover:active {\n background-color: var(--yellow-80);\n}\n"],sourceRoot:""}]);const m=u},268:(n,o,e)=>{e.d(o,{A:()=>u});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(115),e.b),l=new URL(e(814),e.b),h=i()(a()),p=A()(c),d=A()(l);h.push([n.id,`/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(${p});\n}\n\n.photon-radio-micro:checked {\n background-image: url(${d});\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n`,"",{version:3,sources:["webpack://./res/css/photon/radio-button.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D;EACE,oCAAoC;EACpC,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,oCAAoC;AACtC;;AAEA,2EAA2E;AAC3E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA,+EAA+E;AAC/E;EACE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gCAAgC;AAClC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,yDAA8D;AAChE;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n.photon-radio {\n border: 1px solid var(--grey-90-a30);\n border-radius: 8px;\n appearance: none;\n background: none;\n background-color: var(--grey-90-a10);\n}\n\n/* Use this class with the photon-radio for the canonical photon styling. */\n.photon-radio-default {\n width: 16px;\n height: 16px;\n margin: 0 4px;\n}\n\n/* Use this class with the photon-radio for the custom micro variant styling. */\n.photon-radio-micro {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n}\n\n.photon-radio:hover {\n background-color: var(--grey-90-a20);\n}\n\n.photon-radio:checked {\n border: none;\n background-color: var(--blue-60);\n}\n\n.photon-radio:hover:active {\n background-color: var(--grey-90-a30);\n}\n\n.photon-radio-default:checked {\n background-image: url(../../img/svg/radiobutton-marker-16.svg);\n}\n\n.photon-radio-micro:checked {\n background-image: url(../../img/svg/radiobutton-marker-13.svg);\n}\n\n.photon-radio:checked:hover {\n background-color: var(--blue-70);\n}\n\n.photon-radio:checked:hover:active {\n background-color: var(--blue-80);\n}\n"],sourceRoot:""}]);const u=h},445:(n,o,e)=>{e.d(o,{A:()=>s});var t=e(354),a=e.n(t),r=e(314),i=e.n(r)()(a());i.push([n.id,"/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n","",{version:3,sources:["webpack://./res/css/photon/typography.css"],names:[],mappings:"AAAA;;6DAE6D;;AAE7D,+EAA+E;;AAE/E;;;;;;;;;;EAUE;;AAEF;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;;EAEf,6EAA6E;EAC7E,iBAAiB;AACnB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;;EAEE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB",sourcesContent:["/* This Source Code Form is subject to the terms of the Mozilla Public\n * License, v. 2.0. If a copy of the MPL was not distributed with this\n * file, You can obtain one at http://mozilla.org/MPL/2.0/. */\n\n/* Specification at https://design.firefox.com/photon/visuals/typography.html */\n\n/* The idea is to use the same numbers for the same context (eg title 20 with\n * body 20 and caption 20), and of course use the hierarchy of titles when\n * needed.\n *\n * When using these styles one has to take care to colors and margins as well.\n * Margins are well described in\n * https://design.firefox.com/photon/visuals/grid.html.\n *\n * In the future we may want to make this more generic by applying these styles\n * by default to h1, h2, h3, etc.\n */\n\n.photon-display-20 {\n font-size: 36px;\n font-weight: 200;\n}\n\n.photon-title-40 {\n font-size: 28px;\n font-weight: 300;\n}\n\n.photon-title-30 {\n font-size: 22px;\n font-weight: 300;\n}\n\n.photon-title-20 {\n font-size: 17px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-title-10 {\n font-size: 13px;\n\n /* This should be 500 instead of bold, but 500 isn't available on all fonts */\n font-weight: bold;\n}\n\n.photon-body-30 {\n font-size: 17px;\n font-weight: 400;\n}\n\n.photon-body-20,\n.photon-caption-30 {\n font-size: 15px;\n font-weight: 400;\n}\n\n.photon-body-10,\n.photon-caption-20 {\n font-size: 13px;\n font-weight: 400;\n}\n\n.photon-caption-10 {\n font-size: 11px;\n font-weight: 400;\n}\n"],sourceRoot:""}]);const s=i},895:(n,o,e)=>{e.d(o,{A:()=>p});var t=e(354),a=e.n(t),r=e(314),i=e.n(r),s=e(417),A=e.n(s),c=new URL(e(692),e.b),l=i()(a()),h=A()(c);l.push([n.id,`body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(${h});\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n`,"",{version:3,sources:["webpack://./res/photon/style.css"],names:[],mappings:"AAAA;;EAEE,iDAAiD;EACjD;;gCAE8B;EAC9B,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,yDAAiD;EACjD,wBAAwB;EACxB,4BAA4B;AAC9B;;AAEA,uEAAuE;AACvE;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["body,\nhtml {\n /* Please keep it synced with res/css/style.css */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n Oxygen-Sans, Ubuntu, 'Noto Sans', 'Liberation Sans', Cantarell,\n 'Helvetica Neue', sans-serif;\n font-size: 11px;\n}\n\n.row {\n padding: 0 3em 2em;\n border-left: 2px solid var(--grey-30);\n margin: 3em 0;\n}\n\n.row:hover {\n border-color: var(--blue-60);\n}\n\n.row pre {\n display: block;\n margin: 2em 0;\n}\n\n.photon-button-test-image {\n width: 24px;\n height: 24px;\n background-image: url(../img/svg/pane-expand.svg);\n background-position: 50%;\n background-repeat: no-repeat;\n}\n\n/* Give nearby message bars some room so that they can breathe a bit. */\n.photon-message-bar {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.sized-to-content {\n max-width: max-content;\n}\n\n.sized-constrained {\n max-width: 300px;\n}\n"],sourceRoot:""}]);const p=l},314:n=>{n.exports=function(n){var o=[];return o.toString=function(){return this.map((function(o){var e="",t=void 0!==o[5];return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),t&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=n(o),t&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e})).join("")},o.i=function(n,e,t,a,r){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(t)for(var s=0;s<this.length;s++){var A=this[s][0];null!=A&&(i[A]=!0)}for(var c=0;c<n.length;c++){var l=[].concat(n[c]);t&&i[l[0]]||(void 0!==r&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=r),e&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=e):l[2]=e),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),o.push(l))}},o}},417:n=>{n.exports=function(n,o){return o||(o={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),o.hash&&(n+=o.hash),/["'() \t\n]|(%20)/.test(n)||o.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},354:n=>{n.exports=function(n){var o=n[1],e=n[3];if(!e)return o;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),r="/*# ".concat(a," */");return[o].concat([r]).join("\n")}return[o].join("\n")}},72:n=>{var o=[];function e(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function t(n,t){for(var r={},i=[],s=0;s<n.length;s++){var A=n[s],c=t.base?A[0]+t.base:A[0],l=r[c]||0,h="".concat(c," ").concat(l);r[c]=l+1;var p=e(h),d={css:A[1],media:A[2],sourceMap:A[3],supports:A[4],layer:A[5]};if(-1!==p)o[p].references++,o[p].updater(d);else{var u=a(d,t);t.byIndex=s,o.splice(s,0,{identifier:h,updater:u,references:1})}i.push(h)}return i}function a(n,o){var e=o.domAPI(o);return e.update(n),function(o){if(o){if(o.css===n.css&&o.media===n.media&&o.sourceMap===n.sourceMap&&o.supports===n.supports&&o.layer===n.layer)return;e.update(n=o)}else e.remove()}}n.exports=function(n,a){var r=t(n=n||[],a=a||{});return function(n){n=n||[];for(var i=0;i<r.length;i++){var s=e(r[i]);o[s].references--}for(var A=t(n,a),c=0;c<r.length;c++){var l=e(r[c]);0===o[l].references&&(o[l].updater(),o.splice(l,1))}r=A}}},659:n=>{var o={};n.exports=function(n,e){var t=function(n){if(void 0===o[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}o[n]=e}return o[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}},540:n=>{n.exports=function(n){var o=document.createElement("style");return n.setAttributes(o,n.attributes),n.insert(o,n.options),o}},56:(n,o,e)=>{n.exports=function(n){var o=e.nc;o&&n.setAttribute("nonce",o)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){!function(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=void 0!==e.layer;a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var r=e.sourceMap;r&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,n,o.options)}(o,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(o)}}}},113:n=>{n.exports=function(n,o){if(o.styleSheet)o.styleSheet.cssText=n;else{for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(document.createTextNode(n))}}},898:(n,o,e)=>{n.exports=e.p+"8aae7b979b04407f71a4.svg"},199:(n,o,e)=>{n.exports=e.p+"6c8063be3afa1d95c902.svg"},196:(n,o,e)=>{n.exports=e.p+"6bd0589a27236471fdab.svg"},572:(n,o,e)=>{n.exports=e.p+"aa867391c311267af5a9.svg"},981:(n,o,e)=>{n.exports=e.p+"9103e94f1d34c15d44be.svg"},277:(n,o,e)=>{n.exports=e.p+"31fe933f3a12be1aa7f3.svg"},692:(n,o,e)=>{n.exports=e.p+"49da6a2153f62ef73d17.svg"},814:(n,o,e)=>{n.exports=e.p+"76e5b29823c9fd62d90d.svg"},115:(n,o,e)=>{n.exports=e.p+"8dab2a6ba757bcc6e9a5.svg"},563:(n,o,e)=>{n.exports=e.p+"118632062f4755918dac.svg"}},o={};function e(t){var a=o[t];if(void 0!==a)return a.exports;var r=o[t]={id:t,exports:{}};return n[t](r,r.exports,e),r.exports}e.m=n,e.n=n=>{var o=n&&n.__esModule?()=>n.default:()=>n;return e.d(o,{a:o}),o},e.d=(n,o)=>{for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})},e.o=(n,o)=>Object.prototype.hasOwnProperty.call(n,o),e.p="/photon/",e.b=document.baseURI||self.location.href,e.nc=void 0;var t=e(72),a=e.n(t),r=e(825),i=e.n(r),s=e(659),A=e.n(s),c=e(56),l=e.n(c),h=e(540),p=e.n(h),d=e(113),u=e.n(d),b=e(27),g={};g.styleTagTransform=u(),g.setAttributes=l(),g.insert=A().bind(null,"head"),g.domAPI=i(),g.insertStyleElement=p(),a()(b.A,g),b.A&&b.A.locals&&b.A.locals;var f=e(624),C={};C.styleTagTransform=u(),C.setAttributes=l(),C.insert=A().bind(null,"head"),C.domAPI=i(),C.insertStyleElement=p(),a()(f.A,C),f.A&&f.A.locals&&f.A.locals;var E=e(312),m={};m.styleTagTransform=u(),m.setAttributes=l(),m.insert=A().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p(),a()(E.A,m),E.A&&E.A.locals&&E.A.locals;var v=e(895),B={};B.styleTagTransform=u(),B.setAttributes=l(),B.insert=A().bind(null,"head"),B.domAPI=i(),B.insertStyleElement=p(),a()(v.A,B),v.A&&v.A.locals&&v.A.locals})();
|
|
2
|
+
//# sourceMappingURL=main.fa2aec5d6b214ac1cdb3.bundle.js.map
|