feat(esbuild): use esbuild for report package (#5577)
* updated snapshots * update gruntfile to use esbuild for report package * update build template * update how scoped css anmes are generated to be deterministic + minor style changes in esbuild * updated snapshots with names from deterministic generator * lint fix + var to const change * remove unnecessary hashPrefix line * normalize path slashes * replace to replaceAll
This commit is contained in:
Wahaj
GitHub
Родитель
193d2a4e8d
Коммит
82141bce5d
|
|
@ -170,9 +170,8 @@ module.exports = function (grunt) {
|
|||
'esbuild-dev': `node esbuild.js`,
|
||||
'esbuild-dev-mv3': `node esbuild.js --env dev-mv3`,
|
||||
'esbuild-prod': `node esbuild.js --env prod`,
|
||||
'webpack-prod': `"${webpackPath}" --config-name prod`,
|
||||
'esbuild-package-report': `node esbuild.js --env report`,
|
||||
'webpack-unified': `"${webpackPath}" --config-name unified`,
|
||||
'webpack-package-report': `"${webpackPath}" --config-name package-report`,
|
||||
'webpack-package-ui': `"${webpackPath}" --config-name package-ui`,
|
||||
'generate-scss-typings': `"${typedScssModulesPath}" src --exportType default`,
|
||||
'pkg-mock-adb': `"${pkgPath}" "${mockAdbBinSrcPath}" -d --target host --output "${mockAdbBinOutPath}"`,
|
||||
|
|
@ -737,7 +736,7 @@ module.exports = function (grunt) {
|
|||
grunt.registerTask('package-report', function () {
|
||||
const mustExistPath = path.join(packageReportBundlePath, 'report.bundle.js');
|
||||
|
||||
mustExist(mustExistPath, 'Have you run webpack?');
|
||||
mustExist(mustExistPath, 'Have you run esbuild?');
|
||||
|
||||
grunt.task.run('embed-styles:package-report');
|
||||
grunt.task.run('clean:package-report');
|
||||
|
|
@ -825,8 +824,8 @@ module.exports = function (grunt) {
|
|||
grunt.registerTask('build-package-report', [
|
||||
'clean:intermediates',
|
||||
'exec:generate-scss-typings',
|
||||
'exec:webpack-prod', // required to get the css assets
|
||||
'exec:webpack-package-report',
|
||||
'exec:esbuild-prod', // required to get the css assets
|
||||
'exec:esbuild-package-report',
|
||||
'build-assets',
|
||||
'package-report',
|
||||
]);
|
||||
|
|
|
|||
|
|
@ -62,6 +62,8 @@ let format = 'iife';
|
|||
let define;
|
||||
let target = ['chrome90', 'firefox90'];
|
||||
let plugins = [CreateStylePlugin()];
|
||||
let minify = false;
|
||||
let sourcemap = true;
|
||||
|
||||
switch (argsObj.env) {
|
||||
// Note: currently causes errors when electron app is run.
|
||||
|
|
@ -74,7 +76,8 @@ switch (argsObj.env) {
|
|||
break;
|
||||
|
||||
case 'prod':
|
||||
isProd = true;
|
||||
minify = true;
|
||||
sourcemap = false;
|
||||
outdir = prodWebExtensionOutDir;
|
||||
break;
|
||||
|
||||
|
|
@ -124,8 +127,8 @@ const config = {
|
|||
external,
|
||||
outbase: src,
|
||||
bundle: true,
|
||||
minify: isProd,
|
||||
sourcemap: !isProd,
|
||||
minify: minify,
|
||||
sourcemap: sourcemap,
|
||||
target,
|
||||
outdir: outdir,
|
||||
outExtension: {
|
||||
|
|
|
|||
|
|
@ -139,6 +139,7 @@
|
|||
"extract-zip": "^2.0.1",
|
||||
"fake-indexeddb": "^3.1.7",
|
||||
"fork-ts-checker-webpack-plugin": "^7.2.11",
|
||||
"generic-names": "^4.0.0",
|
||||
"grunt": "^1.5.3",
|
||||
"grunt-bom-removal": "1.0.1",
|
||||
"grunt-cli": "^1.4.3",
|
||||
|
|
|
|||
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
|
|
@ -834,24 +834,30 @@
|
|||
margin-bottom: unset;
|
||||
}</style
|
||||
><style>
|
||||
.heading-element-for-level--OfRDW {
|
||||
/* css-modules:src/common/components/heading-element-for-level */
|
||||
.heading-element-for-level--ifVX6 {
|
||||
margin-block-start: unset;
|
||||
margin-block-end: unset;
|
||||
}
|
||||
.failed-instances-container--FqWV6 .collapsible-content {
|
||||
|
||||
/* css-modules:src/common/components/cards/failed-instances-section */
|
||||
.failed-instances-container--3UUNb .collapsible-content {
|
||||
margin-left: 24px;
|
||||
}
|
||||
.outcome-chip-container--xYquF {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/minimal-rule-header */
|
||||
.outcome-chip-container--G5Dfr {
|
||||
min-width: 50px;
|
||||
}
|
||||
.hidden-highlight-button--PePzJ {
|
||||
|
||||
/* css-modules:src/reports/components/instance-details */
|
||||
.hidden-highlight-button--vu3B3 {
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh {
|
||||
.instance-details-card--owGQF {
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--card-border);
|
||||
outline-style: "border-style";
|
||||
|
|
@ -859,55 +865,44 @@
|
|||
0 3.2px 7.2px var(--box-shadow-132);
|
||||
margin-bottom: 16px;
|
||||
width: -moz-available;
|
||||
/* WebKit-based browsers will ignore this. */
|
||||
width: -webkit-fill-available;
|
||||
/* Mozilla-based browsers will ignore this. */
|
||||
width: fill-available;
|
||||
}
|
||||
|
||||
.instance-details-card-container--bKrcd.selected--Kp4AC {
|
||||
.instance-details-card-container--KLHTp.selected--wEA4l {
|
||||
outline: 5px solid var(--communication-tint-10);
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh.selected--Kp4AC {
|
||||
.instance-details-card--owGQF.selected--wEA4l {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh.focused--tV0ic,
|
||||
.instance-details-card--R0aAh:focus {
|
||||
.instance-details-card--owGQF.focused--pvBWq,
|
||||
.instance-details-card--owGQF:focus {
|
||||
outline: 2px solid var(--primary-text);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh.selected--Kp4AC.focused--tV0ic,
|
||||
.instance-details-card--R0aAh.selected--Kp4AC:focus {
|
||||
.instance-details-card--owGQF.selected--wEA4l.focused--pvBWq,
|
||||
.instance-details-card--owGQF.selected--wEA4l:focus {
|
||||
outline-offset: 8px;
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh.interactive--NgYOy {
|
||||
.instance-details-card--owGQF.interactive--an0ab {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.instance-details-card--R0aAh.interactive--NgYOy:hover {
|
||||
.instance-details-card--owGQF.interactive--an0ab:hover {
|
||||
box-shadow: 0 8px 10px var(--box-shadow-108),
|
||||
0 8px 10px var(--box-shadow-132);
|
||||
}
|
||||
|
||||
.report-instance-table--YIu0s {
|
||||
.report-instance-table--3VoZX {
|
||||
background: var(--neutral-0);
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: -moz-available;
|
||||
/* WebKit-based browsers will ignore this. */
|
||||
width: -webkit-fill-available;
|
||||
/* Mozilla-based browsers will ignore this. */
|
||||
width: fill-available;
|
||||
border-radius: inherit;
|
||||
border-collapse: collapse;
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
.report-instance-table--YIu0s .row--m8TLI {
|
||||
.report-instance-table--3VoZX .row---3i35 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 2px;
|
||||
|
|
@ -916,17 +911,17 @@
|
|||
padding-right: 20px;
|
||||
border-bottom: 0.5px solid var(--neutral-10);
|
||||
}
|
||||
.report-instance-table--YIu0s .row--m8TLI > * {
|
||||
.report-instance-table--3VoZX .row---3i35 > * {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.report-instance-table--YIu0s .row--m8TLI:last-child {
|
||||
.report-instance-table--3VoZX .row---3i35:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.report-instance-table--YIu0s .row-label--MxfuQ {
|
||||
.report-instance-table--3VoZX .row-label--FlVZl {
|
||||
flex-basis: 90px;
|
||||
flex-shrink: 1;
|
||||
flex-grow: 0;
|
||||
|
|
@ -936,7 +931,7 @@
|
|||
color: var(--primary-text);
|
||||
text-align: left;
|
||||
}
|
||||
.report-instance-table--YIu0s .row-content--ECKwg {
|
||||
.report-instance-table--3VoZX .row-content--07KUh {
|
||||
flex-basis: 200px;
|
||||
flex-shrink: 1;
|
||||
flex-grow: 1;
|
||||
|
|
@ -946,41 +941,44 @@
|
|||
align-items: flex-end;
|
||||
display: flex;
|
||||
}
|
||||
.multi-line-text-no-bullet--lNJS_ {
|
||||
|
||||
/* css-modules:src/common/components/cards/rich-resolution-content */
|
||||
.multi-line-text-no-bullet--AUXXt {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.multi-line-text-no-bullet--lNJS_ li:not(:last-child) {
|
||||
.multi-line-text-no-bullet--AUXXt li:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.multi-line-text-yes-bullet--pp76P {
|
||||
.multi-line-text-yes-bullet--TXyX- {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.multi-line-text-yes-bullet--pp76P li {
|
||||
.multi-line-text-yes-bullet--TXyX- li {
|
||||
list-style-type: disc;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.combination-lists--O1dD_ {
|
||||
.combination-lists--boK5y {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.urls-row-content--MxcA7 {
|
||||
|
||||
/* css-modules:src/common/components/cards/urls-card-row */
|
||||
.urls-row-content--JDdRx {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.urls-row-content--MxcA7 li {
|
||||
.urls-row-content--JDdRx li {
|
||||
list-style-type: disc;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.urls-row-content-new-Failure--uJPP3 {
|
||||
.urls-row-content-new-Failure--oL5lS {
|
||||
color: var(--negative-outcome);
|
||||
font-weight: bold;
|
||||
}
|
||||
.insights-fix-instruction-list--G3vyY
|
||||
|
||||
/* css-modules:src/common/components/fix-instruction-panel */
|
||||
.insights-fix-instruction-list--eZigw
|
||||
li
|
||||
span.fix-instruction-color-box--g6NfJ {
|
||||
span.fix-instruction-color-box--sBkHG {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
|
|
@ -988,7 +986,7 @@
|
|||
margin: 0 2px;
|
||||
border: 1px solid var(--light-black);
|
||||
}
|
||||
.insights-fix-instruction-list--G3vyY .screen-reader-only--yQjgp {
|
||||
.insights-fix-instruction-list--eZigw .screen-reader-only--irrXo {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
top: auto;
|
||||
|
|
@ -996,64 +994,75 @@
|
|||
overflow: hidden;
|
||||
clip-path: inset(100% 100% 100% 100%);
|
||||
}
|
||||
.how-to-fix-content--OHBLC {
|
||||
|
||||
/* css-modules:src/common/components/cards/how-to-fix-card-row */
|
||||
.how-to-fix-content--Zz96u {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.how-to-fix-content--OHBLC ul {
|
||||
.how-to-fix-content--Zz96u ul {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.how-to-fix-content--OHBLC ul li {
|
||||
.how-to-fix-content--Zz96u ul li {
|
||||
list-style-type: disc;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.snippet--wZrK1 {
|
||||
|
||||
/* css-modules:src/common/components/cards/snippet-card-row */
|
||||
.snippet--hSNfv {
|
||||
font-family: menlo, consolas, courier new, monospace;
|
||||
white-space: normal;
|
||||
}
|
||||
div.insights-dialog-main-override--Mlek6 {
|
||||
|
||||
/* css-modules:src/DetailsView/components/common-dialog-styles */
|
||||
div.insights-dialog-main-override--ma4DA {
|
||||
width: 75%;
|
||||
max-width: 500px;
|
||||
user-select: text;
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
div.insights-dialog-main-override--Mlek6 {
|
||||
div.insights-dialog-main-override--ma4DA {
|
||||
min-width: 240px;
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
div.insights-dialog-main-override--Mlek6 .dialog-body--QtJ_D {
|
||||
div.insights-dialog-main-override--ma4DA .dialog-body--cmWmz {
|
||||
font-size: 16px;
|
||||
}
|
||||
.issue-filing-dialog--ZrD5s .ms-Dialog-title {
|
||||
|
||||
/* css-modules:src/DetailsView/components/issue-filing-dialog */
|
||||
.issue-filing-dialog--F9jun .ms-Dialog-title {
|
||||
font-size: 21px;
|
||||
line-height: 32px;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.issue-filing-dialog--ZrD5s .ms-Dialog-subText {
|
||||
.issue-filing-dialog--F9jun .ms-Dialog-subText {
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
color: var(--secondary-text);
|
||||
}
|
||||
.issue-filing-dialog--ZrD5s .textfield-description {
|
||||
.issue-filing-dialog--F9jun .textfield-description {
|
||||
color: var(--secondary-text);
|
||||
font-style: italic;
|
||||
}
|
||||
.action-and-cancel-buttons-component--HOvON {
|
||||
|
||||
/* css-modules:src/DetailsView/components/action-and-cancel-buttons-component */
|
||||
.action-and-cancel-buttons-component--DF7bf {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.action-and-cancel-buttons-component--HOvON
|
||||
.action-cancel-button-col--VrVAp
|
||||
+ .action-cancel-button-col--VrVAp {
|
||||
.action-and-cancel-buttons-component--DF7bf
|
||||
.action-cancel-button-col--RMfN-
|
||||
+ .action-cancel-button-col--RMfN- {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.toast-container--KsxE1 {
|
||||
|
||||
/* css-modules:src/common/components/toast */
|
||||
.toast-container--L-5HM {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.toast-content--pEpMJ {
|
||||
.toast-content--8-Mx1 {
|
||||
background: var(--neutral-70);
|
||||
border-radius: 4px;
|
||||
color: var(--neutral-0);
|
||||
|
|
@ -1068,34 +1077,37 @@
|
|||
z-index: 1000;
|
||||
position: absolute;
|
||||
}
|
||||
.kebab-menu-button--dy7Ui {
|
||||
|
||||
/* css-modules:src/common/components/cards/card-kebab-menu-button */
|
||||
.kebab-menu-button--e-7v- {
|
||||
margin-right: 8px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
.kebab-menu-button--dy7Ui .ms-Icon {
|
||||
.kebab-menu-button--e-7v- .ms-Icon {
|
||||
flex-grow: 1;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
.kebab-menu-button--dy7Ui:hover {
|
||||
.kebab-menu-button--e-7v-:hover {
|
||||
background-color: var(--menu-item-background-hover);
|
||||
}
|
||||
.kebab-menu-button--dy7Ui.is-expanded {
|
||||
.kebab-menu-button--e-7v-.is-expanded {
|
||||
background-color: var(--menu-item-background-active);
|
||||
}
|
||||
@media screen and (forced-colors: active) {
|
||||
.kebab-menu-button--dy7Ui.is-expanded .ms-Icon,
|
||||
.kebab-menu-button--dy7Ui:hover .ms-Icon {
|
||||
.kebab-menu-button--e-7v-.is-expanded .ms-Icon,
|
||||
.kebab-menu-button--e-7v-:hover .ms-Icon {
|
||||
color: highlight;
|
||||
}
|
||||
}
|
||||
@media screen and (forced-colors: active) {
|
||||
.kebab-menu--eKCNX button:hover {
|
||||
color: highlight;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (forced-colors: active) {
|
||||
.kebab-menu--eviKu button:hover {
|
||||
color: highlight;
|
||||
}
|
||||
}
|
||||
.foot--d1w5m {
|
||||
/* css-modules:src/common/components/cards/instance-details-footer */
|
||||
.foot--p1DfC {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
@ -1106,40 +1118,44 @@
|
|||
border-bottom-left-radius: inherit;
|
||||
border-bottom-right-radius: inherit;
|
||||
}
|
||||
.foot--d1w5m .highlight-status--Bmqfx {
|
||||
.foot--p1DfC .highlight-status--xJvvI {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: transparent;
|
||||
}
|
||||
.foot--d1w5m .highlight-status--Bmqfx svg {
|
||||
.foot--p1DfC .highlight-status--xJvvI svg {
|
||||
fill: var(--secondary-text);
|
||||
}
|
||||
@media screen and (forced-colors: active) {
|
||||
.foot--d1w5m .highlight-status--Bmqfx svg {
|
||||
.foot--p1DfC .highlight-status--xJvvI svg {
|
||||
fill: ButtonFace !important;
|
||||
stroke: ButtonText !important;
|
||||
}
|
||||
}
|
||||
.foot--d1w5m .highlight-status--Bmqfx label {
|
||||
.foot--p1DfC .highlight-status--xJvvI label {
|
||||
color: var(--secondary-text);
|
||||
font-size: 14px;
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
ul.instance-details-list--xiPPL {
|
||||
|
||||
/* css-modules:src/common/components/cards/instance-details-group */
|
||||
ul.instance-details-list--YfkRy {
|
||||
list-style-type: none;
|
||||
padding-inline-start: unset;
|
||||
margin-block-start: unset;
|
||||
margin-block-end: unset;
|
||||
}
|
||||
ul.instance-details-list--xiPPL > li {
|
||||
ul.instance-details-list--YfkRy > li {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
ul.instance-details-list--xiPPL > li:last-child {
|
||||
ul.instance-details-list--YfkRy > li:last-child {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
.rule-more-resources--Bsblo {
|
||||
|
||||
/* css-modules:src/common/components/cards/rule-resources */
|
||||
.rule-more-resources--uw9mc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 16px;
|
||||
|
|
@ -1153,50 +1169,53 @@
|
|||
overflow-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
.rule-more-resources--Bsblo .more-resources-title--whTFs {
|
||||
.rule-more-resources--uw9mc .more-resources-title--jOuUL {
|
||||
font-weight: 600;
|
||||
}
|
||||
.rule-more-resources--Bsblo .rule-details-id--n_S89 {
|
||||
.rule-more-resources--uw9mc .rule-details-id--s-TpO {
|
||||
padding: 12px 0;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail {
|
||||
|
||||
/* css-modules:src/common/components/cards/rules-with-instances */
|
||||
.rule-details-group--Tb-LW .rule-detail {
|
||||
font-size: 14px;
|
||||
padding: 16px 8px;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
text-align: left;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail .outcome-chip {
|
||||
.rule-details-group--Tb-LW .rule-detail .outcome-chip {
|
||||
vertical-align: middle;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail .rule-details-id {
|
||||
.rule-details-group--Tb-LW .rule-detail .rule-details-id {
|
||||
font-weight: 600;
|
||||
color: var(--primary-text);
|
||||
word-break: break-all;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail .rule-details-id a {
|
||||
.rule-details-group--Tb-LW .rule-detail .rule-details-id a {
|
||||
font-weight: 600;
|
||||
color: var(--primary-text) !important;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail .rule-details-id strong {
|
||||
.rule-details-group--Tb-LW .rule-detail .rule-details-id strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.rule-details-group--U69fz .rule-detail .rule-detail-description {
|
||||
.rule-details-group--Tb-LW .rule-detail .rule-detail-description {
|
||||
color: var(--secondary-text) !important;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.collapsible-rule-details-group--h0lvd {
|
||||
.collapsible-rule-details-group--V-HWh {
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.collapsible-rule-details-group--h0lvd .rule-detail {
|
||||
.collapsible-rule-details-group--V-HWh .rule-detail {
|
||||
box-shadow: unset;
|
||||
}
|
||||
.collapsible-rule-details-group--h0lvd:not(.collapsed) {
|
||||
.collapsible-rule-details-group--V-HWh:not(.collapsed) {
|
||||
box-shadow: unset;
|
||||
}
|
||||
.result-section-title--qv3MK {
|
||||
|
||||
/* css-modules:src/common/components/cards/result-section-title */
|
||||
.result-section-title--RGFI5 {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
|
|
@ -1204,45 +1223,49 @@
|
|||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.result-section-title--qv3MK .outcome-chip.outcome-chip-fail .count {
|
||||
.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail .count {
|
||||
line-height: 11px;
|
||||
}
|
||||
.result-section-title--qv3MK .outcome-chip.outcome-chip-fail svg {
|
||||
.result-section-title--RGFI5 .outcome-chip.outcome-chip-fail svg {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.result-section-title--qv3MK .title--neMma {
|
||||
.result-section-title--RGFI5 .title--WBYFE {
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
margin-right: 6px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
.result-section-title--qv3MK .heading--VbGap {
|
||||
.result-section-title--RGFI5 .heading--NdP4Q {
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
margin-right: 6px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
.result-section-title--qv3MK .outcome-chip-container--Wt0k4 {
|
||||
.result-section-title--RGFI5 .outcome-chip-container--BT3j5 {
|
||||
display: flex;
|
||||
height: 16px;
|
||||
}
|
||||
.result-section--j6fYr {
|
||||
|
||||
/* css-modules:src/common/components/cards/result-section */
|
||||
.result-section--HfO9s {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
.result-section--j6fYr
|
||||
.title-container--gMYqW
|
||||
.collapsible-control--V9OlA::before {
|
||||
.result-section--HfO9s
|
||||
.title-container--JzN4A
|
||||
.collapsible-control--e42Z7::before {
|
||||
position: relative;
|
||||
bottom: 2px;
|
||||
}
|
||||
.result-section--j6fYr > h2 {
|
||||
.result-section--HfO9s > h2 {
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.report-header-bar--pkiTM {
|
||||
|
||||
/* css-modules:src/reports/components/header-bar */
|
||||
.report-header-bar--SDV11 {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
|
@ -1251,13 +1274,13 @@
|
|||
height: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
.report-header-bar--pkiTM .header-icon {
|
||||
.report-header-bar--SDV11 .header-icon {
|
||||
flex-shrink: 0;
|
||||
margin-left: 16px;
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
}
|
||||
.report-header-bar--pkiTM .header-text--dfm48 {
|
||||
.report-header-bar--SDV11 .header-text--EdTxw {
|
||||
margin-left: 8px;
|
||||
color: var(--header-bar-title-color);
|
||||
flex-shrink: 1;
|
||||
|
|
@ -1271,7 +1294,9 @@
|
|||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.report-header-command-bar--wDg1t {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/header-section */
|
||||
.report-header-command-bar--NJWdl {
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
@ -1281,7 +1306,7 @@
|
|||
background-color: var(--neutral-0);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.report-header-command-bar--wDg1t .target-page--giudb {
|
||||
.report-header-command-bar--NJWdl .target-page--hjh44 {
|
||||
white-space: nowrap;
|
||||
margin: 0 0 0 16px;
|
||||
display: flex;
|
||||
|
|
@ -1294,12 +1319,14 @@
|
|||
font-weight: normal;
|
||||
min-width: 0;
|
||||
}
|
||||
.report-header-command-bar--wDg1t .target-page--giudb a {
|
||||
.report-header-command-bar--NJWdl .target-page--hjh44 a {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.combined-report-result-section-title--XUDDo {
|
||||
|
||||
/* css-modules:src/common/components/cards/combined-report-result-section-title */
|
||||
.combined-report-result-section-title--TqIZO {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
|
|
@ -1307,21 +1334,23 @@
|
|||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.combined-report-result-section-title--XUDDo .title--lcuIW {
|
||||
.combined-report-result-section-title--TqIZO .title--6WIyt {
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
margin-right: 6px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
.combined-report-result-section-title--XUDDo .heading--uUq3e {
|
||||
.combined-report-result-section-title--TqIZO .heading--UpAHf {
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
margin-right: 6px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
.urls-summary-section--DjUWc {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/urls-summary-section */
|
||||
.urls-summary-section--jNa-v {
|
||||
box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108),
|
||||
0 1.6px 3.6px rgba(0, 0, 0, 0.132);
|
||||
border-radius: 4px;
|
||||
|
|
@ -1329,31 +1358,35 @@
|
|||
padding: 20px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.urls-summary-section--DjUWc h2 {
|
||||
.urls-summary-section--jNa-v h2 {
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
.urls-summary-section--DjUWc .total-urls--Ig_eB {
|
||||
.urls-summary-section--jNa-v .total-urls--95-ge {
|
||||
font-weight: 600;
|
||||
}
|
||||
.urls-summary-section--DjUWc .failure-instances--Rq_Tj {
|
||||
.urls-summary-section--jNa-v .failure-instances--2WDtT {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.urls-summary-section--DjUWc .failure-outcome-chip--YtjBX {
|
||||
.urls-summary-section--jNa-v .failure-outcome-chip--JF-lj {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
.rules-results-container--n7EEu {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/rules-results-container */
|
||||
.rules-results-container--HaLDw {
|
||||
margin-top: 56px;
|
||||
}
|
||||
.rules-results-container--n7EEu .results-heading--pyS7R {
|
||||
.rules-results-container--HaLDw .results-heading--H9Puz {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.crawl-details-section--WhRL4 {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/summary-report-details-section */
|
||||
.crawl-details-section--a6evz {
|
||||
box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108),
|
||||
0 1.6px 3.6px rgba(0, 0, 0, 0.132);
|
||||
border-radius: 4px;
|
||||
|
|
@ -1361,7 +1394,7 @@
|
|||
padding: 20px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.crawl-details-section--WhRL4 .crawl-details-section-list--Lrjqg {
|
||||
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di {
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
|
|
@ -1371,24 +1404,24 @@
|
|||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.crawl-details-section--WhRL4 .crawl-details-section-list--Lrjqg li {
|
||||
.crawl-details-section--a6evz .crawl-details-section-list--WV1Di li {
|
||||
display: inline-block;
|
||||
}
|
||||
.crawl-details-section--WhRL4
|
||||
.crawl-details-section-list--Lrjqg
|
||||
.crawl-details-section--a6evz
|
||||
.crawl-details-section-list--WV1Di
|
||||
li
|
||||
.icon--JdMPq {
|
||||
.icon--APJEn {
|
||||
padding-right: 12px;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
.crawl-details-section--WhRL4
|
||||
.crawl-details-section-list--Lrjqg
|
||||
li.targetSite--qXxid {
|
||||
.crawl-details-section--a6evz
|
||||
.crawl-details-section-list--WV1Di
|
||||
li.targetSite--wBJT- {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.crawl-details-section--WhRL4 .text--swxfX,
|
||||
.crawl-details-section--WhRL4 .label--yUuT2 {
|
||||
.crawl-details-section--a6evz .text--rViTo,
|
||||
.crawl-details-section--a6evz .label--DUNYf {
|
||||
word-break: break-all;
|
||||
color: var(--neutral-55);
|
||||
font-family: "Segoe UI Web (West European)", "Segoe UI", "-apple-system",
|
||||
|
|
@ -1398,26 +1431,30 @@
|
|||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.crawl-details-section--WhRL4 .label--yUuT2 {
|
||||
.crawl-details-section--a6evz .label--DUNYf {
|
||||
font-weight: 600;
|
||||
}
|
||||
.crawl-details-section--WhRL4 .label--yUuT2.no-icon--J7B9N {
|
||||
.crawl-details-section--a6evz .label--DUNYf.no-icon--VrSr5 {
|
||||
padding-left: 29px;
|
||||
}
|
||||
.url-result-section--PmEoY {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/collapsible-url-result-section */
|
||||
.url-result-section--SkOlZ {
|
||||
padding-bottom: 31px;
|
||||
}
|
||||
.url-result-section--PmEoY
|
||||
.url-result-section--SkOlZ
|
||||
.title-container[aria-level="3"]
|
||||
.collapsible-control::before {
|
||||
position: relative;
|
||||
bottom: 2px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
.url-result-section--PmEoY .collapsible-content {
|
||||
.url-result-section--SkOlZ .collapsible-content {
|
||||
margin-top: 19px;
|
||||
}
|
||||
.summary-results-table--Pb4_B {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/summary-results-table */
|
||||
.summary-results-table--Iezr- {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
|
|
@ -1426,35 +1463,39 @@
|
|||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.summary-results-table--Pb4_B th,
|
||||
.summary-results-table--Pb4_B td {
|
||||
.summary-results-table--Iezr- th,
|
||||
.summary-results-table--Iezr- td {
|
||||
border: 1px solid var(--neutral-20);
|
||||
padding: 16px 8px 16px 8px;
|
||||
}
|
||||
.summary-results-table--Pb4_B th {
|
||||
.summary-results-table--Iezr- th {
|
||||
font-weight: 600;
|
||||
background-color: var(--neutral-6);
|
||||
}
|
||||
.summary-results-table--Pb4_B thead tr :first-child {
|
||||
.summary-results-table--Iezr- thead tr :first-child {
|
||||
width: 172px;
|
||||
}
|
||||
.summary-results-table--Pb4_B td {
|
||||
.summary-results-table--Iezr- td {
|
||||
background-color: var(--neutral-0);
|
||||
}
|
||||
.summary-results-table--Pb4_B td.text-cell--p0dxL {
|
||||
.summary-results-table--Iezr- td.text-cell--EaUrM {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.summary-results-table--Pb4_B td.url-cell--yjU1V {
|
||||
.summary-results-table--Iezr- td.url-cell--mg-3l {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.url-results-container--dXQbj {
|
||||
|
||||
/* css-modules:src/reports/components/report-sections/results-by-url-container */
|
||||
.url-results-container---dq9B {
|
||||
margin-top: 56px;
|
||||
}
|
||||
.url-results-container--dXQbj .results-heading--D3Qtr {
|
||||
.url-results-container---dq9B .results-heading--2dWBX {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
span.fix-instruction-color-box--Xq1E4 {
|
||||
|
||||
/* css-modules:src/common/components/cards/fix-instruction-color-box */
|
||||
span.fix-instruction-color-box--DQpQE {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
|
|
@ -1462,8 +1503,7 @@
|
|||
margin: 0 2px;
|
||||
border: 1px solid var(--light-black);
|
||||
}
|
||||
|
||||
.screen-reader-only--n1Ocs {
|
||||
.screen-reader-only--6LUiO {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
top: auto;
|
||||
|
|
@ -1471,10 +1511,11 @@
|
|||
overflow: hidden;
|
||||
clip-path: inset(100% 100% 100% 100%);
|
||||
}
|
||||
/*# sourceMappingURL=report.css.map */
|
||||
</style></head
|
||||
><body
|
||||
><header data-automation-id="report-header-section"
|
||||
><div class="report-header-bar--pkiTM"
|
||||
><div class="report-header-bar--SDV11"
|
||||
><svg
|
||||
role="img"
|
||||
aria-hidden="true"
|
||||
|
|
@ -1631,9 +1672,9 @@
|
|||
<stop offset="1" stop-color="#D6E9F7" stop-opacity="0"></stop>
|
||||
</linearGradient>
|
||||
</defs></svg
|
||||
><div class="header-text--dfm48">Accessibility Insights</div></div
|
||||
><div class="report-header-command-bar--wDg1t"
|
||||
><div class="target-page--giudb"
|
||||
><div class="header-text--EdTxw">Accessibility Insights</div></div
|
||||
><div class="report-header-command-bar--NJWdl"
|
||||
><div class="target-page--hjh44"
|
||||
>Target page: <a
|
||||
target="_blank"
|
||||
href="https://markreay.github.io/AU/after.html"
|
||||
|
|
@ -1646,9 +1687,7 @@
|
|||
var targetPageLink = doc.getElementById(linkId);
|
||||
targetPageLink.addEventListener("click", function (event) {
|
||||
var result = confirmCallback(
|
||||
"Are you sure you want to navigate away from the Accessibility Insights report?\n" +
|
||||
"This link will open the target page in a new tab.\n\nPress OK to continue or " +
|
||||
"Cancel to stay on the current page."
|
||||
"Are you sure you want to navigate away from the Accessibility Insights report?\nThis link will open the target page in a new tab.\n\nPress OK to continue or Cancel to stay on the current page."
|
||||
);
|
||||
if (result === false) {
|
||||
event.preventDefault();
|
||||
|
|
@ -1695,9 +1734,7 @@
|
|||
var targetPageLink = doc.getElementById(linkId);
|
||||
targetPageLink.addEventListener("click", function (event) {
|
||||
var result = confirmCallback(
|
||||
"Are you sure you want to navigate away from the Accessibility Insights report?\n" +
|
||||
"This link will open the target page in a new tab.\n\nPress OK to continue or " +
|
||||
"Cancel to stay on the current page."
|
||||
"Are you sure you want to navigate away from the Accessibility Insights report?\nThis link will open the target page in a new tab.\n\nPress OK to continue or Cancel to stay on the current page."
|
||||
);
|
||||
if (result === false) {
|
||||
event.preventDefault();
|
||||
|
|
@ -1818,14 +1855,14 @@
|
|||
></div
|
||||
><div class="results-container"
|
||||
><div
|
||||
class="failed-instances-container--FqWV6 result-section--j6fYr"
|
||||
class="failed-instances-container--3UUNb result-section--HfO9s"
|
||||
data-automation-id="result-section"
|
||||
><h2 class="heading-element-for-level--OfRDW"
|
||||
><span class="result-section-title--qv3MK"
|
||||
><h2 class="heading-element-for-level--ifVX6"
|
||||
><span class="result-section-title--RGFI5"
|
||||
><span class="screen-reader-only">Failed instances 0</span
|
||||
><span class="title--neMma" aria-hidden="true"
|
||||
><span class="title--WBYFE" aria-hidden="true"
|
||||
>Failed instances</span
|
||||
><span class="outcome-chip-container--Wt0k4" aria-hidden="true"
|
||||
><span class="outcome-chip-container--BT3j5" aria-hidden="true"
|
||||
><span class="outcome-chip outcome-chip-fail" title="0 Failed"
|
||||
><span class="icon"
|
||||
><span class="check-container"
|
||||
|
|
@ -1854,17 +1891,17 @@
|
|||
></div
|
||||
><div class="result-section"
|
||||
><div class="collapsible-container collapsed"
|
||||
><h2 class="heading-element-for-level--OfRDW title-container"
|
||||
><h2 class="heading-element-for-level--ifVX6 title-container"
|
||||
><button
|
||||
class="collapsible-control"
|
||||
aria-expanded="false"
|
||||
aria-controls="content-container-passed-checks-section"
|
||||
><span class="result-section-title--qv3MK"
|
||||
><span class="result-section-title--RGFI5"
|
||||
><span class="screen-reader-only">Passed checks 44</span
|
||||
><span class="title--neMma" aria-hidden="true"
|
||||
><span class="title--WBYFE" aria-hidden="true"
|
||||
>Passed checks</span
|
||||
><span
|
||||
class="outcome-chip-container--Wt0k4"
|
||||
class="outcome-chip-container--BT3j5"
|
||||
aria-hidden="true"
|
||||
><span
|
||||
class="outcome-chip outcome-chip-pass"
|
||||
|
|
@ -1905,7 +1942,7 @@
|
|||
id="content-container-passed-checks-section"
|
||||
class="collapsible-content"
|
||||
aria-hidden="true"
|
||||
><div class="rule-details-group--U69fz"
|
||||
><div class="rule-details-group--Tb-LW"
|
||||
><div class="rule-detail"
|
||||
><div>
|
||||
<span class="rule-details-id"
|
||||
|
|
@ -3041,18 +3078,18 @@
|
|||
></div
|
||||
><div class="result-section"
|
||||
><div class="collapsible-container collapsed"
|
||||
><h2 class="heading-element-for-level--OfRDW title-container"
|
||||
><h2 class="heading-element-for-level--ifVX6 title-container"
|
||||
><button
|
||||
class="collapsible-control"
|
||||
aria-expanded="false"
|
||||
aria-controls="content-container-not-applicable-checks-section"
|
||||
><span class="result-section-title--qv3MK"
|
||||
><span class="result-section-title--RGFI5"
|
||||
><span class="screen-reader-only"
|
||||
>Not applicable checks 26</span
|
||||
><span class="title--neMma" aria-hidden="true"
|
||||
><span class="title--WBYFE" aria-hidden="true"
|
||||
>Not applicable checks</span
|
||||
><span
|
||||
class="outcome-chip-container--Wt0k4"
|
||||
class="outcome-chip-container--BT3j5"
|
||||
aria-hidden="true"
|
||||
><span
|
||||
class="outcome-chip outcome-chip-inapplicable"
|
||||
|
|
@ -3098,7 +3135,7 @@
|
|||
id="content-container-not-applicable-checks-section"
|
||||
class="collapsible-content"
|
||||
aria-hidden="true"
|
||||
><div class="rule-details-group--U69fz"
|
||||
><div class="rule-details-group--Tb-LW"
|
||||
><div class="rule-detail"
|
||||
><div>
|
||||
<span class="rule-details-id"
|
||||
|
|
@ -3787,7 +3824,7 @@
|
|||
var _loop = function (index) {
|
||||
var container = collapsibles.item(index);
|
||||
var button =
|
||||
container === null || container === void 0
|
||||
container == null
|
||||
? void 0
|
||||
: container.querySelector(".collapsible-control");
|
||||
if (button == null) {
|
||||
|
|
@ -3796,7 +3833,7 @@
|
|||
button.addEventListener("click", function () {
|
||||
var _a;
|
||||
var content =
|
||||
(_a = button.parentElement) === null || _a === void 0
|
||||
(_a = button.parentElement) == null
|
||||
? void 0
|
||||
: _a.nextElementSibling;
|
||||
if (content == null) {
|
||||
|
|
|
|||
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
|
|
@ -25,6 +25,10 @@ jobs:
|
|||
- script: yarn scss:build
|
||||
displayName: generate typings for scss files
|
||||
|
||||
- script: yarn type:check
|
||||
displayName: type check code
|
||||
timeoutInMinutes: 3
|
||||
|
||||
- script: yarn test --ci
|
||||
displayName: run unit tests
|
||||
|
||||
|
|
|
|||
|
|
@ -2,11 +2,15 @@
|
|||
// Licensed under the MIT License.
|
||||
|
||||
const path = require('path');
|
||||
const genericNames = require('generic-names');
|
||||
const postcss = require('postcss');
|
||||
const postCssModules = require('postcss-modules');
|
||||
const sass = require('sass');
|
||||
|
||||
const CreateStylePlugin = isProd => {
|
||||
const generateScopedNameWithHash = genericNames('[local]--[hash:base64:5]');
|
||||
const generateScopedNameWithoutHash = genericNames('[local]');
|
||||
|
||||
const CreateStylePlugin = (useHash = true) => {
|
||||
return {
|
||||
name: 'style-plugin',
|
||||
|
||||
|
|
@ -57,11 +61,17 @@ const CreateStylePlugin = isProd => {
|
|||
async args => {
|
||||
// per sass documentation, compile is twice as fast as compileAsync, hence it's
|
||||
// usage here. https://sass-lang.com/documentation/js-api/modules#compileAsync
|
||||
const source = sass.compile(args.path).css.toString();
|
||||
const normalizedPath = args.path.replaceAll(path.sep, path.posix.sep);
|
||||
const source = sass.compile(normalizedPath).css.toString();
|
||||
let singleModuleCssJSON;
|
||||
const { css } = await postcss([
|
||||
postCssModules({
|
||||
generateScopedName: '[local]' + (!isProd ? '--[hash:base64:5]' : ''),
|
||||
generateScopedName: name => {
|
||||
const scopedName = useHash
|
||||
? generateScopedNameWithHash(name, normalizedPath)
|
||||
: generateScopedNameWithoutHash(name, normalizedPath);
|
||||
return `${scopedName}`;
|
||||
},
|
||||
localsConvention: 'camelCaseOnly',
|
||||
getJSON(_, json) {
|
||||
singleModuleCssJSON = JSON.stringify(json);
|
||||
|
|
@ -69,8 +79,10 @@ const CreateStylePlugin = isProd => {
|
|||
}),
|
||||
]).process(source, { from: undefined });
|
||||
|
||||
let pathAsJsString = JSON.stringify(args.path.slice(args.path.indexOf('src')));
|
||||
const cssModuleImportString = pathAsJsString.replace(/^"/, '"css-module:');
|
||||
let pathAsJsString = JSON.stringify(
|
||||
normalizedPath.slice(normalizedPath.indexOf('src')),
|
||||
);
|
||||
let cssModuleImportString = pathAsJsString.replace(/^"/, '"css-module:');
|
||||
|
||||
return {
|
||||
contents: `import ${cssModuleImportString};\nexport default ${singleModuleCssJSON};`,
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче