commit 3248cbb0294cfa4efd9feca87862c6289af665ab Author: Malin Date: Tue Mar 3 12:30:18 2026 +0100 feat: add S3-compatible storage provider (MinIO, Ceph, R2, etc.) Adds a new 'S3-Compatible Storage' provider that works with any S3-API-compatible object storage service, including MinIO, Ceph, Cloudflare R2, Backblaze B2, and others. Changes: - New provider class: classes/providers/storage/s3-compatible-provider.php - Provider key: s3compatible - Reads user-configured endpoint URL from settings - Uses path-style URL access (required by most S3-compatible services) - Supports credentials via AS3CF_S3COMPAT_ACCESS_KEY_ID / AS3CF_S3COMPAT_SECRET_ACCESS_KEY wp-config.php constants - Disables AWS-specific features (Block Public Access, Object Ownership) - New provider SVG icons (s3compatible.svg, -link.svg, -round.svg) - Registered provider in main plugin class with endpoint setting support - Updated StorageProviderSubPage to show endpoint URL input for S3-compatible - Built pro settings bundle with rollup (Svelte 4.2.19) - Added package.json and updated rollup.config.mjs for pro-only builds diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3acf0d5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +node_modules/ +ui/build/ +*.log +.DS_Store diff --git a/amazon-s3-and-cloudfront-pro.php b/amazon-s3-and-cloudfront-pro.php new file mode 100644 index 0000000..5154bad --- /dev/null +++ b/amazon-s3-and-cloudfront-pro.php @@ -0,0 +1,117 @@ +is_compatible() ) { + return; + } + + if ( + method_exists( 'AS3CF_Compatibility_Check', 'is_plugin_active' ) && + $as3cfpro_compat_check->is_plugin_active( 'amazon-s3-and-cloudfront/wordpress-s3.php' ) + ) { + // Deactivate WP Offload Lite if activated. + AS3CF_Compatibility_Check::deactivate_other_instances( 'amazon-s3-and-cloudfront-pro/amazon-s3-and-cloudfront-pro.php' ); + } + + global $as3cf, $as3cfpro; + + // Autoloader. + require_once AS3CFPRO_PATH . 'wp-offload-media-autoloader.php'; + new WP_Offload_Media_Autoloader( 'WP_Offload_Media', AS3CFPRO_PATH ); + + // Lite files + require_once AS3CFPRO_PATH . 'include/functions.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-utils.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-error.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-filter.php'; + require_once AS3CFPRO_PATH . 'classes/filters/as3cf-local-to-s3.php'; + require_once AS3CFPRO_PATH . 'classes/filters/as3cf-s3-to-local.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-notices.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-plugin-base.php'; + require_once AS3CFPRO_PATH . 'classes/as3cf-plugin-compatibility.php'; + require_once AS3CFPRO_PATH . 'classes/amazon-s3-and-cloudfront.php'; + // Pro files + require_once AS3CFPRO_PATH . 'vendor/deliciousbrains/autoloader.php'; + require_once AS3CFPRO_PATH . 'classes/pro/as3cf-pro-licences-updates.php'; + require_once AS3CFPRO_PATH . 'classes/pro/amazon-s3-and-cloudfront-pro.php'; + require_once AS3CFPRO_PATH . 'classes/pro/as3cf-pro-plugin-compatibility.php'; + require_once AS3CFPRO_PATH . 'classes/pro/as3cf-pro-utils.php'; + require_once AS3CFPRO_PATH . 'classes/pro/as3cf-async-request.php'; + require_once AS3CFPRO_PATH . 'classes/pro/as3cf-background-process.php'; + + // Load settings and core components. + $as3cf = new Amazon_S3_And_CloudFront_Pro( AS3CFPRO_FILE ); + $as3cfpro = $as3cf; // Pro global alias + + // Initialize managers and their registered components. + do_action( 'as3cf_init', $as3cf ); + do_action( 'as3cf_pro_init', $as3cf ); + + // Set up initialized components, e.g. add integration hooks. + do_action( 'as3cf_setup', $as3cf ); + do_action( 'as3cf_pro_setup', $as3cf ); + + // Plugin is ready to rock, let 3rd parties know. + do_action( 'as3cf_ready', $as3cf ); + do_action( 'as3cf_pro_ready', $as3cf ); + } + + add_action( 'init', 'as3cf_pro_init' ); + + // If AWS still active need to be around to satisfy addon version checks until upgraded. + add_action( 'aws_init', 'as3cf_pro_init', 11 ); +} diff --git a/assets/css/attachment.css b/assets/css/attachment.css new file mode 100644 index 0000000..d9907ec --- /dev/null +++ b/assets/css/attachment.css @@ -0,0 +1,59 @@ +#s3-actions.postbox .inside { + margin: 0; + padding: 0; +} +#s3-actions.postbox a, #s3-actions.postbox a:hover { + text-decoration: none; +} +#s3-actions.postbox .s3-details { + padding: 6px 0; +} +#s3-actions.postbox .s3-details .misc-pub-section { + clear: both; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#s3-actions.postbox .s3-details .misc-pub-section .s3-key { + display: inline-block; + white-space: nowrap; +} +#s3-actions.postbox .s3-details .misc-pub-section .s3-value { + display: inline-block; + font-weight: bold; +} +#s3-actions.postbox .s3-details .misc-pub-section .s3-value .more-info { + font-weight: lighter; +} +#s3-actions.postbox .s3-details .misc-pub-section input.error { + color: #a00; +} +#s3-actions.postbox .s3-details .not-copied { + color: #666; +} +#s3-actions.postbox .s3-actions { + padding: 10px; + clear: both; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + background: #f5f5f5; +} +#s3-actions.postbox .s3-actions .copy-action { + text-align: right; + float: right; + line-height: 23px; +} +#s3-actions.postbox .s3-actions .remove-action { + line-height: 28px; + vertical-align: middle; + text-align: left; + float: left; +} +#s3-actions.postbox .s3-actions .remove-action a.local-warning { + color: #a00; +} +#s3-actions.postbox .s3-actions .remove-action a.local-warning:hover { + color: #f00; +} + +/*# sourceMappingURL=attachment.css.map */ diff --git a/assets/css/attachment.css.map b/assets/css/attachment.css.map new file mode 100644 index 0000000..904127f --- /dev/null +++ b/assets/css/attachment.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/attachment.scss"],"names":[],"mappings":"AACC;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;;AAIF;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC","file":"attachment.css"} \ No newline at end of file diff --git a/assets/css/attachment.min.css b/assets/css/attachment.min.css new file mode 100644 index 0000000..d83be1a --- /dev/null +++ b/assets/css/attachment.min.css @@ -0,0 +1 @@ +#s3-actions.postbox .inside{margin:0;padding:0}#s3-actions.postbox a,#s3-actions.postbox a:hover{text-decoration:none}#s3-actions.postbox .s3-details{padding:6px 0}#s3-actions.postbox .s3-details .misc-pub-section{clear:both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#s3-actions.postbox .s3-details .misc-pub-section .s3-key{display:inline-block;white-space:nowrap}#s3-actions.postbox .s3-details .misc-pub-section .s3-value{display:inline-block;font-weight:700}#s3-actions.postbox .s3-details .misc-pub-section .s3-value .more-info{font-weight:lighter}#s3-actions.postbox .s3-details .misc-pub-section input.error{color:#a00}#s3-actions.postbox .s3-details .not-copied{color:#666}#s3-actions.postbox .s3-actions{padding:10px;clear:both;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5}#s3-actions.postbox .s3-actions .copy-action{text-align:right;float:right;line-height:23px}#s3-actions.postbox .s3-actions .remove-action{line-height:28px;vertical-align:middle;text-align:left;float:left}#s3-actions.postbox .s3-actions .remove-action a.local-warning{color:#a00}#s3-actions.postbox .s3-actions .remove-action a.local-warning:hover{color:red} \ No newline at end of file diff --git a/assets/css/flexboxgrid.css b/assets/css/flexboxgrid.css new file mode 100644 index 0000000..87acf41 --- /dev/null +++ b/assets/css/flexboxgrid.css @@ -0,0 +1,894 @@ +/* Uncomment and set these variables to customize the grid. */ + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; +} + +.row { + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-box; + display: flex; + -ms-flex: 0 1 auto; + -webkit-box-flex: 0; + flex: 0 1 auto; + -ms-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.row.reverse { + -ms-flex-direction: row-reverse; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + flex-direction: row-reverse; +} + +.col.reverse { + -ms-flex-direction: column-reverse; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + flex-direction: column-reverse; +} + +.col-xs, +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; +} + +.col-xs { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; +} + +.col-xs-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; +} + +.col-xs-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; +} + +.col-xs-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; +} + +.col-xs-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; +} + +.col-xs-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; +} + +.col-xs-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; +} + +.col-xs-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; +} + +.col-xs-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; +} + +.col-xs-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; +} + +.col-xs-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; +} + +.col-xs-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; +} + +.col-xs-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; +} + +.col-xs-offset-1 { + margin-left: 8.333%; +} + +.col-xs-offset-2 { + margin-left: 16.667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.333%; +} + +.col-xs-offset-5 { + margin-left: 41.667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.333%; +} + +.col-xs-offset-8 { + margin-left: 66.667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.333%; +} + +.col-xs-offset-11 { + margin-left: 91.667%; +} + +.start-xs { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; +} + +.center-xs { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; +} + +.end-xs { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; +} + +.top-xs { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; +} + +.middle-xs { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; +} + +.bottom-xs { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; +} + +.around-xs { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.between-xs { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; +} + +.first-xs { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; +} + +.last-xs { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; +} + +@media only screen and (min-width: 48em) { + .container { + width: 46rem; + } + + .col-sm, + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-sm { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-sm-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-sm-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-sm-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-sm-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-sm-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-sm-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-sm-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-sm-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-sm-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-sm-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-sm-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-sm-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-sm-offset-1 { + margin-left: 8.333%; + } + + .col-sm-offset-2 { + margin-left: 16.667%; + } + + .col-sm-offset-3 { + margin-left: 25%; + } + + .col-sm-offset-4 { + margin-left: 33.333%; + } + + .col-sm-offset-5 { + margin-left: 41.667%; + } + + .col-sm-offset-6 { + margin-left: 50%; + } + + .col-sm-offset-7 { + margin-left: 58.333%; + } + + .col-sm-offset-8 { + margin-left: 66.667%; + } + + .col-sm-offset-9 { + margin-left: 75%; + } + + .col-sm-offset-10 { + margin-left: 83.333%; + } + + .col-sm-offset-11 { + margin-left: 91.667%; + } + + .start-sm { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-sm { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-sm { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-sm { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-sm { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-sm { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-sm { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-sm { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-sm { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-sm { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} + +@media only screen and (min-width: 62em) { + .container { + width: 61rem; + } + + .col-md, + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-md { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-md-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-md-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-md-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-md-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-md-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-md-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-md-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-md-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-md-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-md-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-md-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-md-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-md-offset-1 { + margin-left: 8.333%; + } + + .col-md-offset-2 { + margin-left: 16.667%; + } + + .col-md-offset-3 { + margin-left: 25%; + } + + .col-md-offset-4 { + margin-left: 33.333%; + } + + .col-md-offset-5 { + margin-left: 41.667%; + } + + .col-md-offset-6 { + margin-left: 50%; + } + + .col-md-offset-7 { + margin-left: 58.333%; + } + + .col-md-offset-8 { + margin-left: 66.667%; + } + + .col-md-offset-9 { + margin-left: 75%; + } + + .col-md-offset-10 { + margin-left: 83.333%; + } + + .col-md-offset-11 { + margin-left: 91.667%; + } + + .start-md { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-md { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-md { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-md { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-md { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-md { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-md { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-md { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-md { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-md { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} + +@media only screen and (min-width: 75em) { + .container { + width: 71rem; + } + + .col-lg, + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-lg { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-lg-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-lg-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-lg-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-lg-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-lg-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-lg-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-lg-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-lg-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-lg-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-lg-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-lg-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-lg-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-lg-offset-1 { + margin-left: 8.333%; + } + + .col-lg-offset-2 { + margin-left: 16.667%; + } + + .col-lg-offset-3 { + margin-left: 25%; + } + + .col-lg-offset-4 { + margin-left: 33.333%; + } + + .col-lg-offset-5 { + margin-left: 41.667%; + } + + .col-lg-offset-6 { + margin-left: 50%; + } + + .col-lg-offset-7 { + margin-left: 58.333%; + } + + .col-lg-offset-8 { + margin-left: 66.667%; + } + + .col-lg-offset-9 { + margin-left: 75%; + } + + .col-lg-offset-10 { + margin-left: 83.333%; + } + + .col-lg-offset-11 { + margin-left: 91.667%; + } + + .start-lg { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-lg { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-lg { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-lg { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-lg { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-lg { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-lg { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-lg { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-lg { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-lg { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} \ No newline at end of file diff --git a/assets/css/flexboxgrid.min.css b/assets/css/flexboxgrid.min.css new file mode 100644 index 0000000..bfeb9bf --- /dev/null +++ b/assets/css/flexboxgrid.min.css @@ -0,0 +1 @@ +.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:75em){.container{width:71rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}} \ No newline at end of file diff --git a/assets/css/media.css b/assets/css/media.css new file mode 100644 index 0000000..f2038fe --- /dev/null +++ b/assets/css/media.css @@ -0,0 +1,128 @@ +body.as3cf-pro .media-toolbar-mode-select { + overflow: visible; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary { + max-width: 100%; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons { + margin-right: 10px; + position: relative; + display: none !important; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons.visible { + display: inline-block !important; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons .button { + margin: 0; + text-align: left; +} +@media screen and (max-width: 782px) { + body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons .button { + min-height: 40px; + } +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action-default { + width: calc(100% - 32px); + position: relative; + z-index: 2; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle { + width: 32px; + position: relative; + border-left: 1px solid rgba(255, 255, 255, 0.2); + z-index: 2; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle:focus { + box-shadow: none; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle::after { + content: ""; + display: inline-block; + width: 0; + height: 0; + vertical-align: 0.255em; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + transition: 0.2s all ease; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle.opened::after { + transform: rotate(180deg); +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__submenu { + position: absolute; + left: 0; + top: 0; + z-index: 1; + transform: translateY(33px); + border-radius: 3px; + overflow: hidden; + box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3); +} +@media screen and (max-width: 782px) { + body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__submenu { + transform: translateY(41px); + } +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action { + display: block; + width: 100%; + margin: 0; + border-radius: 0; + text-align-last: left; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action:last-child { + border: none; +} +body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action:focus { + box-shadow: none; +} + +.as3cfpro_remove a.local-warning { + color: #a00; +} +.as3cfpro_remove a.local-warning:hover { + color: #f00; + text-decoration: none; + border: none; +} + +.media-modal a.local-warning { + color: #bc0b0b; +} +.media-modal a.local-warning:hover { + color: red; +} + +.attachment-info .attachment-s3-details { + font-weight: bold; + margin-bottom: 5px; +} + +.table-view-list.media th.column-as3cf_bucket { + width: 11%; +} + +.table-view-list.media th.column-as3cf_access { + width: 8%; +} + +.table-view-list.media .row-actions span.as3cf-warning:before { + background: url(../img/icon/error.svg) no-repeat; + background-size: 18px; + content: ""; + display: block; + width: 18px; + height: 18px; + margin: 1px 1px 0 -3px; + float: left; +} + +.table-view-list.media .row-actions span.as3cf-warning { + color: #50575e; +} + +/*# sourceMappingURL=media.css.map */ diff --git a/assets/css/media.css.map b/assets/css/media.css.map new file mode 100644 index 0000000..298dc28 --- /dev/null +++ b/assets/css/media.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/media.scss"],"names":[],"mappings":"AACC;EACC;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAEA;EAJD;IAKE;;;AAKH;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVD;IAWE;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAMJ;EACC;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC","file":"media.css"} \ No newline at end of file diff --git a/assets/css/media.min.css b/assets/css/media.min.css new file mode 100644 index 0000000..ebeb635 --- /dev/null +++ b/assets/css/media.min.css @@ -0,0 +1 @@ +body.as3cf-pro .media-toolbar-mode-select{overflow:visible}body.as3cf-pro .attachments-browser .media-toolbar-secondary{max-width:100%}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons{margin-right:10px;position:relative;display:none!important}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons.visible{display:inline-block!important}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons .button{margin:0;text-align:left}@media screen and (max-width:782px){body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons .button{min-height:40px}}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action-default{width:calc(100% - 32px);position:relative;z-index:2}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle{width:32px;position:relative;border-left:1px solid rgba(255,255,255,.2);z-index:2}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle:focus{box-shadow:none}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle::after{content:"";display:inline-block;width:0;height:0;vertical-align:.255em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;transition:.2s all ease}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__toggle.opened::after{transform:rotate(180deg)}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__submenu{position:absolute;left:0;top:0;z-index:1;transform:translateY(33px);border-radius:3px;overflow:hidden;box-shadow:0 2px 5px 2px rgba(0,0,0,.3)}@media screen and (max-width:782px){body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__submenu{transform:translateY(41px)}}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action{display:block;width:100%;margin:0;border-radius:0;text-align-last:left;border:none;border-bottom:1px solid rgba(255,255,255,.2)}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action:last-child{border:none}body.as3cf-pro .attachments-browser .media-toolbar-secondary .offload-buttons__action:focus{box-shadow:none}.as3cfpro_remove a.local-warning{color:#a00}.as3cfpro_remove a.local-warning:hover{color:red;text-decoration:none;border:none}.media-modal a.local-warning{color:#bc0b0b}.media-modal a.local-warning:hover{color:red}.attachment-info .attachment-s3-details{font-weight:700;margin-bottom:5px}.table-view-list.media th.column-as3cf_bucket{width:11%}.table-view-list.media th.column-as3cf_access{width:8%}.table-view-list.media .row-actions span.as3cf-warning:before{background:url(../img/icon/error.svg) no-repeat;background-size:18px;content:"";display:block;width:18px;height:18px;margin:1px 1px 0 -3px;float:left}.table-view-list.media .row-actions span.as3cf-warning{color:#50575e} \ No newline at end of file diff --git a/assets/css/modal.css b/assets/css/modal.css new file mode 100644 index 0000000..ab6a484 --- /dev/null +++ b/assets/css/modal.css @@ -0,0 +1,73 @@ +/** + * Modals + */ +#as3cf-overlay { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); + overflow: hidden; + overflow-y: auto; + z-index: 999999; +} + +#as3cf-modal { + display: none; + position: relative; + width: 600px; + margin: 100px auto; + padding: 30px; + background-color: #eee; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + font-size: 14px; + overflow: hidden; + z-index: 100000; +} +#as3cf-modal .close-as3cf-modal { + color: #999; + cursor: pointer; + font-family: "Times New Roman", serif; + font-size: 26px; + font-weight: 200; + position: absolute; + right: 18px; + top: 18px; +} +#as3cf-modal .close-as3cf-modal:hover { + color: #666; +} +#as3cf-modal h3 { + margin: 0 0 20px; + font-weight: normal; + line-height: 1; +} +#as3cf-modal .error, +#as3cf-modal .notice, +#as3cf-modal .updated { + margin: 0 0 20px; +} +#as3cf-modal .actions { + margin: 20px -30px -30px; + padding: 20px 30px; + border-top: none; + background-color: #e3e3e3; + overflow: hidden; +} +#as3cf-modal .actions .right { + margin-left: 15px; +} +#as3cf-modal .actions .right:last-of-type { + margin-left: 0; +} +#as3cf-modal .actions button { + min-width: 90px; +} + +body.as3cf-modal-open { + overflow: hidden; +} + +/*# sourceMappingURL=modal.css.map */ diff --git a/assets/css/modal.css.map b/assets/css/modal.css.map new file mode 100644 index 0000000..1767b7e --- /dev/null +++ b/assets/css/modal.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/modal.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAGD;AAAA;AAAA;EAGC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;;AAKH;EACC","file":"modal.css"} \ No newline at end of file diff --git a/assets/css/modal.min.css b/assets/css/modal.min.css new file mode 100644 index 0000000..42a5a57 --- /dev/null +++ b/assets/css/modal.min.css @@ -0,0 +1 @@ +#as3cf-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);overflow:hidden;overflow-y:auto;z-index:999999}#as3cf-modal{display:none;position:relative;width:600px;margin:100px auto;padding:30px;background-color:#eee;box-shadow:0 0 10px rgba(0,0,0,.5);font-size:14px;overflow:hidden;z-index:100000}#as3cf-modal .close-as3cf-modal{color:#999;cursor:pointer;font-family:"Times New Roman",serif;font-size:26px;font-weight:200;position:absolute;right:18px;top:18px}#as3cf-modal .close-as3cf-modal:hover{color:#666}#as3cf-modal h3{margin:0 0 20px;font-weight:400;line-height:1}#as3cf-modal .error,#as3cf-modal .notice,#as3cf-modal .updated{margin:0 0 20px}#as3cf-modal .actions{margin:20px -30px -30px;padding:20px 30px;border-top:none;background-color:#e3e3e3;overflow:hidden}#as3cf-modal .actions .right{margin-left:15px}#as3cf-modal .actions .right:last-of-type{margin-left:0}#as3cf-modal .actions button{min-width:90px}body.as3cf-modal-open{overflow:hidden} \ No newline at end of file diff --git a/assets/css/normalize.css b/assets/css/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/assets/css/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/assets/css/normalize.min.css b/assets/css/normalize.min.css new file mode 100644 index 0000000..1854c29 --- /dev/null +++ b/assets/css/normalize.min.css @@ -0,0 +1 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} \ No newline at end of file diff --git a/assets/css/notice.css b/assets/css/notice.css new file mode 100644 index 0000000..ef1dd85 --- /dev/null +++ b/assets/css/notice.css @@ -0,0 +1,16 @@ +/** + * Common as3cf-notice styles. + */ +.as3cf-notice p, +.as3cf-compatibility-notice p { + max-width: 800px; +} + +/** + * Prevent WP from adding the circular arrow icon to all P tags inside the notice html. + */ +.as3cf-licence-notice p:not(.as3cf-before):before { + display: none; +} + +/*# sourceMappingURL=notice.css.map */ diff --git a/assets/css/notice.css.map b/assets/css/notice.css.map new file mode 100644 index 0000000..f263cfa --- /dev/null +++ b/assets/css/notice.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/notice.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAKC;AAAA;EACC;;;AAIF;AAAA;AAAA;AAGA;EACC","file":"notice.css"} \ No newline at end of file diff --git a/assets/css/notice.min.css b/assets/css/notice.min.css new file mode 100644 index 0000000..360ab7c --- /dev/null +++ b/assets/css/notice.min.css @@ -0,0 +1 @@ +.as3cf-compatibility-notice p,.as3cf-notice p{max-width:800px}.as3cf-licence-notice p:not(.as3cf-before):before{display:none} \ No newline at end of file diff --git a/assets/css/pro/settings.css b/assets/css/pro/settings.css new file mode 100644 index 0000000..67a6518 --- /dev/null +++ b/assets/css/pro/settings.css @@ -0,0 +1,10 @@ +.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle} +.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1, 0, 0, 1, 0, 0);border-top-right-radius:5px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 0.5rem} +div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:0.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0} +#as3cf-settings.wpome div.panel.settings .header img.svelte-1m7cok0.svelte-1m7cok0{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.assets-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .assets-details.svelte-1m7cok0 h3.svelte-1m7cok0{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;align-items:center;color:var(--as3cf-color-gray-600);font-size:0.75rem} +.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:0.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center} +.nav-status-wrapper.svelte-1i784er{position:relative} diff --git a/assets/css/pro/settings.min.css b/assets/css/pro/settings.min.css new file mode 100644 index 0000000..5122dd6 --- /dev/null +++ b/assets/css/pro/settings.min.css @@ -0,0 +1 @@ +.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle}.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1,0,0,1,0,0);border-top-right-radius:5px}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 .5rem}div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0}#as3cf-settings.wpome div.panel.settings .header img.svelte-1m7cok0.svelte-1m7cok0{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.assets-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .assets-details.svelte-1m7cok0 h3.svelte-1m7cok0{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;align-items:center;color:var(--as3cf-color-gray-600);font-size:.75rem}.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center}.nav-status-wrapper.svelte-1i784er{position:relative} \ No newline at end of file diff --git a/assets/css/settings.css b/assets/css/settings.css new file mode 100644 index 0000000..4426220 --- /dev/null +++ b/assets/css/settings.css @@ -0,0 +1,9 @@ +.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle} +.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1, 0, 0, 1, 0, 0);border-top-right-radius:5px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 0.5rem} +div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:0.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0} +.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:0.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center} +.nav-status-wrapper.svelte-1i784er{position:relative} diff --git a/assets/css/settings.min.css b/assets/css/settings.min.css new file mode 100644 index 0000000..31d5ea6 --- /dev/null +++ b/assets/css/settings.min.css @@ -0,0 +1 @@ +.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle}.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1,0,0,1,0,0);border-top-right-radius:5px}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 .5rem}div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0}.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center}.nav-status-wrapper.svelte-1i784er{position:relative} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..547438a --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2428 @@ +#as3cf-settings.wpome button, #as3cf-settings.wpome a, #as3cf-settings.wpome input { + transition: all 0.3s ease; +} +#as3cf-settings.wpome button, #as3cf-settings.wpome a.button { + font-weight: 500; + border-radius: 6px; + white-space: nowrap; + min-width: 4rem; +} +#as3cf-settings.wpome button.btn-lg, #as3cf-settings.wpome a.button.btn-lg { + font-size: 0.875rem; + padding: 0.95rem 1.2rem; + min-width: 6rem; +} +#as3cf-settings.wpome button.btn-md, #as3cf-settings.wpome a.button.btn-md { + font-size: 0.875rem; + padding: 0.75rem 1.05rem; +} +#as3cf-settings.wpome button.btn-sm, #as3cf-settings.wpome a.button.btn-sm { + font-size: 0.875rem; + padding: 0.55rem 0.9rem; +} +#as3cf-settings.wpome button.btn-xs, #as3cf-settings.wpome a.button.btn-xs { + font-size: 0.7rem; + padding: 0.4rem 0.6rem; + min-width: 3rem; +} +#as3cf-settings.wpome button.btn-primary, #as3cf-settings.wpome .btn-row button.btn-primary, #as3cf-settings.wpome a.button.btn-primary { + color: var(--as3cf-color-white); + background: var(--as3cf-color-primary-500); + border: 1px solid rgba(0, 0, 0, 0.12); +} +#as3cf-settings.wpome button.btn-primary:hover, #as3cf-settings.wpome a.button.btn-primary:hover { + background-color: var(--as3cf-color-primary-600); +} +#as3cf-settings.wpome button.btn-outline, #as3cf-settings.wpome .btn-row button.btn-outline, #as3cf-settings.wpome a.button.btn-outline { + color: var(--as3cf-color-primary-500); + background: none; + border: 1px solid var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome button.btn-outline:hover, #as3cf-settings.wpome a.button.btn-outline:hover { + color: var(--as3cf-color-primary-600); + background-color: var(--as3cf-color-primary-50); + border: 1px solid var(--as3cf-color-primary-600); +} +#as3cf-settings.wpome button.btn-outline:focus, #as3cf-settings.wpome button.btn-outline:active, #as3cf-settings.wpome a.button.btn-outline:focus, #as3cf-settings.wpome a.button.btn-outline:active { + border: 1px solid var(--as3cf-color-primary-200); +} +#as3cf-settings.wpome button.btn-primary:focus, #as3cf-settings.wpome button.btn-primary:active, #as3cf-settings.wpome button.btn-outline:focus, #as3cf-settings.wpome button.btn-outline:active, #as3cf-settings.wpome a.button.btn-primary:focus, #as3cf-settings.wpome a.button.btn-primary:active, #as3cf-settings.wpome a.button.btn-outline:focus, #as3cf-settings.wpome a.button.btn-outline:active { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-primary-400); + outline: 0; +} +#as3cf-settings.wpome button.btn-disabled, #as3cf-settings.wpome .btn-row button.btn-disabled, #as3cf-settings.wpome a.button.btn-disabled { + color: var(--as3cf-text-disabled); + border: 1px solid var(--as3cf-color-gray-400); + opacity: 0.5; + cursor: default; +} +#as3cf-settings.wpome button.btn-disabled.btn-primary, #as3cf-settings.wpome a.button.btn-disabled.btn-primary { + background: var(--as3cf-color-gray-300); +} +#as3cf-settings.wpome button.btn-disabled:hover, #as3cf-settings.wpome a.button.btn-disabled:hover { + box-shadow: none !important; +} +#as3cf-settings.wpome button.btn-disabled.btn-outline:hover, #as3cf-settings.wpome a.button.btn-disabled.btn-outline:hover { + color: var(--as3cf-text-disabled); + border: 1px solid var(--as3cf-color-gray-400); +} +#as3cf-settings.wpome button.btn-expandable, #as3cf-settings.wpome a.button.btn-expandable { + all: unset; + box-sizing: border-box; + cursor: pointer; + flex: 0 0 auto; + width: 24px; + height: 24px; + min-width: 24px; + min-height: 24px; + background: url(../img/icon/arrow.svg) no-repeat center/18px; + border-radius: 12px; + transition: all 0.2s ease-in; +} +#as3cf-settings.wpome button.btn-expandable.btn-expanded, #as3cf-settings.wpome a.button.btn-expandable.btn-expanded { + transform: rotate(180deg); +} +#as3cf-settings.wpome button.btn-expandable:hover, #as3cf-settings.wpome button.btn-expandable:focus, #as3cf-settings.wpome button.btn-expandable:active, #as3cf-settings.wpome a.button.btn-expandable:hover, #as3cf-settings.wpome a.button.btn-expandable:focus, #as3cf-settings.wpome a.button.btn-expandable:active { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome button.btn-refresh, #as3cf-settings.wpome a.button.btn-refresh { + all: unset; + display: flex; + align-items: center; + gap: 0.25rem; + box-sizing: border-box; + cursor: pointer; + flex: 0 0 auto; + font-size: 13px; + font-weight: 500; + color: var(--as3cf-link-color); + border-radius: 3px; + padding: 0.1rem; + margin-right: 0 -0.1rem; + text-decoration: underline; +} +#as3cf-settings.wpome button.btn-refresh img.refresh, #as3cf-settings.wpome a.button.btn-refresh img.refresh { + width: 12px; + height: 12px; + min-width: 12px; + min-height: 12px; +} +#as3cf-settings.wpome button.btn-refresh img.refresh.refreshing, #as3cf-settings.wpome a.button.btn-refresh img.refresh.refreshing { + animation: spin 1s linear infinite; +} +@keyframes spin { + 100% { + transform: rotate(360deg); + } +} +#as3cf-settings.wpome button.btn-refresh.btn-refreshing, #as3cf-settings.wpome a.button.btn-refresh.btn-refreshing { + cursor: default; +} +#as3cf-settings.wpome button.btn-refresh:hover, #as3cf-settings.wpome button.btn-refresh:active, #as3cf-settings.wpome button.btn-refresh:focus, #as3cf-settings.wpome a.button.btn-refresh:hover, #as3cf-settings.wpome a.button.btn-refresh:active, #as3cf-settings.wpome a.button.btn-refresh:focus { + text-decoration: none !important; + box-shadow: 0; +} +#as3cf-settings.wpome button.btn-refresh:focus-visible, #as3cf-settings.wpome a.button.btn-refresh:focus-visible { + text-decoration: none; + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome button.btn-refresh:disabled, #as3cf-settings.wpome a.button.btn-refresh:disabled { + color: var(--as3cf-color-gray-800); + text-decoration: none; +} +#as3cf-settings.wpome a, +#as3cf-settings.wpome button { + cursor: pointer; +} +#as3cf-settings.wpome .btn-row { + width: 100%; + display: flex; + flex-direction: row; + margin: 2.5rem 0 2.5rem 0; +} +#as3cf-settings.wpome .btn-row .buttons-left .btn-primary { + margin-left: 0.85rem; +} +#as3cf-settings.wpome .btn-row .btn-outline { + margin-left: auto; +} +#as3cf-settings.wpome .btn-row .btn-primary { + margin-left: auto; +} +#as3cf-settings.wpome .btn-row .btn-outline + .btn-primary { + margin-left: 0.85rem; +} +#as3cf-settings.wpome .buttons-right { + margin-left: auto; + flex: 0 0 auto; +} +#as3cf-settings.wpome .buttons-right .pause { + margin-right: 0.7rem; +} +#as3cf-settings.wpome .fixed-cta-block { + width: calc(100% - 160px); + display: flex; + flex-direction: row; + background: var(--as3cf-color-white); + box-shadow: 0 -11px 24px 0 rgba(151, 146, 175, 0.2); + box-sizing: border-box; + z-index: 9999; + position: fixed; + bottom: 0; + left: 160px; +} +@media screen and (max-width: 960px) { + #as3cf-settings.wpome .fixed-cta-block { + width: calc(100% - 36px); + left: 36px; + } +} +@media screen and (max-width: 782px) { + #as3cf-settings.wpome .fixed-cta-block { + width: 100%; + left: 0; + } +} +#as3cf-settings.wpome .fixed-cta-block .buttons { + margin: 0; + padding: 1rem 2rem; + display: flex; + justify-content: flex-end; + width: calc(1220px + 4rem); + max-width: calc(1220px + 4rem); + box-sizing: border-box; +} +@media screen and (max-width: 1100px) { + #as3cf-settings.wpome .fixed-cta-block .buttons { + max-width: calc(780px + 4rem); + } +} +@media screen and (max-width: 872px) { + #as3cf-settings.wpome .fixed-cta-block .buttons { + max-width: 100%; + } +} +#as3cf-settings.wpome .fixed-cta-block .buttons .btn-outline { + margin-right: 1rem; +} +#as3cf-settings.wpome .button-tab { + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-color-gray-400); + border-radius: 6px; + height: 3rem; + display: flex; + flex-direction: row; + align-items: center; + padding: 0 1.3rem; + text-decoration: none; + margin-right: 1.5rem; + position: relative; + transition-duration: 0.15s; + transition-timing-function: linear; +} +#as3cf-settings.wpome .button-tab.active { + border: 1px solid var(--as3cf-color-primary-500); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.05); +} +#as3cf-settings.wpome .button-tab:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.05); +} +#as3cf-settings.wpome .button-tab:focus, #as3cf-settings.wpome .button-tab:active { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome .button-tab.btn-disabled { + cursor: default; +} +#as3cf-settings.wpome .button-tab.btn-disabled:hover { + box-shadow: none; +} + +#as3cf-settings.wpome a.help { + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + border: none; + border-radius: 100%; +} +#as3cf-settings.wpome a.help:hover, #as3cf-settings.wpome a.help:focus, #as3cf-settings.wpome a.help:active { + filter: brightness(90%); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome a.help .icon.help { + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + border: none; + border-radius: 100%; +} +#as3cf-settings.wpome .icon.status { + width: 16px; + height: 16px; +} +#as3cf-settings.wpome .icon.status:hover { + filter: brightness(90%); +} +#as3cf-settings.wpome .icon.close:hover { + filter: brightness(90%); +} +#as3cf-settings.wpome .icon.bucket { + width: 18px; + height: 18px; + margin-right: 1.4rem; +} +#as3cf-settings.wpome .icon.region { + width: 18px; + height: 18px; +} +#as3cf-settings.wpome .icon.notice-icon { + width: 24px; + height: 24px; + margin-right: 0.8rem; +} +#as3cf-settings.wpome .icon.notice-icon.assets-wizard { + margin-top: -2px; +} + +#as3cf-settings.wpome label { + font-size: 0.875rem; + color: var(--as3cf-color-gray-900); + cursor: pointer; + display: flex; + align-items: center; +} +#as3cf-settings.wpome .disabled > label { + cursor: default; +} +#as3cf-settings.wpome input[type=checkbox], #as3cf-settings.wpome input[type=radio] { + all: unset; + box-sizing: border-box; + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-color-gray-400); + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + margin: 0 0.85rem 0 0; + padding: 0; +} +#as3cf-settings.wpome input[type=checkbox]:disabled, #as3cf-settings.wpome input[type=checkbox]:disabled:hover, #as3cf-settings.wpome input[type=radio]:disabled, #as3cf-settings.wpome input[type=radio]:disabled:hover { + box-shadow: none; +} +#as3cf-settings.wpome input[type=checkbox]:disabled:checked, #as3cf-settings.wpome input[type=checkbox]:disabled:hover:checked, #as3cf-settings.wpome input[type=radio]:disabled:checked, #as3cf-settings.wpome input[type=radio]:disabled:hover:checked { + color: var(--as3cf-color-gray-400); + background-color: var(--as3cf-color-gray-200); + border: 1px solid var(--as3cf-color-gray-400); +} +#as3cf-settings.wpome input[type=checkbox]:disabled:not(:checked), #as3cf-settings.wpome input[type=checkbox]:disabled:hover:not(:checked), #as3cf-settings.wpome input[type=radio]:disabled:not(:checked), #as3cf-settings.wpome input[type=radio]:disabled:hover:not(:checked) { + background-color: var(--as3cf-color-gray-100); + border: 1px solid var(--as3cf-color-gray-300); +} +#as3cf-settings.wpome input[type=radio] { + border-radius: 100%; +} +#as3cf-settings.wpome input[type=radio]:checked { + border: 1px solid var(--as3cf-color-secondary-700); + background: var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center; +} +#as3cf-settings.wpome input[type=radio]:checked:disabled { + background-image: url('data:image/svg+xml;utf8,'); +} +#as3cf-settings.wpome input[type=radio]:checked::before { + content: none; +} +#as3cf-settings.wpome input[type=radio]:hover { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome input[type=radio]:hover:not(:checked) { + background-color: var(--as3cf-color-secondary-50); +} +#as3cf-settings.wpome input[type=checkbox] { + border-radius: 3px; + margin-top: -2px; +} +#as3cf-settings.wpome input[type=checkbox]:checked { + background: var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center/75%; + border: 1px solid var(--as3cf-color-secondary-600); +} +#as3cf-settings.wpome input[type=checkbox]:checked:disabled { + background-image: url('data:image/svg+xml;utf8,'); +} +#as3cf-settings.wpome input[type=checkbox]:checked::before { + content: none; +} +#as3cf-settings.wpome input[type=checkbox]:hover { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome input[type=checkbox]:hover:not(:checked) { + background-color: var(--as3cf-color-secondary-50); +} +#as3cf-settings.wpome .checkbox, +#as3cf-settings.wpome .radio-btn { + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 0.75rem; +} +#as3cf-settings.wpome .checkbox:last-of-type, +#as3cf-settings.wpome .radio-btn:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .checkbox label { + line-height: 1; + display: flex; + align-items: center; +} +#as3cf-settings.wpome input[type=text], +#as3cf-settings.wpome textarea { + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-color-gray-400); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 8px; + padding: 0.95rem 1rem; + font-size: 0.875rem; + color: var(--as3cf-color-gray-900); + line-height: 1.2; + margin: 0; + box-sizing: border-box; +} +#as3cf-settings.wpome input[type=text].licence-field, +#as3cf-settings.wpome textarea.licence-field { + width: 510px; + margin-right: 0.75rem !important; + letter-spacing: 0.75px; +} +#as3cf-settings.wpome input[type=text].licence-field::placeholder, +#as3cf-settings.wpome textarea.licence-field::placeholder { + letter-spacing: 0.25px; +} +#as3cf-settings.wpome textarea { + line-height: 1.3 !important; + /* Standards compliant scrollbar (future) */ + /* + scrollbar-color: var(--as3cf-secondary-color) var(--as3cf-color-white); + scrollbar-width: 12px; + */ + /* Ye olde webkit scrollbar */ +} +#as3cf-settings.wpome textarea::-webkit-scrollbar { + width: 12px; +} +#as3cf-settings.wpome textarea::-webkit-scrollbar-track { + background: var(--as3cf-color-white); + border-radius: 6px; +} +#as3cf-settings.wpome textarea::-webkit-scrollbar-corner { + background-color: var(--as3cf-color-white); + border-radius: 6px; +} +#as3cf-settings.wpome textarea::-webkit-resizer { + background-color: var(--as3cf-color-white); + border-radius: 6px; +} +#as3cf-settings.wpome textarea::-webkit-scrollbar-thumb { + background-color: var(--as3cf-secondary-color); + border: 1px solid var(--as3cf-color-white); + border-radius: 5px; +} +#as3cf-settings.wpome select { + all: unset; + background: var(--as3cf-color-white) url(../img/icon/arrow.svg) no-repeat calc(100% - 18px) 50%; + border: 1px solid var(--as3cf-color-gray-400); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 8px; + padding: 0 1rem !important; + font-size: 0.875rem !important; + color: var(--as3cf-color-gray-900); + line-height: 1.2 !important; + margin: 0; + box-sizing: border-box; + cursor: pointer; + appearance: none; + height: 46px !important; + display: flex; + align-items: center; +} +#as3cf-settings.wpome input::placeholder, #as3cf-settings.wpome textarea::placeholder, #as3cf-settings.wpome select::placeholder { + color: var(--as3cf-color-gray-500); +} +#as3cf-settings.wpome input:hover, #as3cf-settings.wpome textarea:hover, #as3cf-settings.wpome select:hover { + border: 1px solid var(--as3cf-color-gray-500); +} +#as3cf-settings.wpome input:focus, #as3cf-settings.wpome input:active, #as3cf-settings.wpome textarea:focus, #as3cf-settings.wpome textarea:active, #as3cf-settings.wpome select:focus, #as3cf-settings.wpome select:active { + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome input:disabled, #as3cf-settings.wpome textarea:disabled, #as3cf-settings.wpome select:disabled { + cursor: default; +} +#as3cf-settings.wpome input.disabled, #as3cf-settings.wpome textarea.disabled, #as3cf-settings.wpome select.disabled { + color: var(--as3cf-color-gray-500); + background-color: var(--as3cf-color-gray-100); + border: 1px solid var(--as3cf-color-gray-300); + cursor: default; +} +#as3cf-settings.wpome .input-label { + font-size: 0.78125rem; + color: var(--as3cf-color-gray-500); + margin-bottom: 0.5rem; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.3px; +} +#as3cf-settings.wpome .input-error { + color: var(--as3cf-wordpress-notice-error-color); + font-weight: 400; +} +#as3cf-settings.wpome .panel div.setting .input-error { + margin-left: 5rem; + margin-right: 1.5rem; + margin-bottom: 1rem; +} +#as3cf-settings.wpome .toggle-switch { + display: flex; + align-items: center; +} +#as3cf-settings.wpome .toggle-switch input[type=checkbox] { + all: unset; + height: 0; + width: 0; + border: none !important; +} +#as3cf-settings.wpome .toggle-switch label { + box-sizing: border-box; + cursor: pointer; + text-indent: -9999px; + width: 36px; + height: 20px; + background: var(--as3cf-color-gray-400); + border: none; + border-radius: 100px; + display: block; + position: relative; +} +#as3cf-settings.wpome .toggle-switch label:after { + content: ""; + position: absolute; + top: 2px; + left: 2px; + width: 16px; + height: 16px; + background: var(--as3cf-color-white); + border-radius: 100%; + transition: 0.3s; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} +#as3cf-settings.wpome .toggle-switch input:checked + label { + background: var(--as3cf-complete-color); + transition: 0.3s; +} +#as3cf-settings.wpome .toggle-switch input:checked + label:after { + left: calc(100% - 2px); + transform: translateX(-100%); +} +#as3cf-settings.wpome .toggle-switch label:active:after { + width: 26px; +} +#as3cf-settings.wpome .toggle-switch input:focus + label, #as3cf-settings.wpome .toggle-switch input:active + label { + border: none; + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome .toggle-switch input:disabled + label { + cursor: default; + background: var(--as3cf-color-gray-300); +} +#as3cf-settings.wpome .toggle-switch input:disabled + label:after { + background: var(--as3cf-color-gray-100); +} + +#as3cf-settings.wpome > .header { + padding: 0 2rem; + background-color: #FFE4CD; + display: flex; + align-items: center; + height: 96px; +} +#as3cf-settings.wpome > .header .header-wrapper { + width: 1110px; + max-width: 1110px; + height: 100%; + background-image: url("../img/brand/ome-branding-transparent.svg"); + background-repeat: no-repeat; + background-size: contain; + background-position: center top; + display: flex; + align-items: center; +} +#as3cf-settings.wpome > .header .header-wrapper h1 { + font-size: 1.3125rem; + font-weight: 500; + color: #490D32; +} +#as3cf-settings.wpome > .header .header-wrapper .medallion { + filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.15)); + margin-right: 1rem; + width: 52px; + height: 52px; +} +#as3cf-settings.wpome > .header .header-wrapper .licence { + display: flex; + flex-direction: column; + margin-left: auto; +} +#as3cf-settings.wpome > .header .header-wrapper .licence .licence-type { + color: #EB422D; + display: flex; + align-items: center; + justify-content: flex-end; +} +#as3cf-settings.wpome > .header .header-wrapper .licence .licence-type a { + font-size: 0.825rem; + font-weight: 500; + margin-left: 0.6rem; + text-decoration: underline; + color: var(--as3cf-color-primary-500) !important; +} +#as3cf-settings.wpome > .header .header-wrapper .licence .licence-type a:hover { + filter: brightness(105%); +} +#as3cf-settings.wpome > .header .header-wrapper .licence p { + font-size: 0.8125rem; + color: #4D443D; + margin: 0.5rem 0 0; +} +#as3cf-settings.wpome > .header .header-wrapper button, #as3cf-settings.wpome > .header .header-wrapper a.button { + text-transform: uppercase; +} +#as3cf-settings.wpome div.nav { + width: 100%; + margin: 0 auto 2.5rem 0; + background: var(--as3cf-color-white); + border-bottom: 1px solid var(--as3cf-wordpress-border-color); +} +#as3cf-settings.wpome div.nav div.items { + max-width: 1110px; + display: flex; + flex-direction: row; + align-items: baseline; + padding: 0 2rem; +} +#as3cf-settings.wpome div.nav div.items ul.nav { + display: flex; + flex-direction: row; + align-items: baseline; + margin: 0; + padding: 1.5rem 2rem 0 0; + font-size: 0.75rem; + font-weight: 500; + text-transform: uppercase; +} +#as3cf-settings.wpome div.nav div.items ul.nav li { + margin-right: 1.75rem; + padding: 0.6rem 0.2rem 0.65rem; + border-bottom: 3px solid #fff; +} +#as3cf-settings.wpome div.nav div.items ul.nav li a { + color: var(--as3cf-color-gray-600); + text-decoration: none; +} +#as3cf-settings.wpome div.nav div.items ul.nav li a:hover { + color: var(--as3cf-color-primary-600); +} +#as3cf-settings.wpome div.nav div.items ul.nav li a:focus, #as3cf-settings.wpome div.nav div.items ul.nav li a:active { + box-shadow: none; +} +#as3cf-settings.wpome div.nav div.items ul.nav li a:focus-visible { + color: var(--as3cf-color-primary-600); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-primary-400); + border-radius: 3px; + outline: none; +} +#as3cf-settings.wpome div.nav div.items ul.nav li.focus, #as3cf-settings.wpome div.nav div.items ul.nav li.hover { + border-bottom: 3px solid var(--as3cf-color-gray-600); +} +#as3cf-settings.wpome div.nav div.items ul.nav li.active { + border-bottom: 3px solid var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome div.nav div.items ul.nav li.active a { + color: var(--as3cf-active-nav-color); +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper { + display: flex; + flex-direction: row; + align-items: center; + margin-left: auto; + text-decoration: none; + gap: 0.5rem; + align-self: stretch; + min-width: 20px; + /* When complete there's an icon prefix that takes up more room. */ + /* When a tool is running there is longer status text taking up room. */ +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper:focus { + box-shadow: none; + outline: none; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .nav-status { + height: 100%; + display: flex; + flex-direction: row; + align-items: center; + gap: 0.5rem; + min-width: 20px; + cursor: pointer; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p { + font-size: 0.75rem; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p.status-text { + flex: 0 0 max-content; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper > p { + cursor: pointer; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar { + cursor: pointer; + width: 200px; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper button { + flex: 0 0 max-content; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running { + cursor: pointer; + display: none; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running img { + height: 42px; +} +@media (max-width: 1120px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper > button:not(.btn-expandable) { + display: none; + } + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running { + display: block; + } +} +@media (max-width: 700px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar { + display: none; + } +} +@media (max-width: 640px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper { + display: none; + } +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete { + /* Remove complete icon before removing whole status. */ +} +@media (max-width: 720px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete .progress-bar { + display: none; + } +} +@media (max-width: 670px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete img.icon.type { + display: none; + } +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running { + /* Because there is an animated icon giving context we can reduce text. */ +} +@media (max-width: 800px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .progress-bar { + display: none; + } +} +@media (max-width: 740px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text strong { + font-size: 1.1rem; + } + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text span { + display: none; + } +} +#as3cf-settings.wpome .subnav { + display: flex; + border-bottom: 1px solid var(--as3cf-wordpress-border-color); + padding: 0; + align-items: baseline; + margin: 0 0 3rem; +} +#as3cf-settings.wpome .subnav.subpage { + display: none; +} +@media (max-width: 1100px) { + #as3cf-settings.wpome .subnav.subpage { + display: flex; + } +} +#as3cf-settings.wpome .subnav li { + font-size: 0.875rem; + font-weight: 500; + padding-bottom: 1rem; + margin: 0 2rem 0 0; +} +#as3cf-settings.wpome .subnav li.step-arrow { + all: unset; + display: flex; + align-self: flex-start; + margin: 0 2rem 0 0; +} +#as3cf-settings.wpome .subnav li.has-icon { + margin: 0 0.5625rem 0 0; +} +#as3cf-settings.wpome .subnav li a { + color: var(--as3cf-color-gray-600); + text-decoration: none; +} +#as3cf-settings.wpome .subnav li a:hover { + color: var(--as3cf-color-primary-600); +} +#as3cf-settings.wpome .subnav li a:focus, #as3cf-settings.wpome .subnav li a:active { + box-shadow: none; + outline: none; +} +#as3cf-settings.wpome .subnav li a:focus-visible { + color: var(--as3cf-color-primary-600); + box-shadow: 0 0 0 1.5px var(--as3cf-wordpress-background-color), 0 0 0 3.5px var(--as3cf-color-primary-400); + border-radius: 3px; + outline: none; +} +#as3cf-settings.wpome .subnav li.focus, #as3cf-settings.wpome .subnav li.hover { + border-bottom: 3px solid var(--as3cf-color-gray-600); +} +#as3cf-settings.wpome .subnav li.active { + border-bottom: 3px solid var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome .subnav li.active a { + color: var(--as3cf-active-nav-color); +} +#as3cf-settings.wpome .lite-wrapper .subnav { + display: flex !important; +} +#as3cf-settings.wpome.wpomepro > .header .header-wrapper { + width: 1220px; + max-width: 1220px; +} +#as3cf-settings.wpome.wpomepro > .nav div.items { + max-width: 1220px; +} + +#as3cf-settings.wpome .notifications.wrapper { + margin: 0 0 2rem 0; +} +#as3cf-settings.wpome .notification { + box-sizing: border-box; + padding: 0; + margin: 0 0 0.5rem 0; + box-shadow: 0 2px 8px -5px rgba(50, 50, 93, 0.25), 0px 8px 5px -12px rgba(0, 0, 0, 0.3); + border-radius: 8px; + display: flex; + flex-direction: column; + /* Probably redundant now, but keeping until verified post 3.0 release. */ +} +#as3cf-settings.wpome .notification .content { + box-sizing: border-box; + padding: 10px 14px 10px 12px; + margin: 0; + display: flex; + align-items: center; + gap: 14px; +} +#as3cf-settings.wpome .notification .content div.icon.type { + margin: 0; + padding: 0; + width: 28px; + height: 28px; + border-radius: 6px; + flex: 0 0 28px; + align-self: flex-start; + display: flex; + align-items: center; + justify-content: center; +} +#as3cf-settings.wpome .notification .content div.icon.type.in-panel { + align-self: auto; +} +#as3cf-settings.wpome .notification .content div.icon.type img.icon.type { + width: 16px; + height: 16px; +} +#as3cf-settings.wpome .notification .content h3 { + margin: 0 0.5rem 0.5rem 0; + font-size: 0.8125rem; + line-height: 1.3rem; + font-weight: 600; + color: var(--as3cf-color-gray-900); + width: 100%; +} +#as3cf-settings.wpome .notification .content p { + margin: 0 0.5rem 0.5rem 0; + font-size: 0.8125rem; + line-height: 1.3rem; + color: var(--as3cf-color-gray-900); +} +#as3cf-settings.wpome .notification .content p li { + list-style: disc; +} +#as3cf-settings.wpome .notification .content p:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .notification .content code { + padding: 0.05rem 0.4rem; + margin: 0 0.1rem; + border-radius: 5px; + line-height: 1; +} +#as3cf-settings.wpome .notification .content .body { + margin: 0; + padding: 0; + width: 100%; + overflow-wrap: anywhere; + display: flex; + flex-direction: column; +} +#as3cf-settings.wpome .notification .content .body .heading { + display: flex; + flex-direction: row; + align-items: center; +} +#as3cf-settings.wpome .notification .content .body .heading p { + width: 100%; +} +#as3cf-settings.wpome .notification .content .body .heading .close { + flex: 0 0 16px; + width: 16px; + height: 16px; + min-width: 16px; + min-height: 16px; + background: url(../img/icon/close.svg) no-repeat; + border: none; + border-radius: 100%; + cursor: pointer; +} +#as3cf-settings.wpome .notification .content .body .links a { + margin-right: 0.75rem; +} +#as3cf-settings.wpome .notification.multiline .content { + padding: 14px 14px 14px 12px; +} +#as3cf-settings.wpome .notification.multiline .content .body .heading .close { + align-self: first baseline; +} +#as3cf-settings.wpome .notification.multiline .content.in-panel { + padding: 0.875rem 1.5rem 0.875rem 1.5rem; + gap: 16px; +} +#as3cf-settings.wpome .notification.inline.multiline .content { + padding: 16px; + gap: 16px; +} +#as3cf-settings.wpome .notification.inline.multiline .content div.icon.type { + margin-top: 4px; +} +#as3cf-settings.wpome .notification.expandable .heading { + gap: 8px; +} +#as3cf-settings.wpome .notification.expandable.expanded .details { + max-height: 14.5rem; + overflow-y: auto; + margin: 0; + padding: 0; +} +#as3cf-settings.wpome .notification.expandable.expanded .details .item { + margin: 0; + padding: 1.5rem; + line-height: 1.4; + display: flex; + flex-direction: column; +} +#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary { + margin-bottom: 0.75rem; + display: flex; + align-items: center; + width: 100%; +} +#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary .title { + width: 100%; + font-weight: 600; +} +#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail { + margin: 0; + padding: 0; +} +#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail > li { + padding: 0.3rem 0 0; + line-height: 1.4; +} +#as3cf-settings.wpome .notification.expandable button { + color: var(--as3cf-link-color); + background-color: rgba(17, 17, 17, 0.04); + border: 1px solid rgba(17, 17, 17, 0.08); +} +#as3cf-settings.wpome .notification.expandable button.btn-expandable { + width: 22px; + height: 22px; + min-width: 22px; + min-height: 22px; + background-size: 11px; + border-radius: 11px; + filter: invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%); +} +#as3cf-settings.wpome .notification.expandable button.btn-expandable:hover, #as3cf-settings.wpome .notification.expandable button.btn-expandable:focus, #as3cf-settings.wpome .notification.expandable button.btn-expandable:active { + filter: brightness(90%); +} +#as3cf-settings.wpome .notification.expandable button.dismiss { + box-sizing: border-box; + flex: 0 0 auto; + display: flex; + flex-direction: row; + align-items: center; + padding: 5px 10px; + gap: 4px; + border-radius: 6px; +} +#as3cf-settings.wpome .notification.expandable button.dismiss:before { + content: url(../img/icon/x.svg); + width: 7.5px; +} +#as3cf-settings.wpome .notification button:not(.btn-refresh):focus, #as3cf-settings.wpome .notification button:not(.btn-refresh):active { + filter: brightness(90%); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} +#as3cf-settings.wpome .notification.info { + background: var(--as3cf-notice-info-background-color); + border: 1px solid var(--as3cf-notice-info-border-color); +} +#as3cf-settings.wpome .notification.info div.icon.type { + background: var(--as3cf-notice-info-color); +} +#as3cf-settings.wpome .notification.info.expandable.expanded .details .item { + border-top: 1px solid rgba(46, 107, 222, 0.16); +} +#as3cf-settings.wpome .notification.success { + background: var(--as3cf-notice-success-background-color); + border: 1px solid var(--as3cf-notice-success-border-color); +} +#as3cf-settings.wpome .notification.success div.icon.type { + background: var(--as3cf-notice-success-color); +} +#as3cf-settings.wpome .notification.success.expandable.expanded .details .item { + border-top: 1px solid rgba(232, 99, 94, 0.16); +} +#as3cf-settings.wpome .notification.warning { + background: var(--as3cf-notice-warning-background-color); + border: 1px solid var(--as3cf-notice-warning-border-color); +} +#as3cf-settings.wpome .notification.warning div.icon.type { + background: var(--as3cf-notice-warning-color); +} +#as3cf-settings.wpome .notification.warning code { + background: var(--as3cf-notice-warning-code-background-color); +} +#as3cf-settings.wpome .notification.warning.expandable.expanded .details .item { + border-top: 1px solid rgba(99, 185, 105, 0.16); +} +#as3cf-settings.wpome .notification.error { + background: var(--as3cf-notice-error-background-color); + border: 1px solid var(--as3cf-notice-error-border-color); +} +#as3cf-settings.wpome .notification.error div.icon.type { + background: var(--as3cf-notice-error-color); +} +#as3cf-settings.wpome .notification.error.expandable.expanded .details .item { + border-top: 1px solid rgba(232, 99, 94, 0.16); +} +#as3cf-settings.wpome .notification.in-panel { + border-left: 0; + border-right: 0; + border-radius: 0; +} +#as3cf-settings.wpome .notification.wordpress { + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); +} +#as3cf-settings.wpome .notification.wordpress.info { + border-left: 5px solid var(--as3cf-wordpress-notice-info-color); +} +#as3cf-settings.wpome .notification.wordpress.success { + border-left: 5px solid var(--as3cf-wordpress-notice-success-color); +} +#as3cf-settings.wpome .notification.wordpress.warning { + border-left: 5px solid var(--as3cf-wordpress-notice-warning-color); +} +#as3cf-settings.wpome .notification.wordpress.error { + border-left: 5px solid var(--as3cf-wordpress-notice-error-color); +} + +#as3cf-settings.wpome .indicator, +#as3cf-settings.wpome .progress-bar { + height: 8px; + border-radius: 8px; +} +#as3cf-settings.wpome .progress-bar { + background: var(--as3cf-color-gray-300); +} +#as3cf-settings.wpome .progress-bar.stripe.animate, +#as3cf-settings.wpome .progress-bar.stripe > .indicator.animate { + background-size: 30px 30px; + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + animation: progress 5s linear infinite; +} +@keyframes progress { + from { + background-position: 0 0; + } + to { + background-position: -60px -60px; + } +} +#as3cf-settings.wpome .progress-bar.stripe.animate { + background-color: var(--as3cf-secondary-color); +} +#as3cf-settings.wpome .progress-bar .indicator { + display: block; + background-color: var(--as3cf-color-primary-500); + width: 40%; +} +#as3cf-settings.wpome .progress-bar .indicator.running { + background-color: var(--as3cf-color-secondary-500); +} +#as3cf-settings.wpome .progress-bar .indicator.complete { + background-color: var(--as3cf-complete-color); + width: 100%; +} + +/* + * Storage and Delivery Provider specific styles. + */ +#as3cf-settings.wpome .delivery.aws .gradient { + background: linear-gradient(225deg, rgba(255, 213, 213, 0.5) 0%, rgba(255, 213, 213, 0) 50%); +} +#as3cf-settings.wpome .delivery.cloudflare .gradient { + background: linear-gradient(225deg, rgba(255, 221, 192, 0.5) 0%, rgba(255, 221, 192, 0) 50%); +} +#as3cf-settings.wpome .delivery.do .gradient { + background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); +} +#as3cf-settings.wpome .delivery.gcp .gradient { + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); +} +#as3cf-settings.wpome .delivery.keycdn .gradient { + background: linear-gradient(225deg, rgba(4, 122, 237, 0.16) 0%, rgba(4, 122, 237, 0) 50%); +} +#as3cf-settings.wpome .delivery.other .gradient { + background: linear-gradient(225deg, rgba(228, 234, 241, 0.5) 0%, rgba(228, 234, 241, 0) 50%); +} +#as3cf-settings.wpome .delivery.stackpath .gradient { + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); +} +#as3cf-settings.wpome .storage.aws .gradient { + background: linear-gradient(225deg, rgba(255, 214, 197, 0.5) 0%, rgba(255, 214, 197, 0) 50%); +} +#as3cf-settings.wpome .storage.do .gradient { + background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); +} +#as3cf-settings.wpome .storage.gcp .gradient { + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); +} + +#as3cf-settings.wpome { + /** + * Misc + */ +} +#as3cf-settings.wpome .as3cf-sidebar { + width: 292px; + min-width: 292px; + height: max-content; + margin-left: 2.25rem; + margin-top: -0.5rem; +} +#as3cf-settings.wpome .as3cf-sidebar.lite { + background: white; + border-radius: 7px; + border: 1px solid #D9E1EB; + overflow: hidden; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} +#as3cf-settings.wpome .as3cf-sidebar .block { + padding: 20px; + border: 1px solid #ccc; +} +#as3cf-settings.wpome .as3cf-sidebar .subscribe { + border-top: none; + text-align: center; + padding: 40px 20px; +} +#as3cf-settings.wpome .as3cf-sidebar .subscribe h2 { + padding: 0; + margin: 0; + margin-bottom: 0.5em; + color: #666; + font-size: 17px; + line-height: 1.2em; + float: none; + text-transform: none; + font-weight: 500; +} +#as3cf-settings.wpome .as3cf-sidebar .subscribe .button { + width: 100% !important; + margin: 1rem auto; + text-transform: uppercase; + display: flex; + justify-content: center; + align-items: center; + text-align: center !important; +} +#as3cf-settings.wpome .as3cf-sidebar .subscribe p { + margin: 0; +} +#as3cf-settings.wpome .as3cf-sidebar .subscribe .discount-applied { + color: rgba(0, 0, 0, 0.4); + font-size: 12px; + line-height: 1.4em; + margin-top: 10px; +} +@media screen and (max-width: 1052px) { + #as3cf-settings.wpome .as3cf-sidebar { + position: relative; + top: auto; + right: auto; + } +} +#as3cf-settings.wpome .as3cf-active-provider, #as3cf-settings.wpome .as3cf-active-bucket { + font-weight: bold; + margin-right: 10px; +} +#as3cf-settings.wpome .as3cf-banner { + width: 292px; + height: 156px; + display: block; + background: #f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat; +} +#as3cf-settings.wpome .as3cf-banner:focus { + box-shadow: none; +} +#as3cf-settings.wpome .as3cf-upgrade-details { + background-color: #4e0d33; + padding: 10px 20px 20px 20px; + color: #eee; + font-size: 12.5px; + display: block; + text-decoration: none; +} +#as3cf-settings.wpome .as3cf-upgrade-details h1 { + font-size: 27px; + color: #f8cfae; + margin: 0 0 15px 0; + padding: 0; + font-weight: 300; + line-height: 1; +} +#as3cf-settings.wpome .as3cf-upgrade-details h2 { + font-size: 15px; + color: #F8CFAE; + margin: 0 0 30px 0; + font-weight: 600; + line-height: 20px; +} +#as3cf-settings.wpome .as3cf-upgrade-details p { + margin: 0; +} +#as3cf-settings.wpome .as3cf-upgrade-details a { + color: #eee; + font-weight: bold; + text-decoration: none; + font-size: 16px; + box-shadow: none; +} +#as3cf-settings.wpome .as3cf-upgrade-details a:hover { + color: #fff; +} +#as3cf-settings.wpome .as3cf-upgrade-details ul { + margin: 0 !important; + padding: 0; + list-style: none; +} +#as3cf-settings.wpome .as3cf-upgrade-details ul li { + margin-bottom: 15px; + line-height: 18px; + padding-left: 25px; + background: url(../img/sidebar/item-checked.svg) left center no-repeat; +} + +#as3cf-settings.wpome { + /* + * Add an external link icon after any link that uses "_blank" target. + * There's a couple of classes where we don't want the icon too. + */ +} +#as3cf-settings.wpome a, +#as3cf-settings.wpome button, +#as3cf-settings.wpome h1, +#as3cf-settings.wpome h2, +#as3cf-settings.wpome h3, +#as3cf-settings.wpome h4, +#as3cf-settings.wpome h5, +#as3cf-settings.wpome input, +#as3cf-settings.wpome li, +#as3cf-settings.wpome p, +#as3cf-settings.wpome pre, +#as3cf-settings.wpome select, +#as3cf-settings.wpome span, +#as3cf-settings.wpome textarea { + letter-spacing: 0.25px; + line-height: 1; + margin: 0; +} +#as3cf-settings.wpome li { + list-style: none; +} +#as3cf-settings.wpome .semibold { + font-weight: 600; +} +#as3cf-settings.wpome .bold { + font-weight: 700; +} +#as3cf-settings.wpome p { + font-size: 0.875rem; + color: var(--as3cf-color-gray-900); + font-weight: 400; +} +#as3cf-settings.wpome .page-title { + margin-bottom: 3rem; +} +#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):after { + box-sizing: border-box; + content: "\f504"; + display: inline-block; + font-family: "dashicons", emoji; + font-size: larger; + text-decoration: none; + vertical-align: sub; + margin-left: 0.2rem; + margin-right: -1rem; +} +#as3cf-settings.wpome .link { + font-size: 0.8125rem; + color: #0073AA; +} +#as3cf-settings.wpome .link:hover { + filter: brightness(115%); +} +#as3cf-settings.wpome pre, #as3cf-settings.wpome textarea.pre { + background: var(--as3cf-code-background); + border: 1px solid #D2CFCF; + border-radius: 6px; + padding: 1rem 1.2rem; + display: flex; + flex: 1; + font-size: 0.8125rem; + line-height: 1.6; + color: var(--as3cf-color-white); + font-weight: 400; + margin: 0 0 1.5rem; + box-sizing: border-box; + width: 100%; + overflow-y: scroll; + /* Standards compliant scrollbar (future) */ + /* + scrollbar-color: var(--as3cf-secondary-color) var(--as3cf-code-background); + scrollbar-width: 12px; + */ + /* Ye olde webkit scrollbar */ +} +#as3cf-settings.wpome pre::-webkit-scrollbar, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar { + width: 12px; +} +#as3cf-settings.wpome pre::-webkit-scrollbar-track, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-track { + background: var(--as3cf-code-background); + border-radius: 6px; +} +#as3cf-settings.wpome pre::-webkit-scrollbar-corner, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-corner { + background-color: var(--as3cf-code-background); + border-radius: 6px; +} +#as3cf-settings.wpome pre::-webkit-resizer, #as3cf-settings.wpome textarea.pre::-webkit-resizer { + background-color: var(--as3cf-code-background); + border-radius: 6px; +} +#as3cf-settings.wpome pre::-webkit-scrollbar-thumb, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-thumb { + background-color: var(--as3cf-secondary-color); + border: 1px solid var(--as3cf-code-background); + border-radius: 5px; +} + +#as3cf-settings.wpome .page-wrapper h2.page-title { + font-size: 0.9375rem; + color: var(--as3cf-color-gray-900); + font-weight: 500; + margin: 0 0 1.25rem; +} +#as3cf-settings.wpome .lite-wrapper { + display: flex; + max-width: 1110px; +} +@media (max-width: 1024px) { + #as3cf-settings.wpome .lite-wrapper .as3cf-sidebar { + display: none; + } +} +#as3cf-settings.wpome .lite-wrapper .page-wrapper { + width: 840px; +} +#as3cf-settings.wpome .lite-wrapper .page-wrapper.assets, #as3cf-settings.wpome .lite-wrapper .page-wrapper.tools { + width: 768px; +} +#as3cf-settings.wpome .lite-wrapper .page-wrapper.media { + width: 780px; + max-width: 780px; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper { + flex-direction: column !important; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .panel { + width: 100%; + max-width: 780px; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings { + margin: 0; + display: none; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings.active { + display: flex; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings { + margin: 0; + display: none; +} +#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings.active { + display: flex; +} +#as3cf-settings.wpome .lite-wrapper .panel.url-preview { + width: 100%; + max-width: 780px; +} +#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons { + width: calc(1110px + 4rem); + max-width: calc(1110px + 4rem); +} +@media screen and (max-width: 1024px) { + #as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons { + max-width: calc(780px + 4rem); + } +} +#as3cf-settings.wpome .media-page.wrapper { + margin: 0; + display: flex; + flex-direction: row; + justify-content: space-between; +} +@media (max-width: 1100px) { + #as3cf-settings.wpome .media-page.wrapper { + flex-direction: column; + } +} +@media (max-width: 1100px) { + #as3cf-settings.wpome .media-page.wrapper .panel { + max-width: 100%; + } +} +#as3cf-settings.wpome .media-page.wrapper .delivery-settings, +#as3cf-settings.wpome .media-page.wrapper .storage-settings { + display: flex; + flex-direction: column; +} +#as3cf-settings.wpome .media-page.wrapper .storage-settings { + margin: 0 2rem 0 0; +} +@media (max-width: 1100px) { + #as3cf-settings.wpome .media-page.wrapper .storage-settings { + margin: 0; + display: none; + } + #as3cf-settings.wpome .media-page.wrapper .storage-settings.active { + display: flex; + } +} +#as3cf-settings.wpome .media-page.wrapper .delivery-settings { + margin: 0 0 0 2rem; +} +@media (max-width: 1100px) { + #as3cf-settings.wpome .media-page.wrapper .delivery-settings { + margin: 0; + display: none; + } + #as3cf-settings.wpome .media-page.wrapper .delivery-settings.active { + display: flex; + } +} +#as3cf-settings.wpome .subpage.wrapper, #as3cf-settings.wpome .subpage.page-wrapper { + margin: 0; + max-width: 840px; +} +#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons { + gap: 1.5rem; + flex-wrap: wrap; +} +#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons .button-tab { + margin: 0; + flex: 0 0 auto; +} +#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .notification.notice-qsg { + width: 100%; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row { + margin-bottom: 1.25rem; + display: flex; + align-items: center; + width: 100%; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab { + width: 12rem; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab:not(.btn-disabled):hover ~ p, #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab.active ~ p { + font-weight: 600; + opacity: 1; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row p { + margin: 0; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .speed, +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .private-media { + margin-left: 1.5rem; + opacity: 0.7; + font-size: 0.8125rem; +} +#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .help { + margin-left: auto; + display: flex; +} +#as3cf-settings.wpome .licence-page.wrapper { + margin: 0 0 2rem; + max-width: 700px; + display: flex; + flex-direction: row; +} +#as3cf-settings.wpome .licence-page.wrapper.defined { + flex-direction: column; + align-items: flex-start; + gap: 0.5rem; +} +#as3cf-settings.wpome .licence-page.wrapper.defined .wp-config { + margin-left: 0; + flex: 0 0 auto; +} +#as3cf-settings.wpome .support-page.wrapper { + margin: 0; + max-width: 960px; +} +#as3cf-settings.wpome .support-page.wrapper .columns { + display: flex; + flex-direction: row; + justify-content: space-between; +} +#as3cf-settings.wpome .support-page.wrapper .licence-type { + margin-bottom: 3rem; +} +#as3cf-settings.wpome .support-page.wrapper .licence-type span { + font-weight: 700; + color: var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome .support-page.wrapper .lite-support { + margin-bottom: 2rem; +} +#as3cf-settings.wpome .support-page.wrapper .lite-support p { + line-height: 1.8; + font-weight: 400; +} +#as3cf-settings.wpome .assets-page.wrapper { + margin: 0; + max-width: 768px; +} +#as3cf-settings.wpome .assets-page.wrapper .assets-panel { + padding: 0.45rem 0; + max-width: 768px; +} +#as3cf-settings.wpome .assets-page.wrapper .notice { + margin-right: auto; +} +#as3cf-settings.wpome .assets-page.wrapper .settings { + margin-bottom: 2rem; + max-width: 100%; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.status { + padding: 1.75rem 0 0 4rem !important; + height: max-content; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.status img { + width: 18px; + height: 18px; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.status h4 { + margin-left: 0.8rem; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.status p { + margin: 0 !important; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked { + display: flex; + align-items: center; + margin: 0.7rem 0 0 4.7rem !important; + height: max-content; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked p { + font-size: 0.75rem; + margin: 0 !important; +} +#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked a { + margin-left: 1rem; + text-decoration: underline; +} +#as3cf-settings.wpome .tools-page.wrapper { + margin: 0; + max-width: 768px; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel { + padding: 0 0 0.45rem; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header { + height: 4.5rem !important; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header img { + margin-right: 2rem; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header button { + margin-left: auto; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header .emoji-party { + font-size: 28px; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body { + padding: 1.6rem 2.6rem 1.6rem 6.1rem; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress { + margin: 0; + display: flex; + flex-direction: column; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status { + display: flex; + flex-direction: row; + width: 100%; + align-items: baseline; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-900); + font-weight: 400; + margin: 0; + opacity: 80%; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 strong { + font-size: 1.0625rem; + font-weight: 600; + opacity: 100%; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .progress-bar { + width: 100%; + margin-top: 1rem; +} +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.desc { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-500); + line-height: 1.65; +} +#as3cf-settings.wpome .panel.url-preview { + max-width: 100%; +} +#as3cf-settings.wpome .panel.url-preview .panel-row { + /* Good for Firefox & Safari, but Chrome isn't ready for this yet, experimental in v105. + * @see https://developer.mozilla.org/en-US/docs/Web/CSS/contain#inline-size + */ + /* Required until Chrome gets contain: inline-size */ +} +#as3cf-settings.wpome .panel.url-preview .panel-row.desc p { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin: 1.5rem 0 0; +} +@supports (contain: inline-size) { + #as3cf-settings.wpome .panel.url-preview .panel-row.body { + contain: inline-size; + } +} +#as3cf-settings.wpome .panel.url-preview .panel-row dl { + margin: 1rem -1.5rem; + padding: 0 1.5rem 1rem; + display: flex; + gap: 0.5rem; + overflow-x: auto; +} +#as3cf-settings.wpome .panel.url-preview .panel-row dl div { + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + gap: 2px; + background: #E1E5E9; + border-radius: 6px; +} +#as3cf-settings.wpome .panel.url-preview .panel-row dl div dt { + margin: 0; + padding: 0.5rem 1rem 0.375rem; + white-space: nowrap; + font-weight: 510; +} +#as3cf-settings.wpome .panel.url-preview .panel-row dl div dd { + margin: 0; + padding: 0.407rem 1rem; + white-space: nowrap; + display: flex; + flex-direction: column; + align-items: center; + align-self: stretch; + background: #FAFAFA; + border: 1px solid #CBD5E0; + border-radius: 6px; + font-weight: 400; + font-size: 0.75rem; +} +@supports not (contain: inline-size) { + #as3cf-settings.wpome .panel.url-preview .panel-row dl { + contain: size; + width: 100%; + height: 68px; + } +} +#as3cf-settings.wpome .panel { + flex: 1 0 auto; + max-width: 575px; + margin-bottom: 3rem; + display: flex; + flex-direction: column; +} +#as3cf-settings.wpome .panel .heading { + display: flex; + flex-direction: row; + align-items: flex-start; + gap: 0.5rem; +} +#as3cf-settings.wpome .panel h2 { + font-size: 0.9375rem; + color: var(--as3cf-color-gray-900); + font-weight: 500; + margin: 0 0 1.25rem; +} +#as3cf-settings.wpome .panel .notification.inline { + margin-left: 5rem; + margin-right: 1.5rem; +} +#as3cf-settings.wpome .panel .panel-container { + flex: 1 0 auto; + display: flex; + flex-direction: column; + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); + box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.03); + border-radius: 6px; +} +#as3cf-settings.wpome .panel .panel-container .panel-row { + display: flex; + align-items: center; + padding: 0 1.5rem; +} +#as3cf-settings.wpome .panel .panel-container .panel-row.header { + height: 6rem; + border-bottom: 1px solid var(--as3cf-separator-color); +} +#as3cf-settings.wpome .panel .panel-container .panel-row.footer { + border-top: 1px solid var(--as3cf-separator-color); + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +#as3cf-settings.wpome .panel .panel-container .panel-row h3, #as3cf-settings.wpome .panel .panel-container .panel-row h4 { + font-size: 0.875rem; + font-weight: 500; + color: var(--as3cf-color-gray-800); + margin-left: 1rem; + margin-right: auto; +} +#as3cf-settings.wpome .panel .panel-container .panel-row .link { + font-size: 0.8125rem; + text-align: right; + line-height: 1.5; + margin-left: auto; + font-weight: 500; +} +#as3cf-settings.wpome .panel .panel-container .panel-row .link + .help { + margin-left: 1rem; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option { + margin-top: 1.5rem; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option h4 { + margin: 0 0 0 var(--as3cf-settings-option-indent); +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option a { + margin-left: auto; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc { + padding-right: var(--as3cf-settings-option-indent-right); +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); + margin-top: 0.57rem; + margin-bottom: 0.75rem; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input { + padding-right: var(--as3cf-settings-option-indent-right); +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text] { + margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); + margin-bottom: 1.2rem; + width: 100%; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text] + label { + visibility: collapse; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested { + margin: 0 0 0.125rem 5.25rem; + display: flex; + flex-direction: column; + border-left: 2px dotted #C2CBD3; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row { + height: max-content; + margin-bottom: 0; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row img { + margin-left: auto; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row h4 { + margin: 0; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.option { + margin-top: 1rem; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc { + height: max-content; + padding: 0.4rem 2.25rem 0.85rem 1.65rem; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc p { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin: 0; +} +#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.input input[type=text] { + margin-left: var(--as3cf-settings-input-indent); +} +#as3cf-settings.wpome .panel .panel-container .setting:last-of-type { + margin-bottom: 0.75rem; +} +#as3cf-settings.wpome .panel .panel-container hr { + height: 1px; + width: 100%; + border: 0; + margin: 0; + background: var(--as3cf-separator-color); +} +#as3cf-settings.wpome .panel.multi { + max-width: 840px; + margin-bottom: 2rem; +} +#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-switch { + margin-right: 1.25rem; +} +#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal label { + display: inline-flex; +} +#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal a { + margin-left: 0.3rem; + display: contents; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row { + height: auto; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row h3 { + margin: 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row p:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header { + height: 4rem; + display: flex; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header a { + margin-left: auto; + display: flex; + align-items: center; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider { + display: flex; + margin-left: auto; + align-items: center; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider a { + display: flex; + align-items: center; + margin-left: auto; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider img { + width: 24px; + height: 24px; + margin-right: 0.5rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .wp-config + .provider { + margin-left: 1rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body { + padding: 2.5rem; + align-items: flex-start; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row { + margin: 0; + width: 100%; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row.radio-btns { + margin-bottom: 2.2rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-desc { + margin: -0.35rem 0 1.25rem 2rem; + font-size: 12px; + font-weight: 500; + line-height: 1.4; + opacity: 0.75; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body.access-keys > p { + margin-bottom: 1.5rem !important; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body input[type=text], +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body textarea { + width: 100%; + margin-bottom: 1.5rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-name, #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .cdn-name { + width: 100%; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p { + margin: 0 0 1.5rem; + line-height: 1.5; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .link { + text-decoration: underline; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab img { + width: 24px; + height: 24px; + margin-right: 0.9rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab .checkmark { + width: 16px; + height: 16px; + position: absolute; + right: -19px; + top: -5px; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab p { + font-weight: 500; + margin-bottom: 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn { + margin-bottom: 0.8rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn.list { + margin: 0 1.5rem 0 0; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list { + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + width: 100%; + max-width: 580px; + padding: 0 0.4rem; + display: flex; + flex-direction: column; + height: 260px; + overflow-y: scroll; + box-sizing: border-box; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row { + display: flex; + align-items: center; + padding: 0.78rem 1.4rem; + background: #F6F7F8; + border-radius: 4px; + margin: 0 0 0.3rem; + cursor: pointer; + box-sizing: border-box; + flex: none; + /* TODO: Better styling for no buckets in browse list? */ +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.active { + background: rgba(236, 112, 94, 0.1); + border: 1px solid var(--as3cf-color-primary-500); + border-radius: 4px; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:first-of-type { + margin-top: 0.4rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:last-of-type { + margin-bottom: 0.4rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:nth-child(even) { + background: var(--as3cf-color-white); +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row p { + margin: 0; + font-size: 0.84375rem; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row .status { + margin-left: auto; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.nothing-found { + cursor: default; + justify-content: center; + align-items: center; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .new-bucket-details { + display: flex; + flex-direction: column; + box-sizing: border-box; + margin-right: 1.8rem; + flex: 5; +} +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region { + width: 30%; + flex: 3; + margin-left: auto; + margin-bottom: 1.5rem; + box-sizing: border-box; +} +#as3cf-settings.wpome .panel.flyout { + position: absolute; + top: 50px; + right: 0; + min-width: 384px; + z-index: 99; + cursor: default; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header { + height: auto; + padding: 1rem 1.5rem; + align-items: center; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header h3 { + font-size: 13px; + font-weight: 600; + flex: 1 1 auto; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary { + padding: 0; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table { + width: 100%; + border-collapse: collapse; + /* Indent the columns. */ + /* Table header has different styling and vertical padding. */ + /* Top and bottom rows have different vertical padding than between rows. */ +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td { + padding: 0 0 1rem 2rem; + color: var(--as3cf-color-gray-800); + font-size: 12px; + text-align: left; + /* Make title column cell's width stretch, numerics are compact. */ + width: 100%; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:first-of-type, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:first-of-type { + padding-left: 1.5rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:last-of-type, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:last-of-type { + padding-right: 1.5rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead { + background-color: var(--as3cf-color-gray-100); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr { + border-bottom: 1px solid var(--as3cf-separator-color); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr th { + padding-top: 10px; + padding-bottom: 10px; + color: var(--as3cf-color-gray-700); + font-weight: 500; + font-size: 10px; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:first-of-type td, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:first-of-type td { + padding-top: 1rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:last-of-type td, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:last-of-type td { + padding-bottom: 1rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot { + /* + * Hack in an indented border even though table header has + * full width background and borders, without using extra + * cells, and retaining relationship between header + * and main body columns. + * + * PhpStorm will complain that there's no colours here, but there are! + */ + background-image: linear-gradient(var(--as3cf-separator-color), var(--as3cf-separator-color)); + background-repeat: no-repeat; + background-size: calc(100% - 1.5rem - 1.5rem) 1px; + background-position: 1.5rem 0; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot td { + font-weight: 500; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table .numeric { + text-align: right; + width: max-content; + min-width: max-content; + white-space: nowrap; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table a { + color: var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer { + padding: 1.5rem; + display: flex; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell { + border-top: 1px solid var(--as3cf-color-primary-100); + background-color: var(--as3cf-color-primary-50); + flex-direction: column; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell p { + margin-bottom: 0.5rem; + white-space: nowrap; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell .button { + margin: 0; + width: 100%; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining { + background-color: var(--as3cf-color-gray-100); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining button { + flex: 100%; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence { + display: flex; + align-items: center; + padding-top: 10px; + padding-bottom: 10px; + background-color: var(--as3cf-color-gray-200); + font-size: 12px; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details { + flex: 1 1 auto; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details p { + color: var(--as3cf-color-gray-600); + line-height: 18px; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details .title { + color: var(--as3cf-color-gray-700); + font-size: 10px; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a { + color: var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a.upgrade { + margin-right: 1rem; +} +#as3cf-settings.wpome p.wp-config { + margin-left: auto; + padding: 0.4rem 0.75rem; + color: var(--as3cf-color-gray-500) !important; + background: rgba(113, 135, 154, 0.15) !important; + border: 1px solid rgba(113, 135, 154, 0.15) !important; + border-radius: 5px; + font-size: 0.84375rem; + font-weight: 500; + white-space: nowrap; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option p.wp-config + a { + margin-left: 1rem; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p.wp-config { + margin-right: 0; +} +#as3cf-settings.wpome .panel .panel-container .setting .panel-row label.input-label p.wp-config { + text-transform: none; + padding: 0.2rem 0.5rem; +} +#as3cf-settings.wpome .notice { + all: unset; + display: flex; + flex-direction: row; + background: rgba(56, 125, 189, 0.1); + border: 1px solid #AFC8ED; + border-radius: 5px; + padding: 0.8rem 1.25rem; + align-items: center; +} +#as3cf-settings.wpome .notice a, +#as3cf-settings.wpome .notice p { + margin: 0 !important; +} +#as3cf-settings.wpome .notice a { + display: inline-block; + text-decoration: underline; + font-size: 0.875rem !important; +} +#as3cf-settings.wpome .support-form { + width: 600px; +} +#as3cf-settings.wpome .support-form input[type=text], +#as3cf-settings.wpome .support-form select, +#as3cf-settings.wpome .support-form textarea { + width: 100%; + margin-bottom: 1rem; +} +#as3cf-settings.wpome .support-form textarea { + margin-bottom: 1.5rem; +} +#as3cf-settings.wpome .support-form .note { + font-size: 0.78125rem; + color: var(--as3cf-color-gray-500); + margin-bottom: 2.5rem; + line-height: 1.5; +} +#as3cf-settings.wpome .support-form .note.first { + margin-bottom: 0.5rem; +} +#as3cf-settings.wpome .support-form .actions { + display: flex; + width: 100%; + margin-bottom: 2rem; + align-items: center; +} +#as3cf-settings.wpome .support-form .actions .btn-primary { + margin-left: auto; +} +#as3cf-settings.wpome .diagnostic-info { + max-width: 600px; + padding: 0.25rem 0; +} +#as3cf-settings.wpome .diagnostic-info pre { + height: 14.375rem; + white-space: pre-wrap; + word-break: keep-all; +} +#as3cf-settings.wpome .diagnostic-info hr { + background: #D3D7DB; + height: 3px; + width: 100%; + border: 0; + margin-bottom: 3rem; +} +#as3cf-settings.wpome .diagnostic-info .btn-outline { + display: flex; + justify-content: center; + margin-left: auto; + width: max-content; +} +#as3cf-settings.wpome .documentation { + background: #E4E5E7; + border: 1px solid var(--as3cf-wordpress-border-color); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + padding: 2.5rem; + display: flex; + flex-direction: column; + margin: 1.4rem 0 0 3rem; + height: max-content; + width: 240px; + box-sizing: border-box; +} +#as3cf-settings.wpome .documentation h3 { + font-size: 1.03125rem; + color: var(--as3cf-color-gray-900); + letter-spacing: 0.15px; + font-weight: 500; + margin: 0 0 2.25rem; +} +#as3cf-settings.wpome .documentation a { + font-size: 0.875rem; + margin-bottom: 1.25rem; +} +#as3cf-settings.wpome .documentation a:last-of-type { + margin-bottom: 0; +} +#as3cf-settings.wpome .upsell.panel { + max-width: 768px; +} +#as3cf-settings.wpome .upsell .panel-container { + padding: 0; + flex-direction: row; + background: linear-gradient(136.01deg, rgba(255, 228, 205, 0.7) 0.94%, rgb(255, 255, 255) 33.33%); +} +#as3cf-settings.wpome .upsell .branding { + background: url(../../assets/img/brand/upsell-bunny.svg) no-repeat left bottom; + min-width: 280px; + border-radius: 5px; + margin-right: -1.25rem; +} +@media (max-width: 840px) { + #as3cf-settings.wpome .upsell .branding { + display: none; + } +} +#as3cf-settings.wpome .upsell .button { + margin: 1rem auto; + display: flex; + justify-content: center; + align-items: center; + text-align: center !important; +} + +/* + * Our CSS variables, namespaced so they can be used anywhere. + */ +:root { + --as3cf-code-type: consolas, monospace; + --as3cf-color-white: #FFF; + --as3cf-color-black: #000; + --as3cf-color-gray-50: #FCFDFD; + --as3cf-color-gray-100: #F9FAFB; + --as3cf-color-gray-200: #F2F4F7; + --as3cf-color-gray-300: #EAECF0; + --as3cf-color-gray-400: #D0D5DD; + --as3cf-color-gray-500: #98A2B3; + --as3cf-color-gray-600: #667085; + --as3cf-color-gray-700: #344054; + --as3cf-color-gray-800: #1D2939; + --as3cf-color-gray-900: #101828; + --as3cf-color-primary-50: #FDF1EF; + --as3cf-color-primary-100: #FBE2DF; + --as3cf-color-primary-200: #F7C6BF; + --as3cf-color-primary-300: #F4A99E; + --as3cf-color-primary-400: #F08D7E; + --as3cf-color-primary-500: #EC705E; + --as3cf-color-primary-600: #C15B4C; + --as3cf-color-primary-700: #96453A; + --as3cf-color-primary-800: #6B3027; + --as3cf-color-primary-900: #401A15; + --as3cf-color-secondary-50: #EFF8FF; + --as3cf-color-secondary-100: #D1E9FF; + --as3cf-color-secondary-200: #B2DDFF; + --as3cf-color-secondary-300: #84CAFF; + --as3cf-color-secondary-400: #52B1FD; + --as3cf-color-secondary-500: #2C90FA; + --as3cf-color-secondary-600: #1270EF; + --as3cf-color-secondary-700: #155CD3; + --as3cf-color-secondary-800: #1749A9; + --as3cf-color-secondary-900: #184185; + --as3cf-secondary-color: #D8DDE2; + --as3cf-text-disabled: #98A2B3; + --as3cf-code-background: #102B44; + --as3cf-separator-color: #EBEFF3; + --as3cf-complete-color: #5BCB86; + --as3cf-active-nav-color: #4E0D34; + --as3cf-link-color: #0073AA; + --as3cf-wordpress-background-color: #F1F1F1; + --as3cf-wordpress-border-color: #D6D6D6; + --as3cf-wordpress-notice-info-color: #02A0D2; + --as3cf-notice-info-color: #2D69DA; + --as3cf-notice-info-border-color: #2E6BDE; + --as3cf-notice-info-background-color: #E7EFF9; + --as3cf-wordpress-notice-success-color: #45B450; + --as3cf-notice-success-color: #52AA59; + --as3cf-notice-success-border-color: #63B969; + --as3cf-notice-success-background-color: #EDF7EF; + --as3cf-wordpress-notice-warning-color: #FFBA00; + --as3cf-notice-warning-color: #F49C53; + --as3cf-notice-warning-border-color: #E29936; + --as3cf-notice-warning-background-color: #FDF8EB; + --as3cf-notice-warning-code-background-color: #FCECC6; + --as3cf-wordpress-notice-error-color: #DD3232; + --as3cf-notice-error-color: #DA5A39; + --as3cf-notice-error-border-color: #E8635E; + --as3cf-notice-error-background-color: #F7EEEB; + --as3cf-settings-ctrl-width: 36px; + --as3cf-settings-option-indent: 1.2rem; + --as3cf-settings-input-indent: 0; + --as3cf-settings-option-indent-right: 2.25rem; +} + +body.settings_page_amazon-s3-and-cloudfront { + background: var(--as3cf-wordpress-background-color); +} +body.settings_page_amazon-s3-and-cloudfront #wpcontent { + padding-left: 0 !important; +} +body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content > .notice { + display: none; +} +body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content .wpome .wpome-wrapper { + max-width: 1220px; + margin: 0 2rem 3rem 2rem; +} +body.settings_page_amazon-s3-and-cloudfront #wpfooter { + font-style: italic; +} + +.locked { + opacity: 0.55; +} + +.flex-row { + display: flex; + flex-direction: row; +} + +.flex-column { + display: flex; + flex-direction: column; +} + +.align-center { + align-items: center; +} + +.align-center { + align-items: center; +} + +.align-baseline { + align-items: baseline !important; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..660ef82 --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../sass/_buttons.scss","../sass/_icons.scss","../sass/_input.scss","../sass/_navigation.scss","../sass/_notifications.scss","../sass/_progress-bar.scss","../sass/_providers.scss","../sass/_sidebar.scss","../sass/_typography.scss","../sass/_ui.scss","../sass/_variables.scss","../sass/style.scss"],"names":[],"mappings":"AAKE;EACC;;AAID;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAKD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAEA;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;IACC;;;AAKH;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKH;AAAA;EAEC;;AAGD;EACC;EACA;EACA;EACA;;AAGC;EACC;;AAIF;EAEC;;AAGD;EAEC;;AAOD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;IACA;;;AAGD;EAjBD;IAkBE;IACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATD;IAUE;;;AAGD;EAbD;IAcE;;;AAGD;EACC;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AClSH;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;;AAMF;EACC;EACA;;AAEA;EACC;;AAKD;EACC;;AAIF;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;;AC7DH;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAMH;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAMH;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAKH;AAAA;EAEC;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAKD;EACC;EACA;EACA;;AAKF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;EACA;EACA;;AAEA;AAAA;EACC;;AAKH;EACC;AAEA;AACA;AAAA;AAAA;AAAA;AAKA;;AACA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAMF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAKC;EACC;EACA;EACA;;AAMH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;;ACpTH;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAKH;EACC;EACA;EACA;;AAIF;EACC;;AAMH;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;AAEA;EACC;;AAMJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAkEA;AAgBA;;AAhFA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;IACC;;EAED;IACC;;;AAIF;EACC;IACC;;;AAIF;EAtED;IAuEE;;;AAID;AAOC;;AANA;EACC;IACC;;;AAKF;EACC;IACC;;;AAMH;AAOC;;AANA;EACC;IACC;;;AAKF;EAEE;IACC;;EAGD;IACC;;;AAUP;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EAHD;IAIE;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAGA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EACC;;AAEA;EACC;;AAOH;EACC;;AAQA;EACC;EACA;;AAMD;EACC;;;AC9UH;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;AAiSA;;AA/RA;EACC;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAMF;EACC;;AAIE;EACC;;AAKH;EACC;EACA;;AAOF;EACC;EACA;;AAEA;EACC;;AAMF;EACC;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EAEA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAOL;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACC;;AAIF;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACC;EACA;;AAOH;EACC;EACA;EACA;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAID;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;ACjUH;AAAA;EAEC;EACA;;AAGD;EACC;;AAIC;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;IACC;;EAED;IACC;;;AAIF;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;ACnDL;AAAA;AAAA;AAQI;EACC;;AAKD;EACC;;AAKD;EACC;;AAKD;EACC;;AAKD;EACC;;AAKD;EACC;;AAKD;EACC;;AAQD;EACC;;AAKD;EACC;;AAKD;EACC;;;AChEJ;AAqEC;AAAA;AAAA;;AAlEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EA3DD;IA4DE;IACA;IACA;;;AAOF;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;;ACxIJ;AA2CC;AAAA;AAAA;AAAA;;AAzCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAcC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAQA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AAAA;AAAA;AAAA;AAKA;;AACA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;;;AChHD;EACC;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAEA;EACC;IACC;;;AAIF;EACC;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAKH;EACC;EACA;;AAIA;EACC;EACA;;AAEA;EAJD;IAKE;;;AAMJ;EACC;EACA;EACA;EACA;;AAEA;EAND;IAOE;;;AAIA;EADD;IAEE;;;AAIF;AAAA;EAEC;EACA;;AAGD;EACC;;AAEA;EAHD;IAIE;IACA;;EAEA;IACC;;;AAKH;EACC;;AAEA;EAHD;IAIE;IACA;;EAEA;IACC;;;AAMJ;EACC;EACA;;AAME;EACC;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAUA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGC;EACC;EACA;;AAKH;EACC;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;;AAQN;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAEA;EACC;EACA;;AAKH;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAIA;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAMJ;EACC;EACA;;AAGC;EACC;;AAGC;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAKH;EACC;EACA;;AAKH;EACC;EACA;EACA;;AAQL;EACC;;AAEA;AAQC;AAAA;AAAA;AA0DA;;AAjEA;EACC;EACA;EACA;EACA;;AAMD;EACC;IACC;;;AAIF;EACC;EACA;EAEA;EACA;EAEA;;AAEA;EACC;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACC;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;AAMH;EACC;IACC;IACA;IACA;;;AAOJ;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAIA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAOD;EACC;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAEA;EACC;EACA;EACA;;AAGA;EACC;;AAOJ;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAKD;EACC;;AAMJ;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAKF;EACC;EACA;;AAIE;EACC;;AAIA;EACC;;AAGD;EACC;EACA;;AAKH;EACC;;AAEA;EACC;;AAIA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAIF;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAKA;EACC;;AAIF;AAAA;EAEC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;;AAKA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA6BA;;AA3BA;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAID;EACC;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAOL;EACC;EACA;EACA;EACA;EACA;EACA;;AAKG;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAIF;EACC;;AAEA;EACC;EACA;AAaA;AASA;AAkBA;;AAtCA;EACC;EAEA;EACA;EACA;AAEA;EACA;;AAID;EACC;;AAGD;EACC;;AAID;EACC;;AAEA;EACC;;AAEA;EACC;EACA;EAEA;EACA;EACA;;AAQD;EACC;;AAKD;EACC;;AAKH;AACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIF;EACC;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIF;EACC;;AAEA;EACC;;AAcT;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQI;EACC;;AAKD;EACC;;AAKD;EACC;EACA;;AASN;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEC;;AAGD;EACC;EACA;EACA;;AAKF;EACC;;AAEA;AAAA;AAAA;EAGC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAMF;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;IACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;ACptCJ;AAAA;AAAA;AAGA;EAEC;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;;ACrED;EAEC;;AAEA;EACC;;AAKE;EACC;;AAGD;EACC;EACA;;AAMJ;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.min.css b/assets/css/style.min.css new file mode 100644 index 0000000..bf5461f --- /dev/null +++ b/assets/css/style.min.css @@ -0,0 +1 @@ +#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome input{transition:all .3s ease}#as3cf-settings.wpome a.button,#as3cf-settings.wpome button{font-weight:500;border-radius:6px;white-space:nowrap;min-width:4rem}#as3cf-settings.wpome a.button.btn-lg,#as3cf-settings.wpome button.btn-lg{font-size:.875rem;padding:.95rem 1.2rem;min-width:6rem}#as3cf-settings.wpome a.button.btn-md,#as3cf-settings.wpome button.btn-md{font-size:.875rem;padding:.75rem 1.05rem}#as3cf-settings.wpome a.button.btn-sm,#as3cf-settings.wpome button.btn-sm{font-size:.875rem;padding:.55rem .9rem}#as3cf-settings.wpome a.button.btn-xs,#as3cf-settings.wpome button.btn-xs{font-size:.7rem;padding:.4rem .6rem;min-width:3rem}#as3cf-settings.wpome .btn-row button.btn-primary,#as3cf-settings.wpome a.button.btn-primary,#as3cf-settings.wpome button.btn-primary{color:var(--as3cf-color-white);background:var(--as3cf-color-primary-500);border:1px solid rgba(0,0,0,.12)}#as3cf-settings.wpome a.button.btn-primary:hover,#as3cf-settings.wpome button.btn-primary:hover{background-color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .btn-row button.btn-outline,#as3cf-settings.wpome a.button.btn-outline,#as3cf-settings.wpome button.btn-outline{color:var(--as3cf-color-primary-500);background:0 0;border:1px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome a.button.btn-outline:hover,#as3cf-settings.wpome button.btn-outline:hover{color:var(--as3cf-color-primary-600);background-color:var(--as3cf-color-primary-50);border:1px solid var(--as3cf-color-primary-600)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus{border:1px solid var(--as3cf-color-primary-200)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome a.button.btn-primary:active,#as3cf-settings.wpome a.button.btn-primary:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus,#as3cf-settings.wpome button.btn-primary:active,#as3cf-settings.wpome button.btn-primary:focus{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);outline:0}#as3cf-settings.wpome .btn-row button.btn-disabled,#as3cf-settings.wpome a.button.btn-disabled,#as3cf-settings.wpome button.btn-disabled{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400);opacity:.5;cursor:default}#as3cf-settings.wpome a.button.btn-disabled.btn-primary,#as3cf-settings.wpome button.btn-disabled.btn-primary{background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome a.button.btn-disabled:hover,#as3cf-settings.wpome button.btn-disabled:hover{box-shadow:none!important}#as3cf-settings.wpome a.button.btn-disabled.btn-outline:hover,#as3cf-settings.wpome button.btn-disabled.btn-outline:hover{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome a.button.btn-expandable,#as3cf-settings.wpome button.btn-expandable{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 auto;width:24px;height:24px;min-width:24px;min-height:24px;background:url(../img/icon/arrow.svg) no-repeat center/18px;border-radius:12px;transition:all .2s ease-in}#as3cf-settings.wpome a.button.btn-expandable.btn-expanded,#as3cf-settings.wpome button.btn-expandable.btn-expanded{transform:rotate(180deg)}#as3cf-settings.wpome a.button.btn-expandable:active,#as3cf-settings.wpome a.button.btn-expandable:focus,#as3cf-settings.wpome a.button.btn-expandable:hover,#as3cf-settings.wpome button.btn-expandable:active,#as3cf-settings.wpome button.btn-expandable:focus,#as3cf-settings.wpome button.btn-expandable:hover{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.button.btn-refresh,#as3cf-settings.wpome button.btn-refresh{all:unset;display:flex;align-items:center;gap:.25rem;box-sizing:border-box;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:500;color:var(--as3cf-link-color);border-radius:3px;padding:.1rem;margin-right:0 -.1rem;text-decoration:underline}#as3cf-settings.wpome a.button.btn-refresh img.refresh,#as3cf-settings.wpome button.btn-refresh img.refresh{width:12px;height:12px;min-width:12px;min-height:12px}#as3cf-settings.wpome a.button.btn-refresh img.refresh.refreshing,#as3cf-settings.wpome button.btn-refresh img.refresh.refreshing{animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}#as3cf-settings.wpome a.button.btn-refresh.btn-refreshing,#as3cf-settings.wpome button.btn-refresh.btn-refreshing{cursor:default}#as3cf-settings.wpome a.button.btn-refresh:active,#as3cf-settings.wpome a.button.btn-refresh:focus,#as3cf-settings.wpome a.button.btn-refresh:hover,#as3cf-settings.wpome button.btn-refresh:active,#as3cf-settings.wpome button.btn-refresh:focus,#as3cf-settings.wpome button.btn-refresh:hover{text-decoration:none!important;box-shadow:0}#as3cf-settings.wpome a.button.btn-refresh:focus-visible,#as3cf-settings.wpome button.btn-refresh:focus-visible{text-decoration:none;box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.button.btn-refresh:disabled,#as3cf-settings.wpome button.btn-refresh:disabled{color:var(--as3cf-color-gray-800);text-decoration:none}#as3cf-settings.wpome a,#as3cf-settings.wpome button{cursor:pointer}#as3cf-settings.wpome .btn-row{width:100%;display:flex;flex-direction:row;margin:2.5rem 0 2.5rem 0}#as3cf-settings.wpome .btn-row .buttons-left .btn-primary{margin-left:.85rem}#as3cf-settings.wpome .btn-row .btn-outline{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-primary{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-outline+.btn-primary{margin-left:.85rem}#as3cf-settings.wpome .buttons-right{margin-left:auto;flex:0 0 auto}#as3cf-settings.wpome .buttons-right .pause{margin-right:.7rem}#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 160px);display:flex;flex-direction:row;background:var(--as3cf-color-white);box-shadow:0 -11px 24px 0 rgba(151,146,175,.2);box-sizing:border-box;z-index:9999;position:fixed;bottom:0;left:160px}@media screen and (max-width:960px){#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 36px);left:36px}}@media screen and (max-width:782px){#as3cf-settings.wpome .fixed-cta-block{width:100%;left:0}}#as3cf-settings.wpome .fixed-cta-block .buttons{margin:0;padding:1rem 2rem;display:flex;justify-content:flex-end;width:calc(1220px + 4rem);max-width:calc(1220px + 4rem);box-sizing:border-box}@media screen and (max-width:1100px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}@media screen and (max-width:872px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:100%}}#as3cf-settings.wpome .fixed-cta-block .buttons .btn-outline{margin-right:1rem}#as3cf-settings.wpome .button-tab{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);border-radius:6px;height:3rem;display:flex;flex-direction:row;align-items:center;padding:0 1.3rem;text-decoration:none;margin-right:1.5rem;position:relative;transition-duration:.15s;transition-timing-function:linear}#as3cf-settings.wpome .button-tab.active{border:1px solid var(--as3cf-color-primary-500);box-shadow:0 2px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:active,#as3cf-settings.wpome .button-tab:focus{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .button-tab.btn-disabled{cursor:default}#as3cf-settings.wpome .button-tab.btn-disabled:hover{box-shadow:none}#as3cf-settings.wpome a.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome a.help:active,#as3cf-settings.wpome a.help:focus,#as3cf-settings.wpome a.help:hover{filter:brightness(90%);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.help .icon.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome .icon.status{width:16px;height:16px}#as3cf-settings.wpome .icon.status:hover{filter:brightness(90%)}#as3cf-settings.wpome .icon.close:hover{filter:brightness(90%)}#as3cf-settings.wpome .icon.bucket{width:18px;height:18px;margin-right:1.4rem}#as3cf-settings.wpome .icon.region{width:18px;height:18px}#as3cf-settings.wpome .icon.notice-icon{width:24px;height:24px;margin-right:.8rem}#as3cf-settings.wpome .icon.notice-icon.assets-wizard{margin-top:-2px}#as3cf-settings.wpome label{font-size:.875rem;color:var(--as3cf-color-gray-900);cursor:pointer;display:flex;align-items:center}#as3cf-settings.wpome .disabled>label{cursor:default}#as3cf-settings.wpome input[type=checkbox],#as3cf-settings.wpome input[type=radio]{all:unset;box-sizing:border-box;background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);width:18px;height:18px;min-width:18px;min-height:18px;margin:0 .85rem 0 0;padding:0}#as3cf-settings.wpome input[type=checkbox]:disabled,#as3cf-settings.wpome input[type=checkbox]:disabled:hover,#as3cf-settings.wpome input[type=radio]:disabled,#as3cf-settings.wpome input[type=radio]:disabled:hover{box-shadow:none}#as3cf-settings.wpome input[type=checkbox]:disabled:checked,#as3cf-settings.wpome input[type=checkbox]:disabled:hover:checked,#as3cf-settings.wpome input[type=radio]:disabled:checked,#as3cf-settings.wpome input[type=radio]:disabled:hover:checked{color:var(--as3cf-color-gray-400);background-color:var(--as3cf-color-gray-200);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome input[type=checkbox]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=checkbox]:disabled:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:not(:checked){background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300)}#as3cf-settings.wpome input[type=radio]{border-radius:100%}#as3cf-settings.wpome input[type=radio]:checked{border:1px solid var(--as3cf-color-secondary-700);background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center}#as3cf-settings.wpome input[type=radio]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=radio]:checked::before{content:none}#as3cf-settings.wpome input[type=radio]:hover{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=radio]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome input[type=checkbox]{border-radius:3px;margin-top:-2px}#as3cf-settings.wpome input[type=checkbox]:checked{background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center/75%;border:1px solid var(--as3cf-color-secondary-600)}#as3cf-settings.wpome input[type=checkbox]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=checkbox]:checked::before{content:none}#as3cf-settings.wpome input[type=checkbox]:hover{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=checkbox]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome .checkbox,#as3cf-settings.wpome .radio-btn{display:flex;flex-direction:row;align-items:center;margin-bottom:.75rem}#as3cf-settings.wpome .checkbox:last-of-type,#as3cf-settings.wpome .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .checkbox label{line-height:1;display:flex;align-items:center}#as3cf-settings.wpome input[type=text],#as3cf-settings.wpome textarea{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:.95rem 1rem;font-size:.875rem;color:var(--as3cf-color-gray-900);line-height:1.2;margin:0;box-sizing:border-box}#as3cf-settings.wpome input[type=text].licence-field,#as3cf-settings.wpome textarea.licence-field{width:510px;margin-right:.75rem!important;letter-spacing:.75px}#as3cf-settings.wpome input[type=text].licence-field::placeholder,#as3cf-settings.wpome textarea.licence-field::placeholder{letter-spacing:.25px}#as3cf-settings.wpome textarea{line-height:1.3!important}#as3cf-settings.wpome textarea::-webkit-scrollbar{width:12px}#as3cf-settings.wpome textarea::-webkit-scrollbar-track{background:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-corner{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-resizer{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-color-white);border-radius:5px}#as3cf-settings.wpome select{all:unset;background:var(--as3cf-color-white) url(../img/icon/arrow.svg) no-repeat calc(100% - 18px) 50%;border:1px solid var(--as3cf-color-gray-400);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:0 1rem!important;font-size:.875rem!important;color:var(--as3cf-color-gray-900);line-height:1.2!important;margin:0;box-sizing:border-box;cursor:pointer;appearance:none;height:46px!important;display:flex;align-items:center}#as3cf-settings.wpome input::placeholder,#as3cf-settings.wpome select::placeholder,#as3cf-settings.wpome textarea::placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:hover,#as3cf-settings.wpome select:hover,#as3cf-settings.wpome textarea:hover{border:1px solid var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:active,#as3cf-settings.wpome input:focus,#as3cf-settings.wpome select:active,#as3cf-settings.wpome select:focus,#as3cf-settings.wpome textarea:active,#as3cf-settings.wpome textarea:focus{box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input:disabled,#as3cf-settings.wpome select:disabled,#as3cf-settings.wpome textarea:disabled{cursor:default}#as3cf-settings.wpome input.disabled,#as3cf-settings.wpome select.disabled,#as3cf-settings.wpome textarea.disabled{color:var(--as3cf-color-gray-500);background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300);cursor:default}#as3cf-settings.wpome .input-label{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.3px}#as3cf-settings.wpome .input-error{color:var(--as3cf-wordpress-notice-error-color);font-weight:400}#as3cf-settings.wpome .panel div.setting .input-error{margin-left:5rem;margin-right:1.5rem;margin-bottom:1rem}#as3cf-settings.wpome .toggle-switch{display:flex;align-items:center}#as3cf-settings.wpome .toggle-switch input[type=checkbox]{all:unset;height:0;width:0;border:none!important}#as3cf-settings.wpome .toggle-switch label{box-sizing:border-box;cursor:pointer;text-indent:-9999px;width:36px;height:20px;background:var(--as3cf-color-gray-400);border:none;border-radius:100px;display:block;position:relative}#as3cf-settings.wpome .toggle-switch label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--as3cf-color-white);border-radius:100%;transition:.3s;box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .toggle-switch input:checked+label{background:var(--as3cf-complete-color);transition:.3s}#as3cf-settings.wpome .toggle-switch input:checked+label:after{left:calc(100% - 2px);transform:translateX(-100%)}#as3cf-settings.wpome .toggle-switch label:active:after{width:26px}#as3cf-settings.wpome .toggle-switch input:active+label,#as3cf-settings.wpome .toggle-switch input:focus+label{border:none;box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .toggle-switch input:disabled+label{cursor:default;background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome .toggle-switch input:disabled+label:after{background:var(--as3cf-color-gray-100)}#as3cf-settings.wpome>.header{padding:0 2rem;background-color:#ffe4cd;display:flex;align-items:center;height:96px}#as3cf-settings.wpome>.header .header-wrapper{width:1110px;max-width:1110px;height:100%;background-image:url("../img/brand/ome-branding-transparent.svg");background-repeat:no-repeat;background-size:contain;background-position:center top;display:flex;align-items:center}#as3cf-settings.wpome>.header .header-wrapper h1{font-size:1.3125rem;font-weight:500;color:#490d32}#as3cf-settings.wpome>.header .header-wrapper .medallion{filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, .15));margin-right:1rem;width:52px;height:52px}#as3cf-settings.wpome>.header .header-wrapper .licence{display:flex;flex-direction:column;margin-left:auto}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type{color:#eb422d;display:flex;align-items:center;justify-content:flex-end}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a{font-size:.825rem;font-weight:500;margin-left:.6rem;text-decoration:underline;color:var(--as3cf-color-primary-500)!important}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a:hover{filter:brightness(105%)}#as3cf-settings.wpome>.header .header-wrapper .licence p{font-size:.8125rem;color:#4d443d;margin:.5rem 0 0}#as3cf-settings.wpome>.header .header-wrapper a.button,#as3cf-settings.wpome>.header .header-wrapper button{text-transform:uppercase}#as3cf-settings.wpome div.nav{width:100%;margin:0 auto 2.5rem 0;background:var(--as3cf-color-white);border-bottom:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome div.nav div.items{max-width:1110px;display:flex;flex-direction:row;align-items:baseline;padding:0 2rem}#as3cf-settings.wpome div.nav div.items ul.nav{display:flex;flex-direction:row;align-items:baseline;margin:0;padding:1.5rem 2rem 0 0;font-size:.75rem;font-weight:500;text-transform:uppercase}#as3cf-settings.wpome div.nav div.items ul.nav li{margin-right:1.75rem;padding:.6rem .2rem .65rem;border-bottom:3px solid #fff}#as3cf-settings.wpome div.nav div.items ul.nav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome div.nav div.items ul.nav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome div.nav div.items ul.nav li a:active,#as3cf-settings.wpome div.nav div.items ul.nav li a:focus{box-shadow:none}#as3cf-settings.wpome div.nav div.items ul.nav li a:focus-visible{color:var(--as3cf-color-primary-600);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome div.nav div.items ul.nav li.focus,#as3cf-settings.wpome div.nav div.items ul.nav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome div.nav div.items ul.nav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome div.nav div.items ul.nav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper{display:flex;flex-direction:row;align-items:center;margin-left:auto;text-decoration:none;gap:.5rem;align-self:stretch;min-width:20px}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper:focus{box-shadow:none;outline:0}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .nav-status{height:100%;display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:20px;cursor:pointer}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p{font-size:.75rem}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p.status-text{flex:0 0 max-content}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper>p{cursor:pointer}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar{cursor:pointer;width:200px}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper button{flex:0 0 max-content}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running{cursor:pointer;display:none}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running img{height:42px}@media (max-width:1120px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper>button:not(.btn-expandable){display:none}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running{display:block}}@media (max-width:700px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar{display:none}}@media (max-width:640px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper{display:none}}@media (max-width:720px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete .progress-bar{display:none}}@media (max-width:670px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete img.icon.type{display:none}}@media (max-width:800px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .progress-bar{display:none}}@media (max-width:740px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text strong{font-size:1.1rem}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text span{display:none}}#as3cf-settings.wpome .subnav{display:flex;border-bottom:1px solid var(--as3cf-wordpress-border-color);padding:0;align-items:baseline;margin:0 0 3rem}#as3cf-settings.wpome .subnav.subpage{display:none}@media (max-width:1100px){#as3cf-settings.wpome .subnav.subpage{display:flex}}#as3cf-settings.wpome .subnav li{font-size:.875rem;font-weight:500;padding-bottom:1rem;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li.step-arrow{all:unset;display:flex;align-self:flex-start;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li.has-icon{margin:0 .5625rem 0 0}#as3cf-settings.wpome .subnav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome .subnav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .subnav li a:active,#as3cf-settings.wpome .subnav li a:focus{box-shadow:none;outline:0}#as3cf-settings.wpome .subnav li a:focus-visible{color:var(--as3cf-color-primary-600);box-shadow:0 0 0 1.5px var(--as3cf-wordpress-background-color),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome .subnav li.focus,#as3cf-settings.wpome .subnav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome .subnav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome .subnav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome .lite-wrapper .subnav{display:flex!important}#as3cf-settings.wpome.wpomepro>.header .header-wrapper{width:1220px;max-width:1220px}#as3cf-settings.wpome.wpomepro>.nav div.items{max-width:1220px}#as3cf-settings.wpome .notifications.wrapper{margin:0 0 2rem 0}#as3cf-settings.wpome .notification{box-sizing:border-box;padding:0;margin:0 0 .5rem 0;box-shadow:0 2px 8px -5px rgba(50,50,93,.25),0 8px 5px -12px rgba(0,0,0,.3);border-radius:8px;display:flex;flex-direction:column}#as3cf-settings.wpome .notification .content{box-sizing:border-box;padding:10px 14px 10px 12px;margin:0;display:flex;align-items:center;gap:14px}#as3cf-settings.wpome .notification .content div.icon.type{margin:0;padding:0;width:28px;height:28px;border-radius:6px;flex:0 0 28px;align-self:flex-start;display:flex;align-items:center;justify-content:center}#as3cf-settings.wpome .notification .content div.icon.type.in-panel{align-self:auto}#as3cf-settings.wpome .notification .content div.icon.type img.icon.type{width:16px;height:16px}#as3cf-settings.wpome .notification .content h3{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;font-weight:600;color:var(--as3cf-color-gray-900);width:100%}#as3cf-settings.wpome .notification .content p{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;color:var(--as3cf-color-gray-900)}#as3cf-settings.wpome .notification .content p li{list-style:disc}#as3cf-settings.wpome .notification .content p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .notification .content code{padding:.05rem .4rem;margin:0 .1rem;border-radius:5px;line-height:1}#as3cf-settings.wpome .notification .content .body{margin:0;padding:0;width:100%;overflow-wrap:anywhere;display:flex;flex-direction:column}#as3cf-settings.wpome .notification .content .body .heading{display:flex;flex-direction:row;align-items:center}#as3cf-settings.wpome .notification .content .body .heading p{width:100%}#as3cf-settings.wpome .notification .content .body .heading .close{flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;background:url(../img/icon/close.svg) no-repeat;border:none;border-radius:100%;cursor:pointer}#as3cf-settings.wpome .notification .content .body .links a{margin-right:.75rem}#as3cf-settings.wpome .notification.multiline .content{padding:14px 14px 14px 12px}#as3cf-settings.wpome .notification.multiline .content .body .heading .close{align-self:first baseline}#as3cf-settings.wpome .notification.multiline .content.in-panel{padding:.875rem 1.5rem .875rem 1.5rem;gap:16px}#as3cf-settings.wpome .notification.inline.multiline .content{padding:16px;gap:16px}#as3cf-settings.wpome .notification.inline.multiline .content div.icon.type{margin-top:4px}#as3cf-settings.wpome .notification.expandable .heading{gap:8px}#as3cf-settings.wpome .notification.expandable.expanded .details{max-height:14.5rem;overflow-y:auto;margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item{margin:0;padding:1.5rem;line-height:1.4;display:flex;flex-direction:column}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary{margin-bottom:.75rem;display:flex;align-items:center;width:100%}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary .title{width:100%;font-weight:600}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail{margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail>li{padding:.3rem 0 0;line-height:1.4}#as3cf-settings.wpome .notification.expandable button{color:var(--as3cf-link-color);background-color:rgba(17,17,17,.04);border:1px solid rgba(17,17,17,.08)}#as3cf-settings.wpome .notification.expandable button.btn-expandable{width:22px;height:22px;min-width:22px;min-height:22px;background-size:11px;border-radius:11px;filter:invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%)}#as3cf-settings.wpome .notification.expandable button.btn-expandable:active,#as3cf-settings.wpome .notification.expandable button.btn-expandable:focus,#as3cf-settings.wpome .notification.expandable button.btn-expandable:hover{filter:brightness(90%)}#as3cf-settings.wpome .notification.expandable button.dismiss{box-sizing:border-box;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;padding:5px 10px;gap:4px;border-radius:6px}#as3cf-settings.wpome .notification.expandable button.dismiss:before{content:url(../img/icon/x.svg);width:7.5px}#as3cf-settings.wpome .notification button:not(.btn-refresh):active,#as3cf-settings.wpome .notification button:not(.btn-refresh):focus{filter:brightness(90%);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .notification.info{background:var(--as3cf-notice-info-background-color);border:1px solid var(--as3cf-notice-info-border-color)}#as3cf-settings.wpome .notification.info div.icon.type{background:var(--as3cf-notice-info-color)}#as3cf-settings.wpome .notification.info.expandable.expanded .details .item{border-top:1px solid rgba(46,107,222,.16)}#as3cf-settings.wpome .notification.success{background:var(--as3cf-notice-success-background-color);border:1px solid var(--as3cf-notice-success-border-color)}#as3cf-settings.wpome .notification.success div.icon.type{background:var(--as3cf-notice-success-color)}#as3cf-settings.wpome .notification.success.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.warning{background:var(--as3cf-notice-warning-background-color);border:1px solid var(--as3cf-notice-warning-border-color)}#as3cf-settings.wpome .notification.warning div.icon.type{background:var(--as3cf-notice-warning-color)}#as3cf-settings.wpome .notification.warning code{background:var(--as3cf-notice-warning-code-background-color)}#as3cf-settings.wpome .notification.warning.expandable.expanded .details .item{border-top:1px solid rgba(99,185,105,.16)}#as3cf-settings.wpome .notification.error{background:var(--as3cf-notice-error-background-color);border:1px solid var(--as3cf-notice-error-border-color)}#as3cf-settings.wpome .notification.error div.icon.type{background:var(--as3cf-notice-error-color)}#as3cf-settings.wpome .notification.error.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.in-panel{border-left:0;border-right:0;border-radius:0}#as3cf-settings.wpome .notification.wordpress{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome .notification.wordpress.info{border-left:5px solid var(--as3cf-wordpress-notice-info-color)}#as3cf-settings.wpome .notification.wordpress.success{border-left:5px solid var(--as3cf-wordpress-notice-success-color)}#as3cf-settings.wpome .notification.wordpress.warning{border-left:5px solid var(--as3cf-wordpress-notice-warning-color)}#as3cf-settings.wpome .notification.wordpress.error{border-left:5px solid var(--as3cf-wordpress-notice-error-color)}#as3cf-settings.wpome .indicator,#as3cf-settings.wpome .progress-bar{height:8px;border-radius:8px}#as3cf-settings.wpome .progress-bar{background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome .progress-bar.stripe.animate,#as3cf-settings.wpome .progress-bar.stripe>.indicator.animate{background-size:30px 30px;background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(255,255,255,.2)),color-stop(25%,rgba(255,255,255,.2)),color-stop(25%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,.2)),color-stop(75%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);background-image:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);animation:progress 5s linear infinite}@keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}#as3cf-settings.wpome .progress-bar.stripe.animate{background-color:var(--as3cf-secondary-color)}#as3cf-settings.wpome .progress-bar .indicator{display:block;background-color:var(--as3cf-color-primary-500);width:40%}#as3cf-settings.wpome .progress-bar .indicator.running{background-color:var(--as3cf-color-secondary-500)}#as3cf-settings.wpome .progress-bar .indicator.complete{background-color:var(--as3cf-complete-color);width:100%}#as3cf-settings.wpome .delivery.aws .gradient{background:linear-gradient(225deg,rgba(255,213,213,.5) 0,rgba(255,213,213,0) 50%)}#as3cf-settings.wpome .delivery.cloudflare .gradient{background:linear-gradient(225deg,rgba(255,221,192,.5) 0,rgba(255,221,192,0) 50%)}#as3cf-settings.wpome .delivery.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .delivery.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .delivery.keycdn .gradient{background:linear-gradient(225deg,rgba(4,122,237,.16) 0,rgba(4,122,237,0) 50%)}#as3cf-settings.wpome .delivery.other .gradient{background:linear-gradient(225deg,rgba(228,234,241,.5) 0,rgba(228,234,241,0) 50%)}#as3cf-settings.wpome .delivery.stackpath .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .storage.aws .gradient{background:linear-gradient(225deg,rgba(255,214,197,.5) 0,rgba(255,214,197,0) 50%)}#as3cf-settings.wpome .storage.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .storage.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .as3cf-sidebar{width:292px;min-width:292px;height:max-content;margin-left:2.25rem;margin-top:-.5rem}#as3cf-settings.wpome .as3cf-sidebar.lite{background:#fff;border-radius:7px;border:1px solid #d9e1eb;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .as3cf-sidebar .block{padding:20px;border:1px solid #ccc}#as3cf-settings.wpome .as3cf-sidebar .subscribe{border-top:none;text-align:center;padding:40px 20px}#as3cf-settings.wpome .as3cf-sidebar .subscribe h2{padding:0;margin:0;margin-bottom:.5em;color:#666;font-size:17px;line-height:1.2em;float:none;text-transform:none;font-weight:500}#as3cf-settings.wpome .as3cf-sidebar .subscribe .button{width:100%!important;margin:1rem auto;text-transform:uppercase;display:flex;justify-content:center;align-items:center;text-align:center!important}#as3cf-settings.wpome .as3cf-sidebar .subscribe p{margin:0}#as3cf-settings.wpome .as3cf-sidebar .subscribe .discount-applied{color:rgba(0,0,0,.4);font-size:12px;line-height:1.4em;margin-top:10px}@media screen and (max-width:1052px){#as3cf-settings.wpome .as3cf-sidebar{position:relative;top:auto;right:auto}}#as3cf-settings.wpome .as3cf-active-bucket,#as3cf-settings.wpome .as3cf-active-provider{font-weight:700;margin-right:10px}#as3cf-settings.wpome .as3cf-banner{width:292px;height:156px;display:block;background:#f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat}#as3cf-settings.wpome .as3cf-banner:focus{box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details{background-color:#4e0d33;padding:10px 20px 20px 20px;color:#eee;font-size:12.5px;display:block;text-decoration:none}#as3cf-settings.wpome .as3cf-upgrade-details h1{font-size:27px;color:#f8cfae;margin:0 0 15px 0;padding:0;font-weight:300;line-height:1}#as3cf-settings.wpome .as3cf-upgrade-details h2{font-size:15px;color:#f8cfae;margin:0 0 30px 0;font-weight:600;line-height:20px}#as3cf-settings.wpome .as3cf-upgrade-details p{margin:0}#as3cf-settings.wpome .as3cf-upgrade-details a{color:#eee;font-weight:700;text-decoration:none;font-size:16px;box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details a:hover{color:#fff}#as3cf-settings.wpome .as3cf-upgrade-details ul{margin:0!important;padding:0;list-style:none}#as3cf-settings.wpome .as3cf-upgrade-details ul li{margin-bottom:15px;line-height:18px;padding-left:25px;background:url(../img/sidebar/item-checked.svg) left center no-repeat}#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome h1,#as3cf-settings.wpome h2,#as3cf-settings.wpome h3,#as3cf-settings.wpome h4,#as3cf-settings.wpome h5,#as3cf-settings.wpome input,#as3cf-settings.wpome li,#as3cf-settings.wpome p,#as3cf-settings.wpome pre,#as3cf-settings.wpome select,#as3cf-settings.wpome span,#as3cf-settings.wpome textarea{letter-spacing:.25px;line-height:1;margin:0}#as3cf-settings.wpome li{list-style:none}#as3cf-settings.wpome .semibold{font-weight:600}#as3cf-settings.wpome .bold{font-weight:700}#as3cf-settings.wpome p{font-size:.875rem;color:var(--as3cf-color-gray-900);font-weight:400}#as3cf-settings.wpome .page-title{margin-bottom:3rem}#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):after{box-sizing:border-box;content:"\f504";display:inline-block;font-family:dashicons,emoji;font-size:larger;text-decoration:none;vertical-align:sub;margin-left:.2rem;margin-right:-1rem}#as3cf-settings.wpome .link{font-size:.8125rem;color:#0073aa}#as3cf-settings.wpome .link:hover{filter:brightness(115%)}#as3cf-settings.wpome pre,#as3cf-settings.wpome textarea.pre{background:var(--as3cf-code-background);border:1px solid #d2cfcf;border-radius:6px;padding:1rem 1.2rem;display:flex;flex:1;font-size:.8125rem;line-height:1.6;color:var(--as3cf-color-white);font-weight:400;margin:0 0 1.5rem;box-sizing:border-box;width:100%;overflow-y:scroll}#as3cf-settings.wpome pre::-webkit-scrollbar,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar{width:12px}#as3cf-settings.wpome pre::-webkit-scrollbar-track,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-track{background:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-corner,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-corner{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-resizer,#as3cf-settings.wpome textarea.pre::-webkit-resizer{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-thumb,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-code-background);border-radius:5px}#as3cf-settings.wpome .page-wrapper h2.page-title{font-size:.9375rem;color:var(--as3cf-color-gray-900);font-weight:500;margin:0 0 1.25rem}#as3cf-settings.wpome .lite-wrapper{display:flex;max-width:1110px}@media (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .as3cf-sidebar{display:none}}#as3cf-settings.wpome .lite-wrapper .page-wrapper{width:840px}#as3cf-settings.wpome .lite-wrapper .page-wrapper.assets,#as3cf-settings.wpome .lite-wrapper .page-wrapper.tools{width:768px}#as3cf-settings.wpome .lite-wrapper .page-wrapper.media{width:780px;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper{flex-direction:column!important}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .panel{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings.active{display:flex}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings.active{display:flex}#as3cf-settings.wpome .lite-wrapper .panel.url-preview{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{width:calc(1110px + 4rem);max-width:calc(1110px + 4rem)}@media screen and (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}#as3cf-settings.wpome .media-page.wrapper{margin:0;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper{flex-direction:column}}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .panel{max-width:100%}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings,#as3cf-settings.wpome .media-page.wrapper .storage-settings{display:flex;flex-direction:column}#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0 2rem 0 0}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .storage-settings.active{display:flex}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0 0 0 2rem}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .delivery-settings.active{display:flex}}#as3cf-settings.wpome .subpage.page-wrapper,#as3cf-settings.wpome .subpage.wrapper{margin:0;max-width:840px}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons{gap:1.5rem;flex-wrap:wrap}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons .button-tab{margin:0;flex:0 0 auto}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .notification.notice-qsg{width:100%}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row{margin-bottom:1.25rem;display:flex;align-items:center;width:100%}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row:last-of-type{margin-bottom:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab{width:12rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab.active~p,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab:not(.btn-disabled):hover~p{font-weight:600;opacity:1}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row p{margin:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .private-media,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .speed{margin-left:1.5rem;opacity:.7;font-size:.8125rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .help{margin-left:auto;display:flex}#as3cf-settings.wpome .licence-page.wrapper{margin:0 0 2rem;max-width:700px;display:flex;flex-direction:row}#as3cf-settings.wpome .licence-page.wrapper.defined{flex-direction:column;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .licence-page.wrapper.defined .wp-config{margin-left:0;flex:0 0 auto}#as3cf-settings.wpome .support-page.wrapper{margin:0;max-width:960px}#as3cf-settings.wpome .support-page.wrapper .columns{display:flex;flex-direction:row;justify-content:space-between}#as3cf-settings.wpome .support-page.wrapper .licence-type{margin-bottom:3rem}#as3cf-settings.wpome .support-page.wrapper .licence-type span{font-weight:700;color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .support-page.wrapper .lite-support{margin-bottom:2rem}#as3cf-settings.wpome .support-page.wrapper .lite-support p{line-height:1.8;font-weight:400}#as3cf-settings.wpome .assets-page.wrapper{margin:0;max-width:768px}#as3cf-settings.wpome .assets-page.wrapper .assets-panel{padding:.45rem 0;max-width:768px}#as3cf-settings.wpome .assets-page.wrapper .notice{margin-right:auto}#as3cf-settings.wpome .assets-page.wrapper .settings{margin-bottom:2rem;max-width:100%}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status{padding:1.75rem 0 0 4rem!important;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status img{width:18px;height:18px}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status h4{margin-left:.8rem}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status p{margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked{display:flex;align-items:center;margin:.7rem 0 0 4.7rem!important;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked p{font-size:.75rem;margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked a{margin-left:1rem;text-decoration:underline}#as3cf-settings.wpome .tools-page.wrapper{margin:0;max-width:768px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel{padding:0 0 .45rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header{height:4.5rem!important}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header img{margin-right:2rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header button{margin-left:auto}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header .emoji-party{font-size:28px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body{padding:1.6rem 2.6rem 1.6rem 6.1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress{margin:0;display:flex;flex-direction:column}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status{display:flex;flex-direction:row;width:100%;align-items:baseline}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4{font-size:.8125rem;color:var(--as3cf-color-gray-900);font-weight:400;margin:0;opacity:80%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 strong{font-size:1.0625rem;font-weight:600;opacity:100%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .progress-bar{width:100%;margin-top:1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.desc{font-size:.8125rem;color:var(--as3cf-color-gray-500);line-height:1.65}#as3cf-settings.wpome .panel.url-preview{max-width:100%}#as3cf-settings.wpome .panel.url-preview .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:1.5rem 0 0}@supports (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row.body{contain:inline-size}}#as3cf-settings.wpome .panel.url-preview .panel-row dl{margin:1rem -1.5rem;padding:0 1.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto}#as3cf-settings.wpome .panel.url-preview .panel-row dl div{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:#e1e5e9;border-radius:6px}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dt{margin:0;padding:.5rem 1rem .375rem;white-space:nowrap;font-weight:510}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dd{margin:0;padding:.407rem 1rem;white-space:nowrap;display:flex;flex-direction:column;align-items:center;align-self:stretch;background:#fafafa;border:1px solid #cbd5e0;border-radius:6px;font-weight:400;font-size:.75rem}@supports not (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row dl{contain:size;width:100%;height:68px}}#as3cf-settings.wpome .panel{flex:1 0 auto;max-width:575px;margin-bottom:3rem;display:flex;flex-direction:column}#as3cf-settings.wpome .panel .heading{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .panel h2{font-size:.9375rem;color:var(--as3cf-color-gray-900);font-weight:500;margin:0 0 1.25rem}#as3cf-settings.wpome .panel .notification.inline{margin-left:5rem;margin-right:1.5rem}#as3cf-settings.wpome .panel .panel-container{flex:1 0 auto;display:flex;flex-direction:column;background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);box-shadow:0 1px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.03);border-radius:6px}#as3cf-settings.wpome .panel .panel-container .panel-row{display:flex;align-items:center;padding:0 1.5rem}#as3cf-settings.wpome .panel .panel-container .panel-row.header{height:6rem;border-bottom:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel .panel-container .panel-row.footer{border-top:1px solid var(--as3cf-separator-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px}#as3cf-settings.wpome .panel .panel-container .panel-row h3,#as3cf-settings.wpome .panel .panel-container .panel-row h4{font-size:.875rem;font-weight:500;color:var(--as3cf-color-gray-800);margin-left:1rem;margin-right:auto}#as3cf-settings.wpome .panel .panel-container .panel-row .link{font-size:.8125rem;text-align:right;line-height:1.5;margin-left:auto;font-weight:500}#as3cf-settings.wpome .panel .panel-container .panel-row .link+.help{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option{margin-top:1.5rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option h4{margin:0 0 0 var(--as3cf-settings-option-indent)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option a{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-top:.57rem;margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]{margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-bottom:1.2rem;width:100%}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]+label{visibility:collapse}#as3cf-settings.wpome .panel .panel-container .setting.nested{margin:0 0 .125rem 5.25rem;display:flex;flex-direction:column;border-left:2px dotted #c2cbd3}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row{height:max-content;margin-bottom:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row img{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row h4{margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.option{margin-top:1rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc{height:max-content;padding:.4rem 2.25rem .85rem 1.65rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.input input[type=text]{margin-left:var(--as3cf-settings-input-indent)}#as3cf-settings.wpome .panel .panel-container .setting:last-of-type{margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container hr{height:1px;width:100%;border:0;margin:0;background:var(--as3cf-separator-color)}#as3cf-settings.wpome .panel.multi{max-width:840px;margin-bottom:2rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-switch{margin-right:1.25rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal label{display:inline-flex}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal a{margin-left:.3rem;display:contents}#as3cf-settings.wpome .panel.multi .panel-container .panel-row{height:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row h3{margin:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header{height:4rem;display:flex}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header a{margin-left:auto;display:flex;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider{display:flex;margin-left:auto;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider a{display:flex;align-items:center;margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider img{width:24px;height:24px;margin-right:.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .wp-config+.provider{margin-left:1rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body{padding:2.5rem;align-items:flex-start}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row{margin:0;width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row.radio-btns{margin-bottom:2.2rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-desc{margin:-.35rem 0 1.25rem 2rem;font-size:12px;font-weight:500;line-height:1.4;opacity:.75}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body.access-keys>p{margin-bottom:1.5rem!important}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body input[type=text],#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body textarea{width:100%;margin-bottom:1.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-name,#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .cdn-name{width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p{margin:0 0 1.5rem;line-height:1.5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .link{text-decoration:underline}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab img{width:24px;height:24px;margin-right:.9rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab .checkmark{width:16px;height:16px;position:absolute;right:-19px;top:-5px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab p{font-weight:500;margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn{margin-bottom:.8rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn.list{margin:0 1.5rem 0 0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;width:100%;max-width:580px;padding:0 .4rem;display:flex;flex-direction:column;height:260px;overflow-y:scroll;box-sizing:border-box}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row{display:flex;align-items:center;padding:.78rem 1.4rem;background:#f6f7f8;border-radius:4px;margin:0 0 .3rem;cursor:pointer;box-sizing:border-box;flex:none}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.active{background:rgba(236,112,94,.1);border:1px solid var(--as3cf-color-primary-500);border-radius:4px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:first-of-type{margin-top:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:last-of-type{margin-bottom:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:nth-child(2n){background:var(--as3cf-color-white)}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row p{margin:0;font-size:.84375rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row .status{margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.nothing-found{cursor:default;justify-content:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .new-bucket-details{display:flex;flex-direction:column;box-sizing:border-box;margin-right:1.8rem;flex:5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region{width:30%;flex:3;margin-left:auto;margin-bottom:1.5rem;box-sizing:border-box}#as3cf-settings.wpome .panel.flyout{position:absolute;top:50px;right:0;min-width:384px;z-index:99;cursor:default}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header{height:auto;padding:1rem 1.5rem;align-items:center}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header h3{font-size:13px;font-weight:600;flex:1 1 auto}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary{padding:0}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table{width:100%;border-collapse:collapse}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th{padding:0 0 1rem 2rem;color:var(--as3cf-color-gray-800);font-size:12px;text-align:left;width:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:first-of-type,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:first-of-type{padding-left:1.5rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:last-of-type,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:last-of-type{padding-right:1.5rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead{background-color:var(--as3cf-color-gray-100)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr{border-bottom:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr th{padding-top:10px;padding-bottom:10px;color:var(--as3cf-color-gray-700);font-weight:500;font-size:10px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:first-of-type td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:first-of-type td{padding-top:1rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:last-of-type td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:last-of-type td{padding-bottom:1rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot{background-image:linear-gradient(var(--as3cf-separator-color),var(--as3cf-separator-color));background-repeat:no-repeat;background-size:calc(100% - 1.5rem - 1.5rem) 1px;background-position:1.5rem 0}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot td{font-weight:500}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table .numeric{text-align:right;width:max-content;min-width:max-content;white-space:nowrap}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table a{color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer{padding:1.5rem;display:flex}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell{border-top:1px solid var(--as3cf-color-primary-100);background-color:var(--as3cf-color-primary-50);flex-direction:column}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell p{margin-bottom:.5rem;white-space:nowrap}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell .button{margin:0;width:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining{background-color:var(--as3cf-color-gray-100)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining button{flex:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;background-color:var(--as3cf-color-gray-200);font-size:12px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details{flex:1 1 auto}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details p{color:var(--as3cf-color-gray-600);line-height:18px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details .title{color:var(--as3cf-color-gray-700);font-size:10px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a{color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a.upgrade{margin-right:1rem}#as3cf-settings.wpome p.wp-config{margin-left:auto;padding:.4rem .75rem;color:var(--as3cf-color-gray-500)!important;background:rgba(113,135,154,.15)!important;border:1px solid rgba(113,135,154,.15)!important;border-radius:5px;font-size:.84375rem;font-weight:500;white-space:nowrap}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option p.wp-config+a{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p.wp-config{margin-right:0}#as3cf-settings.wpome .panel .panel-container .setting .panel-row label.input-label p.wp-config{text-transform:none;padding:.2rem .5rem}#as3cf-settings.wpome .notice{all:unset;display:flex;flex-direction:row;background:rgba(56,125,189,.1);border:1px solid #afc8ed;border-radius:5px;padding:.8rem 1.25rem;align-items:center}#as3cf-settings.wpome .notice a,#as3cf-settings.wpome .notice p{margin:0!important}#as3cf-settings.wpome .notice a{display:inline-block;text-decoration:underline;font-size:.875rem!important}#as3cf-settings.wpome .support-form{width:600px}#as3cf-settings.wpome .support-form input[type=text],#as3cf-settings.wpome .support-form select,#as3cf-settings.wpome .support-form textarea{width:100%;margin-bottom:1rem}#as3cf-settings.wpome .support-form textarea{margin-bottom:1.5rem}#as3cf-settings.wpome .support-form .note{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:2.5rem;line-height:1.5}#as3cf-settings.wpome .support-form .note.first{margin-bottom:.5rem}#as3cf-settings.wpome .support-form .actions{display:flex;width:100%;margin-bottom:2rem;align-items:center}#as3cf-settings.wpome .support-form .actions .btn-primary{margin-left:auto}#as3cf-settings.wpome .diagnostic-info{max-width:600px;padding:.25rem 0}#as3cf-settings.wpome .diagnostic-info pre{height:14.375rem;white-space:pre-wrap;word-break:keep-all}#as3cf-settings.wpome .diagnostic-info hr{background:#d3d7db;height:3px;width:100%;border:0;margin-bottom:3rem}#as3cf-settings.wpome .diagnostic-info .btn-outline{display:flex;justify-content:center;margin-left:auto;width:max-content}#as3cf-settings.wpome .documentation{background:#e4e5e7;border:1px solid var(--as3cf-wordpress-border-color);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;padding:2.5rem;display:flex;flex-direction:column;margin:1.4rem 0 0 3rem;height:max-content;width:240px;box-sizing:border-box}#as3cf-settings.wpome .documentation h3{font-size:1.03125rem;color:var(--as3cf-color-gray-900);letter-spacing:.15px;font-weight:500;margin:0 0 2.25rem}#as3cf-settings.wpome .documentation a{font-size:.875rem;margin-bottom:1.25rem}#as3cf-settings.wpome .documentation a:last-of-type{margin-bottom:0}#as3cf-settings.wpome .upsell.panel{max-width:768px}#as3cf-settings.wpome .upsell .panel-container{padding:0;flex-direction:row;background:linear-gradient(136.01deg,rgba(255,228,205,.7) .94%,#fff 33.33%)}#as3cf-settings.wpome .upsell .branding{background:url(../../assets/img/brand/upsell-bunny.svg) no-repeat left bottom;min-width:280px;border-radius:5px;margin-right:-1.25rem}@media (max-width:840px){#as3cf-settings.wpome .upsell .branding{display:none}}#as3cf-settings.wpome .upsell .button{margin:1rem auto;display:flex;justify-content:center;align-items:center;text-align:center!important}:root{--as3cf-code-type:consolas,monospace;--as3cf-color-white:#FFF;--as3cf-color-black:#000;--as3cf-color-gray-50:#FCFDFD;--as3cf-color-gray-100:#F9FAFB;--as3cf-color-gray-200:#F2F4F7;--as3cf-color-gray-300:#EAECF0;--as3cf-color-gray-400:#D0D5DD;--as3cf-color-gray-500:#98A2B3;--as3cf-color-gray-600:#667085;--as3cf-color-gray-700:#344054;--as3cf-color-gray-800:#1D2939;--as3cf-color-gray-900:#101828;--as3cf-color-primary-50:#FDF1EF;--as3cf-color-primary-100:#FBE2DF;--as3cf-color-primary-200:#F7C6BF;--as3cf-color-primary-300:#F4A99E;--as3cf-color-primary-400:#F08D7E;--as3cf-color-primary-500:#EC705E;--as3cf-color-primary-600:#C15B4C;--as3cf-color-primary-700:#96453A;--as3cf-color-primary-800:#6B3027;--as3cf-color-primary-900:#401A15;--as3cf-color-secondary-50:#EFF8FF;--as3cf-color-secondary-100:#D1E9FF;--as3cf-color-secondary-200:#B2DDFF;--as3cf-color-secondary-300:#84CAFF;--as3cf-color-secondary-400:#52B1FD;--as3cf-color-secondary-500:#2C90FA;--as3cf-color-secondary-600:#1270EF;--as3cf-color-secondary-700:#155CD3;--as3cf-color-secondary-800:#1749A9;--as3cf-color-secondary-900:#184185;--as3cf-secondary-color:#D8DDE2;--as3cf-text-disabled:#98A2B3;--as3cf-code-background:#102B44;--as3cf-separator-color:#EBEFF3;--as3cf-complete-color:#5BCB86;--as3cf-active-nav-color:#4E0D34;--as3cf-link-color:#0073AA;--as3cf-wordpress-background-color:#F1F1F1;--as3cf-wordpress-border-color:#D6D6D6;--as3cf-wordpress-notice-info-color:#02A0D2;--as3cf-notice-info-color:#2D69DA;--as3cf-notice-info-border-color:#2E6BDE;--as3cf-notice-info-background-color:#E7EFF9;--as3cf-wordpress-notice-success-color:#45B450;--as3cf-notice-success-color:#52AA59;--as3cf-notice-success-border-color:#63B969;--as3cf-notice-success-background-color:#EDF7EF;--as3cf-wordpress-notice-warning-color:#FFBA00;--as3cf-notice-warning-color:#F49C53;--as3cf-notice-warning-border-color:#E29936;--as3cf-notice-warning-background-color:#FDF8EB;--as3cf-notice-warning-code-background-color:#FCECC6;--as3cf-wordpress-notice-error-color:#DD3232;--as3cf-notice-error-color:#DA5A39;--as3cf-notice-error-border-color:#E8635E;--as3cf-notice-error-background-color:#F7EEEB;--as3cf-settings-ctrl-width:36px;--as3cf-settings-option-indent:1.2rem;--as3cf-settings-input-indent:0;--as3cf-settings-option-indent-right:2.25rem}body.settings_page_amazon-s3-and-cloudfront{background:var(--as3cf-wordpress-background-color)}body.settings_page_amazon-s3-and-cloudfront #wpcontent{padding-left:0!important}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content>.notice{display:none}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content .wpome .wpome-wrapper{max-width:1220px;margin:0 2rem 3rem 2rem}body.settings_page_amazon-s3-and-cloudfront #wpfooter{font-style:italic}.locked{opacity:.55}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-center{align-items:center}.align-center{align-items:center}.align-baseline{align-items:baseline!important} \ No newline at end of file diff --git a/assets/img/brand/default.svg b/assets/img/brand/default.svg new file mode 100644 index 0000000..c31f321 --- /dev/null +++ b/assets/img/brand/default.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/assets/img/brand/ome-branding-transparent.svg b/assets/img/brand/ome-branding-transparent.svg new file mode 100644 index 0000000..dd2f713 --- /dev/null +++ b/assets/img/brand/ome-branding-transparent.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/assets/img/brand/ome-medallion.svg b/assets/img/brand/ome-medallion.svg new file mode 100644 index 0000000..f61c82b --- /dev/null +++ b/assets/img/brand/ome-medallion.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/brand/upsell-bunny.svg b/assets/img/brand/upsell-bunny.svg new file mode 100644 index 0000000..21fa58d --- /dev/null +++ b/assets/img/brand/upsell-bunny.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/arrow.svg b/assets/img/icon/arrow.svg new file mode 100644 index 0000000..cc9c0e2 --- /dev/null +++ b/assets/img/icon/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/assets-wizard.svg b/assets/img/icon/assets-wizard.svg new file mode 100644 index 0000000..69b8557 --- /dev/null +++ b/assets/img/icon/assets-wizard.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/assets.svg b/assets/img/icon/assets.svg new file mode 100644 index 0000000..f7536f4 --- /dev/null +++ b/assets/img/icon/assets.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/img/icon/bucket-round.svg b/assets/img/icon/bucket-round.svg new file mode 100644 index 0000000..a698e78 --- /dev/null +++ b/assets/img/icon/bucket-round.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/icon/bucket.svg b/assets/img/icon/bucket.svg new file mode 100644 index 0000000..bb02510 --- /dev/null +++ b/assets/img/icon/bucket.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/check.svg b/assets/img/icon/check.svg new file mode 100644 index 0000000..22a5010 --- /dev/null +++ b/assets/img/icon/check.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/close.svg b/assets/img/icon/close.svg new file mode 100644 index 0000000..1cea6fd --- /dev/null +++ b/assets/img/icon/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/css.svg b/assets/img/icon/css.svg new file mode 100644 index 0000000..da932b1 --- /dev/null +++ b/assets/img/icon/css.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/dot.svg b/assets/img/icon/dot.svg new file mode 100644 index 0000000..8885aa4 --- /dev/null +++ b/assets/img/icon/dot.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/download.svg b/assets/img/icon/download.svg new file mode 100644 index 0000000..930b12f --- /dev/null +++ b/assets/img/icon/download.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/error.svg b/assets/img/icon/error.svg new file mode 100644 index 0000000..5f74617 --- /dev/null +++ b/assets/img/icon/error.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/img/icon/fonts.svg b/assets/img/icon/fonts.svg new file mode 100644 index 0000000..2e4fa80 --- /dev/null +++ b/assets/img/icon/fonts.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/help.svg b/assets/img/icon/help.svg new file mode 100644 index 0000000..0c36dea --- /dev/null +++ b/assets/img/icon/help.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/info.svg b/assets/img/icon/info.svg new file mode 100644 index 0000000..38085f4 --- /dev/null +++ b/assets/img/icon/info.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/js.svg b/assets/img/icon/js.svg new file mode 100644 index 0000000..8b6e32c --- /dev/null +++ b/assets/img/icon/js.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/licence-checked.svg b/assets/img/icon/licence-checked.svg new file mode 100644 index 0000000..4fc3bbc --- /dev/null +++ b/assets/img/icon/licence-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/img/icon/notification-error.svg b/assets/img/icon/notification-error.svg new file mode 100644 index 0000000..7e72518 --- /dev/null +++ b/assets/img/icon/notification-error.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/notification-info.svg b/assets/img/icon/notification-info.svg new file mode 100644 index 0000000..08d386b --- /dev/null +++ b/assets/img/icon/notification-info.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/notification-locked.svg b/assets/img/icon/notification-locked.svg new file mode 100644 index 0000000..c8d1068 --- /dev/null +++ b/assets/img/icon/notification-locked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/notification-success.svg b/assets/img/icon/notification-success.svg new file mode 100644 index 0000000..dac41e8 --- /dev/null +++ b/assets/img/icon/notification-success.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/notification-warning.svg b/assets/img/icon/notification-warning.svg new file mode 100644 index 0000000..320f763 --- /dev/null +++ b/assets/img/icon/notification-warning.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/offload-complete.svg b/assets/img/icon/offload-complete.svg new file mode 100644 index 0000000..89dfebb --- /dev/null +++ b/assets/img/icon/offload-complete.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/img/icon/offload-remaining.svg b/assets/img/icon/offload-remaining.svg new file mode 100644 index 0000000..bb40054 --- /dev/null +++ b/assets/img/icon/offload-remaining.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/aws-round.svg b/assets/img/icon/provider/delivery/aws-round.svg new file mode 100644 index 0000000..ff2a4e8 --- /dev/null +++ b/assets/img/icon/provider/delivery/aws-round.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/aws.svg b/assets/img/icon/provider/delivery/aws.svg new file mode 100644 index 0000000..f3bdd5e --- /dev/null +++ b/assets/img/icon/provider/delivery/aws.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/cdn-round.svg b/assets/img/icon/provider/delivery/cdn-round.svg new file mode 100644 index 0000000..2060de1 --- /dev/null +++ b/assets/img/icon/provider/delivery/cdn-round.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/icon/provider/delivery/cdn.svg b/assets/img/icon/provider/delivery/cdn.svg new file mode 100644 index 0000000..c054f05 --- /dev/null +++ b/assets/img/icon/provider/delivery/cdn.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/provider/delivery/cloudflare-round.svg b/assets/img/icon/provider/delivery/cloudflare-round.svg new file mode 100644 index 0000000..6eac178 --- /dev/null +++ b/assets/img/icon/provider/delivery/cloudflare-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/cloudflare.svg b/assets/img/icon/provider/delivery/cloudflare.svg new file mode 100644 index 0000000..e19d341 --- /dev/null +++ b/assets/img/icon/provider/delivery/cloudflare.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/provider/delivery/do-round.svg b/assets/img/icon/provider/delivery/do-round.svg new file mode 100644 index 0000000..e29eda7 --- /dev/null +++ b/assets/img/icon/provider/delivery/do-round.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/provider/delivery/do.svg b/assets/img/icon/provider/delivery/do.svg new file mode 100644 index 0000000..606105e --- /dev/null +++ b/assets/img/icon/provider/delivery/do.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/delivery/gcp-round.svg b/assets/img/icon/provider/delivery/gcp-round.svg new file mode 100644 index 0000000..ec58234 --- /dev/null +++ b/assets/img/icon/provider/delivery/gcp-round.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/gcp.svg b/assets/img/icon/provider/delivery/gcp.svg new file mode 100644 index 0000000..92e63a1 --- /dev/null +++ b/assets/img/icon/provider/delivery/gcp.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/delivery/keycdn.svg b/assets/img/icon/provider/delivery/keycdn.svg new file mode 100644 index 0000000..b4ce993 --- /dev/null +++ b/assets/img/icon/provider/delivery/keycdn.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/other-round.svg b/assets/img/icon/provider/delivery/other-round.svg new file mode 100644 index 0000000..2060de1 --- /dev/null +++ b/assets/img/icon/provider/delivery/other-round.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/icon/provider/delivery/other.svg b/assets/img/icon/provider/delivery/other.svg new file mode 100644 index 0000000..c054f05 --- /dev/null +++ b/assets/img/icon/provider/delivery/other.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/provider/delivery/stackpath-round.svg b/assets/img/icon/provider/delivery/stackpath-round.svg new file mode 100644 index 0000000..0752d3c --- /dev/null +++ b/assets/img/icon/provider/delivery/stackpath-round.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/img/icon/provider/delivery/stackpath.svg b/assets/img/icon/provider/delivery/stackpath.svg new file mode 100644 index 0000000..6a6239b --- /dev/null +++ b/assets/img/icon/provider/delivery/stackpath.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/storage/aws-link.svg b/assets/img/icon/provider/storage/aws-link.svg new file mode 100644 index 0000000..4dd39df --- /dev/null +++ b/assets/img/icon/provider/storage/aws-link.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/provider/storage/aws-round.svg b/assets/img/icon/provider/storage/aws-round.svg new file mode 100644 index 0000000..63a8d95 --- /dev/null +++ b/assets/img/icon/provider/storage/aws-round.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/provider/storage/aws.svg b/assets/img/icon/provider/storage/aws.svg new file mode 100644 index 0000000..f782be3 --- /dev/null +++ b/assets/img/icon/provider/storage/aws.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/provider/storage/do-link.svg b/assets/img/icon/provider/storage/do-link.svg new file mode 100644 index 0000000..ceff8ae --- /dev/null +++ b/assets/img/icon/provider/storage/do-link.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/storage/do-round.svg b/assets/img/icon/provider/storage/do-round.svg new file mode 100644 index 0000000..e29eda7 --- /dev/null +++ b/assets/img/icon/provider/storage/do-round.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/provider/storage/do.svg b/assets/img/icon/provider/storage/do.svg new file mode 100644 index 0000000..606105e --- /dev/null +++ b/assets/img/icon/provider/storage/do.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/storage/gcp-link.svg b/assets/img/icon/provider/storage/gcp-link.svg new file mode 100644 index 0000000..9652d67 --- /dev/null +++ b/assets/img/icon/provider/storage/gcp-link.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/img/icon/provider/storage/gcp-round.svg b/assets/img/icon/provider/storage/gcp-round.svg new file mode 100644 index 0000000..ec58234 --- /dev/null +++ b/assets/img/icon/provider/storage/gcp-round.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/img/icon/provider/storage/gcp.svg b/assets/img/icon/provider/storage/gcp.svg new file mode 100644 index 0000000..92e63a1 --- /dev/null +++ b/assets/img/icon/provider/storage/gcp.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/img/icon/provider/storage/s3compatible-link.svg b/assets/img/icon/provider/storage/s3compatible-link.svg new file mode 100644 index 0000000..e3eac4f --- /dev/null +++ b/assets/img/icon/provider/storage/s3compatible-link.svg @@ -0,0 +1,6 @@ + + + + + S3 + diff --git a/assets/img/icon/provider/storage/s3compatible-round.svg b/assets/img/icon/provider/storage/s3compatible-round.svg new file mode 100644 index 0000000..4f481ff --- /dev/null +++ b/assets/img/icon/provider/storage/s3compatible-round.svg @@ -0,0 +1,7 @@ + + + + + + S3 + diff --git a/assets/img/icon/provider/storage/s3compatible.svg b/assets/img/icon/provider/storage/s3compatible.svg new file mode 100644 index 0000000..d789291 --- /dev/null +++ b/assets/img/icon/provider/storage/s3compatible.svg @@ -0,0 +1,8 @@ + + + + + + + S3 + diff --git a/assets/img/icon/refresh-disabled.svg b/assets/img/icon/refresh-disabled.svg new file mode 100644 index 0000000..387a2e8 --- /dev/null +++ b/assets/img/icon/refresh-disabled.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/refresh.svg b/assets/img/icon/refresh.svg new file mode 100644 index 0000000..be039de --- /dev/null +++ b/assets/img/icon/refresh.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/region-round.svg b/assets/img/icon/region-round.svg new file mode 100644 index 0000000..095f75a --- /dev/null +++ b/assets/img/icon/region-round.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/icon/region.svg b/assets/img/icon/region.svg new file mode 100644 index 0000000..ffb05f8 --- /dev/null +++ b/assets/img/icon/region.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/img/icon/remove-from-bucket.svg b/assets/img/icon/remove-from-bucket.svg new file mode 100644 index 0000000..50808b3 --- /dev/null +++ b/assets/img/icon/remove-from-bucket.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/remove-from-server.svg b/assets/img/icon/remove-from-server.svg new file mode 100644 index 0000000..9747a05 --- /dev/null +++ b/assets/img/icon/remove-from-server.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/icon/stars.svg b/assets/img/icon/stars.svg new file mode 100644 index 0000000..c883e07 --- /dev/null +++ b/assets/img/icon/stars.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/assets/img/icon/subnav-arrow.svg b/assets/img/icon/subnav-arrow.svg new file mode 100644 index 0000000..a338500 --- /dev/null +++ b/assets/img/icon/subnav-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/tab-notifier-error.svg b/assets/img/icon/tab-notifier-error.svg new file mode 100644 index 0000000..7d9d954 --- /dev/null +++ b/assets/img/icon/tab-notifier-error.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/tab-notifier-warning.svg b/assets/img/icon/tab-notifier-warning.svg new file mode 100644 index 0000000..1459427 --- /dev/null +++ b/assets/img/icon/tab-notifier-warning.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/tool-analyzerepair-active.svg b/assets/img/icon/tool-analyzerepair-active.svg new file mode 100644 index 0000000..de3e4f0 --- /dev/null +++ b/assets/img/icon/tool-analyzerepair-active.svg @@ -0,0 +1,16 @@ + + + icon/tools/tool-analyzerepeair-active + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-analyzerepair-default.svg b/assets/img/icon/tool-analyzerepair-default.svg new file mode 100644 index 0000000..24b51a7 --- /dev/null +++ b/assets/img/icon/tool-analyzerepair-default.svg @@ -0,0 +1,16 @@ + + + icon/tools/tool-analyzerepeair-default + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-analyzerepair-paused.svg b/assets/img/icon/tool-analyzerepair-paused.svg new file mode 100644 index 0000000..49d37d2 --- /dev/null +++ b/assets/img/icon/tool-analyzerepair-paused.svg @@ -0,0 +1,18 @@ + + + icon/tools/tool-analyzerepeair-paused + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-analyzerepair-running-animated.svg b/assets/img/icon/tool-analyzerepair-running-animated.svg new file mode 100644 index 0000000..5813d9c --- /dev/null +++ b/assets/img/icon/tool-analyzerepair-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-clean-active.svg b/assets/img/icon/tool-clean-active.svg new file mode 100644 index 0000000..7f21874 --- /dev/null +++ b/assets/img/icon/tool-clean-active.svg @@ -0,0 +1,17 @@ + + + icon/tools/tool-clean-active + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-clean-default.svg b/assets/img/icon/tool-clean-default.svg new file mode 100644 index 0000000..39e5790 --- /dev/null +++ b/assets/img/icon/tool-clean-default.svg @@ -0,0 +1,12 @@ + + + icon/tools/tool-clean-default + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-clean-paused.svg b/assets/img/icon/tool-clean-paused.svg new file mode 100644 index 0000000..db58d0a --- /dev/null +++ b/assets/img/icon/tool-clean-paused.svg @@ -0,0 +1,14 @@ + + + icon/tools/tool-clean-paused + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-clean-running-animated.svg b/assets/img/icon/tool-clean-running-animated.svg new file mode 100644 index 0000000..b8987f1 --- /dev/null +++ b/assets/img/icon/tool-clean-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-download-active.svg b/assets/img/icon/tool-download-active.svg new file mode 100644 index 0000000..c98677c --- /dev/null +++ b/assets/img/icon/tool-download-active.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-download-active + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-download-default.svg b/assets/img/icon/tool-download-default.svg new file mode 100644 index 0000000..b6df6be --- /dev/null +++ b/assets/img/icon/tool-download-default.svg @@ -0,0 +1,8 @@ + + + icon/tools/tool-download-default + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-download-paused.svg b/assets/img/icon/tool-download-paused.svg new file mode 100644 index 0000000..6b4d036 --- /dev/null +++ b/assets/img/icon/tool-download-paused.svg @@ -0,0 +1,10 @@ + + + icon/tools/tool-download-paused + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-download-running-animated.svg b/assets/img/icon/tool-download-running-animated.svg new file mode 100644 index 0000000..01f9104 --- /dev/null +++ b/assets/img/icon/tool-download-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-generic-active.svg b/assets/img/icon/tool-generic-active.svg new file mode 100644 index 0000000..af1b0ad --- /dev/null +++ b/assets/img/icon/tool-generic-active.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-generic-active + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-generic-default.svg b/assets/img/icon/tool-generic-default.svg new file mode 100644 index 0000000..34238bd --- /dev/null +++ b/assets/img/icon/tool-generic-default.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-generic-default + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-generic-paused.svg b/assets/img/icon/tool-generic-paused.svg new file mode 100644 index 0000000..61348e3 --- /dev/null +++ b/assets/img/icon/tool-generic-paused.svg @@ -0,0 +1,13 @@ + + + icon/tools/tool-generic-paused + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-generic-running-animated.svg b/assets/img/icon/tool-generic-running-animated.svg new file mode 100644 index 0000000..50d3bf9 --- /dev/null +++ b/assets/img/icon/tool-generic-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-move-active.svg b/assets/img/icon/tool-move-active.svg new file mode 100644 index 0000000..6e93b76 --- /dev/null +++ b/assets/img/icon/tool-move-active.svg @@ -0,0 +1,8 @@ + + + icon/tools/tool-move-active + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-move-default.svg b/assets/img/icon/tool-move-default.svg new file mode 100644 index 0000000..480be1d --- /dev/null +++ b/assets/img/icon/tool-move-default.svg @@ -0,0 +1,8 @@ + + + icon/tools/tool-move-default + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-move-paused.svg b/assets/img/icon/tool-move-paused.svg new file mode 100644 index 0000000..b30d094 --- /dev/null +++ b/assets/img/icon/tool-move-paused.svg @@ -0,0 +1,10 @@ + + + icon/tools/tool-move-paused + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-move-running-animated.svg b/assets/img/icon/tool-move-running-animated.svg new file mode 100644 index 0000000..98bffba --- /dev/null +++ b/assets/img/icon/tool-move-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-offload-active.svg b/assets/img/icon/tool-offload-active.svg new file mode 100644 index 0000000..1bf8d9a --- /dev/null +++ b/assets/img/icon/tool-offload-active.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-offload-active + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-offload-default.svg b/assets/img/icon/tool-offload-default.svg new file mode 100644 index 0000000..3d86e16 --- /dev/null +++ b/assets/img/icon/tool-offload-default.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-offload-default + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-offload-paused.svg b/assets/img/icon/tool-offload-paused.svg new file mode 100644 index 0000000..500d328 --- /dev/null +++ b/assets/img/icon/tool-offload-paused.svg @@ -0,0 +1,13 @@ + + + icon/tools/tool-offload-paused + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-offload-running-animated.svg b/assets/img/icon/tool-offload-running-animated.svg new file mode 100644 index 0000000..dd6a2c1 --- /dev/null +++ b/assets/img/icon/tool-offload-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-remove-active.svg b/assets/img/icon/tool-remove-active.svg new file mode 100644 index 0000000..f21fd98 --- /dev/null +++ b/assets/img/icon/tool-remove-active.svg @@ -0,0 +1,9 @@ + + + icon/tools/tool-remove-active + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-remove-default.svg b/assets/img/icon/tool-remove-default.svg new file mode 100644 index 0000000..435bde5 --- /dev/null +++ b/assets/img/icon/tool-remove-default.svg @@ -0,0 +1,9 @@ + + + icon/tools/tool-remove-default + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-remove-paused.svg b/assets/img/icon/tool-remove-paused.svg new file mode 100644 index 0000000..e2b04ac --- /dev/null +++ b/assets/img/icon/tool-remove-paused.svg @@ -0,0 +1,11 @@ + + + icon/tools/tool-remove-paused + + + + + + + + \ No newline at end of file diff --git a/assets/img/icon/tool-remove-running-animated.svg b/assets/img/icon/tool-remove-running-animated.svg new file mode 100644 index 0000000..9153e11 --- /dev/null +++ b/assets/img/icon/tool-remove-running-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-status-error-animated.svg b/assets/img/icon/tool-status-error-animated.svg new file mode 100644 index 0000000..61e5691 --- /dev/null +++ b/assets/img/icon/tool-status-error-animated.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/icon/tool-status-success-animated.svg b/assets/img/icon/tool-status-success-animated.svg new file mode 100644 index 0000000..9a55c4e --- /dev/null +++ b/assets/img/icon/tool-status-success-animated.svg @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/assets/img/icon/x.svg b/assets/img/icon/x.svg new file mode 100644 index 0000000..61b3c6c --- /dev/null +++ b/assets/img/icon/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/sidebar/item-checked.svg b/assets/img/sidebar/item-checked.svg new file mode 100644 index 0000000..f0a13b6 --- /dev/null +++ b/assets/img/sidebar/item-checked.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/sidebar/logo-dbi.svg b/assets/img/sidebar/logo-dbi.svg new file mode 100644 index 0000000..8487c5e --- /dev/null +++ b/assets/img/sidebar/logo-dbi.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/sidebar/os3-banner.svg b/assets/img/sidebar/os3-banner.svg new file mode 100644 index 0000000..d6f0bd9 --- /dev/null +++ b/assets/img/sidebar/os3-banner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/js/media.js b/assets/js/media.js new file mode 100644 index 0000000..9a7e918 --- /dev/null +++ b/assets/js/media.js @@ -0,0 +1,173 @@ +var test = {}; + +( function( $, _ ) { + + // Local reference to the WordPress media namespace. + var media = wp.media; + + // Local instance of the Attachment Details TwoColumn used in the edit attachment modal view + var wpAttachmentDetailsTwoColumn = media.view.Attachment.Details.TwoColumn; + + /** + * Add S3 details to attachment. + */ + media.view.Attachment.Details.TwoColumn = wpAttachmentDetailsTwoColumn.extend( { + events: function() { + return _.extend( {}, wpAttachmentDetailsTwoColumn.prototype.events, { + 'click .local-warning': 'confirmS3Removal', + 'click #as3cfpro-toggle-acl': 'toggleACL' + } ); + }, + + render: function() { + // Retrieve the S3 details for the attachment + // before we render the view + this.fetchS3Details( this.model.get( 'id' ) ); + }, + + fetchS3Details: function( id ) { + wp.ajax.send( 'as3cf_get_attachment_provider_details', { + data: { + _nonce: as3cf_media.nonces.get_attachment_provider_details, + id: id + } + } ).done( _.bind( this.renderView, this ) ); + }, + + renderView: function( response ) { + // Render parent media.view.Attachment.Details + wpAttachmentDetailsTwoColumn.prototype.render.apply( this ); + + this.renderActionLinks( response ); + this.renderS3Details( response ); + }, + + renderActionLinks: function( response ) { + var links = ( response && response.links ) || []; + var $actionsHtml = this.$el.find( '.actions' ); + var $s3Actions = $( '
', { + 'class': 's3-actions' + } ); + + var s3Links = []; + _( links ).each( function( link ) { + s3Links.push( link ); + } ); + + $s3Actions.append( s3Links.join( ' | ' ) ); + $actionsHtml.append( $s3Actions ); + }, + + renderS3Details: function( response ) { + if ( ! response || ! response.provider_object ) { + return; + } + var $detailsHtml = this.$el.find( '.attachment-info .details' ); + var html = this.generateDetails( response, [ 'provider_name', 'region', 'bucket', 'key', 'acl', 'is_verified' ] ); + $detailsHtml.append( html ); + }, + + generateDetails: function( response, keys ) { + var html = ''; + var template = _.template( '
<%= label %>: <%= value %>
' ); + + _( keys ).each( function( key ) { + if ( response.provider_object[ key ] ) { + var value = response.provider_object[ key ]; + + if ( 'acl' === key ) { + value = response.provider_object[ key ][ 'name' ]; + + if ( response.acl_toggle ) { + var acl_template = _.template( '<%= value %>' ); + + value = acl_template( { + title: response.provider_object[ key ][ 'title' ], + acl: response.provider_object[ key ][ 'acl' ], + value: value + } ); + } + } + + if ( 'is_verified' === key ) { + value = Boolean( parseInt( value ) ); + + if ( value ) { + return; + } + + value = as3cf_media.strings[ 'not_verified' ]; + } + + html += template( { + key: key, + label: as3cf_media.strings[ key ], + value: value + } ); + } + } ); + + return html; + }, + + confirmS3Removal: function( event ) { + if ( ! confirm( as3cfpro_media.strings.local_warning ) ) { + event.preventDefault(); + event.stopImmediatePropagation(); + return false; + } + }, + + toggleACL: function( event ) { + event.preventDefault(); + + var toggle = $( '#as3cfpro-toggle-acl' ); + var currentACL = toggle.data( 'currentacl' ); + var newACL = as3cfpro_media.settings.private_acl; + + toggle.hide(); + toggle.after( '' + as3cfpro_media.strings.updating_acl + '' ); + + if ( currentACL === as3cfpro_media.settings.private_acl ) { + newACL = as3cfpro_media.settings.default_acl; + } + + wp.ajax.send( 'as3cfpro_update_acl', { + data: { + _ajax_nonce: as3cfpro_media.nonces.singular_update_acl, + id: this.model.get( 'id' ), + acl: newACL + } + } ) + .done( _.bind( this.updateACL, this ) ) + .fail( _.bind( this.renderACLError, this ) ); + }, + + renderACLError: function() { + $( '#as3cfpro-updating' ).remove(); + $( '#as3cfpro-toggle-acl' ).show(); + alert( as3cfpro_media.strings.change_acl_error ); + }, + + updateACL: function( response ) { + if ( null == response.acl_display || null == response.title || null == response.acl || null == response.url ) { + this.renderACLError(); + + return; + } + + this.model.set( 'url', response.url ); + this.render(); + + var toggle = $( '#as3cfpro-toggle-acl' ); + + $( '#as3cfpro-updating' ).remove(); + + toggle.text( response.acl_display ); + toggle.attr( 'title', response.title ); + toggle.data( 'currentacl', response.acl ); + toggle.show(); + } + } ); + +} )( jQuery, _ ); diff --git a/assets/js/media.min.js b/assets/js/media.min.js new file mode 100644 index 0000000..4611240 --- /dev/null +++ b/assets/js/media.min.js @@ -0,0 +1 @@ +var test={};(function($,_){var media=wp.media;var wpAttachmentDetailsTwoColumn=media.view.Attachment.Details.TwoColumn;media.view.Attachment.Details.TwoColumn=wpAttachmentDetailsTwoColumn.extend({events:function(){return _.extend({},wpAttachmentDetailsTwoColumn.prototype.events,{"click .local-warning":"confirmS3Removal","click #as3cfpro-toggle-acl":"toggleACL"})},render:function(){this.fetchS3Details(this.model.get("id"))},fetchS3Details:function(id){wp.ajax.send("as3cf_get_attachment_provider_details",{data:{_nonce:as3cf_media.nonces.get_attachment_provider_details,id:id}}).done(_.bind(this.renderView,this))},renderView:function(response){wpAttachmentDetailsTwoColumn.prototype.render.apply(this);this.renderActionLinks(response);this.renderS3Details(response)},renderActionLinks:function(response){var links=response&&response.links||[];var $actionsHtml=this.$el.find(".actions");var $s3Actions=$("
",{class:"s3-actions"});var s3Links=[];_(links).each((function(link){s3Links.push(link)}));$s3Actions.append(s3Links.join(" | "));$actionsHtml.append($s3Actions)},renderS3Details:function(response){if(!response||!response.provider_object){return}var $detailsHtml=this.$el.find(".attachment-info .details");var html=this.generateDetails(response,["provider_name","region","bucket","key","acl","is_verified"]);$detailsHtml.append(html)},generateDetails:function(response,keys){var html="";var template=_.template('
<%= label %>: <%= value %>
');_(keys).each((function(key){if(response.provider_object[key]){var value=response.provider_object[key];if("acl"===key){value=response.provider_object[key]["name"];if(response.acl_toggle){var acl_template=_.template('<%= value %>');value=acl_template({title:response.provider_object[key]["title"],acl:response.provider_object[key]["acl"],value:value})}}if("is_verified"===key){value=Boolean(parseInt(value));if(value){return}value=as3cf_media.strings["not_verified"]}html+=template({key:key,label:as3cf_media.strings[key],value:value})}}));return html},confirmS3Removal:function(event){if(!confirm(as3cfpro_media.strings.local_warning)){event.preventDefault();event.stopImmediatePropagation();return false}},toggleACL:function(event){event.preventDefault();var toggle=$("#as3cfpro-toggle-acl");var currentACL=toggle.data("currentacl");var newACL=as3cfpro_media.settings.private_acl;toggle.hide();toggle.after(''+as3cfpro_media.strings.updating_acl+"");if(currentACL===as3cfpro_media.settings.private_acl){newACL=as3cfpro_media.settings.default_acl}wp.ajax.send("as3cfpro_update_acl",{data:{_ajax_nonce:as3cfpro_media.nonces.singular_update_acl,id:this.model.get("id"),acl:newACL}}).done(_.bind(this.updateACL,this)).fail(_.bind(this.renderACLError,this))},renderACLError:function(){$("#as3cfpro-updating").remove();$("#as3cfpro-toggle-acl").show();alert(as3cfpro_media.strings.change_acl_error)},updateACL:function(response){if(null==response.acl_display||null==response.title||null==response.acl||null==response.url){this.renderACLError();return}this.model.set("url",response.url);this.render();var toggle=$("#as3cfpro-toggle-acl");$("#as3cfpro-updating").remove();toggle.text(response.acl_display);toggle.attr("title",response.title);toggle.data("currentacl",response.acl);toggle.show()}})})(jQuery,_); \ No newline at end of file diff --git a/assets/js/media.min.js.map b/assets/js/media.min.js.map new file mode 100644 index 0000000..59b1e69 --- /dev/null +++ b/assets/js/media.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["test","$","_","media","wp","wpAttachmentDetailsTwoColumn","view","Attachment","Details","TwoColumn","extend","events","prototype","render","this","fetchS3Details","model","get","id","ajax","send","data","_nonce","as3cf_media","nonces","get_attachment_provider_details","done","bind","renderView","response","apply","renderActionLinks","renderS3Details","links","$actionsHtml","$el","find","$s3Actions","class","s3Links","each","link","push","append","join","provider_object","$detailsHtml","html","generateDetails","keys","template","key","value","acl_toggle","acl_template","title","acl","Boolean","parseInt","strings","label","confirmS3Removal","event","confirm","as3cfpro_media","local_warning","preventDefault","stopImmediatePropagation","toggleACL","toggle","currentACL","newACL","settings","private_acl","hide","after","updating_acl","default_acl","_ajax_nonce","singular_update_acl","updateACL","fail","renderACLError","remove","show","alert","change_acl_error","acl_display","url","set","text","attr","jQuery"],"sources":["assets/js/media.js"],"mappings":"AAAA,IAAIA,KAAO,CAAC,GAEZ,SAAYC,EAAGC,GAGd,IAAIC,MAAQC,GAAGD,MAGf,IAAIE,6BAA+BF,MAAMG,KAAKC,WAAWC,QAAQC,UAKjEN,MAAMG,KAAKC,WAAWC,QAAQC,UAAYJ,6BAA6BK,OAAQ,CAC9EC,OAAQ,WACP,OAAOT,EAAEQ,OAAQ,CAAC,EAAGL,6BAA6BO,UAAUD,OAAQ,CACnE,uBAAwB,mBACxB,6BAA8B,aAEhC,EAEAE,OAAQ,WAGPC,KAAKC,eAAgBD,KAAKE,MAAMC,IAAK,MACtC,EAEAF,eAAgB,SAAUG,IACzBd,GAAGe,KAAKC,KAAM,wCAAyC,CACtDC,KAAM,CACLC,OAAQC,YAAYC,OAAOC,gCAC3BP,GAAIA,MAEFQ,KAAMxB,EAAEyB,KAAMb,KAAKc,WAAYd,MACpC,EAEAc,WAAY,SAAUC,UAErBxB,6BAA6BO,UAAUC,OAAOiB,MAAOhB,MAErDA,KAAKiB,kBAAmBF,UACxBf,KAAKkB,gBAAiBH,SACvB,EAEAE,kBAAmB,SAAUF,UAC5B,IAAII,MAAUJ,UAAYA,SAASI,OAAW,GAC9C,IAAIC,aAAepB,KAAKqB,IAAIC,KAAM,YAClC,IAAIC,WAAapC,EAAG,UAAW,CAC9BqC,MAAS,eAGV,IAAIC,QAAU,GACdrC,EAAG+B,OAAQO,MAAM,SAAUC,MAC1BF,QAAQG,KAAMD,KACf,IAEAJ,WAAWM,OAAQJ,QAAQK,KAAM,QACjCV,aAAaS,OAAQN,WACtB,EAEAL,gBAAiB,SAAUH,UAC1B,IAAOA,WAAcA,SAASgB,gBAAkB,CAC/C,MACD,CACA,IAAIC,aAAehC,KAAKqB,IAAIC,KAAM,6BAClC,IAAIW,KAAOjC,KAAKkC,gBAAiBnB,SAAU,CAAE,gBAAiB,SAAU,SAAU,MAAO,MAAO,gBAChGiB,aAAaH,OAAQI,KACtB,EAEAC,gBAAiB,SAAUnB,SAAUoB,MACpC,IAAIF,KAAO,GACX,IAAIG,SAAWhD,EAAEgD,SAAU,6EAE3BhD,EAAG+C,MAAOT,MAAM,SAAUW,KACzB,GAAKtB,SAASgB,gBAAiBM,KAAQ,CACtC,IAAIC,MAAQvB,SAASgB,gBAAiBM,KAEtC,GAAK,QAAUA,IAAM,CACpBC,MAAQvB,SAASgB,gBAAiBM,KAAO,QAEzC,GAAKtB,SAASwB,WAAa,CAC1B,IAAIC,aAAepD,EAAEgD,SAAU,2GAE/BE,MAAQE,aAAc,CACrBC,MAAO1B,SAASgB,gBAAiBM,KAAO,SACxCK,IAAK3B,SAASgB,gBAAiBM,KAAO,OACtCC,MAAOA,OAET,CACD,CAEA,GAAK,gBAAkBD,IAAM,CAC5BC,MAAQK,QAASC,SAAUN,QAE3B,GAAKA,MAAQ,CACZ,MACD,CAEAA,MAAQ7B,YAAYoC,QAAS,eAC9B,CAEAZ,MAAQG,SAAU,CACjBC,IAAKA,IACLS,MAAOrC,YAAYoC,QAASR,KAC5BC,MAAOA,OAET,CACD,IAEA,OAAOL,IACR,EAEAc,iBAAkB,SAAUC,OAC3B,IAAOC,QAASC,eAAeL,QAAQM,eAAkB,CACxDH,MAAMI,iBACNJ,MAAMK,2BACN,OAAO,KACR,CACD,EAEAC,UAAW,SAAUN,OACpBA,MAAMI,iBAEN,IAAIG,OAASpE,EAAG,wBAChB,IAAIqE,WAAaD,OAAOhD,KAAM,cAC9B,IAAIkD,OAASP,eAAeQ,SAASC,YAErCJ,OAAOK,OACPL,OAAOM,MAAO,gCAAkCX,eAAeL,QAAQiB,aAAe,WAEtF,GAAKN,aAAeN,eAAeQ,SAASC,YAAc,CACzDF,OAASP,eAAeQ,SAASK,WAClC,CAEAzE,GAAGe,KAAKC,KAAM,sBAAuB,CACpCC,KAAM,CACLyD,YAAad,eAAexC,OAAOuD,oBACnC7D,GAAIJ,KAAKE,MAAMC,IAAK,MACpBuC,IAAKe,UAGL7C,KAAMxB,EAAEyB,KAAMb,KAAKkE,UAAWlE,OAC9BmE,KAAM/E,EAAEyB,KAAMb,KAAKoE,eAAgBpE,MACtC,EAEAoE,eAAgB,WACfjF,EAAG,sBAAuBkF,SAC1BlF,EAAG,wBAAyBmF,OAC5BC,MAAOrB,eAAeL,QAAQ2B,iBAC/B,EAEAN,UAAW,SAAUnD,UACpB,GAAK,MAAQA,SAAS0D,aAAe,MAAQ1D,SAAS0B,OAAS,MAAQ1B,SAAS2B,KAAO,MAAQ3B,SAAS2D,IAAM,CAC7G1E,KAAKoE,iBAEL,MACD,CAEApE,KAAKE,MAAMyE,IAAK,MAAO5D,SAAS2D,KAChC1E,KAAKD,SAEL,IAAIwD,OAASpE,EAAG,wBAEhBA,EAAG,sBAAuBkF,SAE1Bd,OAAOqB,KAAM7D,SAAS0D,aACtBlB,OAAOsB,KAAM,QAAS9D,SAAS0B,OAC/Bc,OAAOhD,KAAM,aAAcQ,SAAS2B,KACpCa,OAAOe,MACR,GAGA,EA1KF,CA0KKQ,OAAQ1F","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/modal.js b/assets/js/modal.js new file mode 100644 index 0000000..bf4430f --- /dev/null +++ b/assets/js/modal.js @@ -0,0 +1,161 @@ +var as3cfModal = (function( $ ) { + + var modal = { + prefix: 'as3cf', + loading: false, + dismissible: true + }; + + var modals = {}; + + /** + * Target to key + * + * @param {string} target + * + * @return {string} + */ + function targetToKey( target ) { + return target.replace( /[^a-z]/g, '' ); + } + + /** + * Check if modal exists in DOM or in Memory. + * + * @param {string} target + * + * @return {boolean} + */ + modal.exists = function( target ) { + var key = targetToKey( target ); + + if ( undefined !== modals[ key ] ) { + return true; + } + + if ( $( target ).length ) { + return true; + } + + return false; + }; + + /** + * Open modal + * + * @param {string} target + * @param {function} callback + * @param {string} customClass + */ + modal.open = function( target, callback, customClass ) { + var key = targetToKey( target ); + + // Overlay + $( 'body' ).append( '
' ); + var $overlay = $( '#as3cf-overlay' ); + + // Modal container + if ( modal.dismissible ) { + $overlay.append( '
×
' ); + } else { + $overlay.append( '
' ); + } + + var $modal = $( '#as3cf-modal' ); + + if ( undefined === modals[ key ] ) { + var content = $( target ); + modals[ key ] = content.clone( true ).css( 'display', 'block' ); + content.remove(); + } + $modal.data( 'as3cf-modal-target', target ).append( modals[ key ] ); + + if ( undefined !== customClass ) { + $modal.addClass( customClass ); + } + + if ( 'function' === typeof callback ) { + callback( target ); + } + + // Handle modals taller than window height, + // overflow & padding-right remove duplicate scrollbars. + $( 'body' ).addClass( 'as3cf-modal-open' ); + + $overlay.fadeIn( 150 ); + $modal.fadeIn( 150 ); + + $( 'body' ).trigger( 'as3cf-modal-open', [ target ] ); + }; + + /** + * Close modal + * + * @param {function} callback + */ + modal.close = function( callback ) { + if ( modal.loading || ! modal.dismissible ) { + return; + } + + var target = $( '#as3cf-modal' ).data( 'as3cf-modal-target' ); + + $( '#as3cf-overlay' ).fadeOut( 150, function() { + $( 'body' ).removeClass( 'as3cf-modal-open' ); + + $( this ).remove(); + + if ( 'function' === typeof callback ) { + callback( target ); + } + } ); + + $( 'body' ).trigger( 'as3cf-modal-close', [ target ] ); + }; + + /** + * Set loading state + * + * @param {boolean} state + */ + modal.setLoadingState = function( state ) { + modal.loading = state; + }; + + /** + * Set dismissible state. + * + * @param {boolean} state + */ + modal.setDismissibleState = function( state ) { + modal.dismissible = state; + }; + + // Setup click handlers + $( document ).ready( function() { + + $( 'body' ).on( 'click', '[data-as3cf-modal]', function( e ) { + e.preventDefault(); + modal.open( $( this ).data( 'as3cf-modal' ) + '.' + modal.prefix ); + } ); + + $( 'body' ).on( 'click', '#as3cf-overlay, .close-as3cf-modal', function( e ) { + if ( 'A' === e.target.tagName ) { + return; + } + + e.preventDefault(); + + // Don't allow children to bubble up click event + if ( e.target !== this ) { + return false; + } + + modal.close(); + } ); + + } ); + + return modal; + +})( jQuery ); diff --git a/assets/js/modal.min.js b/assets/js/modal.min.js new file mode 100644 index 0000000..11c0f11 --- /dev/null +++ b/assets/js/modal.min.js @@ -0,0 +1 @@ +var as3cfModal=function($){var modal={prefix:"as3cf",loading:false,dismissible:true};var modals={};function targetToKey(target){return target.replace(/[^a-z]/g,"")}modal.exists=function(target){var key=targetToKey(target);if(undefined!==modals[key]){return true}if($(target).length){return true}return false};modal.open=function(target,callback,customClass){var key=targetToKey(target);$("body").append('
');var $overlay=$("#as3cf-overlay");if(modal.dismissible){$overlay.append('
×
')}else{$overlay.append('
')}var $modal=$("#as3cf-modal");if(undefined===modals[key]){var content=$(target);modals[key]=content.clone(true).css("display","block");content.remove()}$modal.data("as3cf-modal-target",target).append(modals[key]);if(undefined!==customClass){$modal.addClass(customClass)}if("function"===typeof callback){callback(target)}$("body").addClass("as3cf-modal-open");$overlay.fadeIn(150);$modal.fadeIn(150);$("body").trigger("as3cf-modal-open",[target])};modal.close=function(callback){if(modal.loading||!modal.dismissible){return}var target=$("#as3cf-modal").data("as3cf-modal-target");$("#as3cf-overlay").fadeOut(150,(function(){$("body").removeClass("as3cf-modal-open");$(this).remove();if("function"===typeof callback){callback(target)}}));$("body").trigger("as3cf-modal-close",[target])};modal.setLoadingState=function(state){modal.loading=state};modal.setDismissibleState=function(state){modal.dismissible=state};$(document).ready((function(){$("body").on("click","[data-as3cf-modal]",(function(e){e.preventDefault();modal.open($(this).data("as3cf-modal")+"."+modal.prefix)}));$("body").on("click","#as3cf-overlay, .close-as3cf-modal",(function(e){if("A"===e.target.tagName){return}e.preventDefault();if(e.target!==this){return false}modal.close()}))}));return modal}(jQuery); \ No newline at end of file diff --git a/assets/js/modal.min.js.map b/assets/js/modal.min.js.map new file mode 100644 index 0000000..0cac915 --- /dev/null +++ b/assets/js/modal.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["as3cfModal","$","modal","prefix","loading","dismissible","modals","targetToKey","target","replace","exists","key","undefined","length","open","callback","customClass","append","$overlay","$modal","content","clone","css","remove","data","addClass","fadeIn","trigger","close","fadeOut","removeClass","this","setLoadingState","state","setDismissibleState","document","ready","on","e","preventDefault","tagName","jQuery"],"sources":["assets/js/modal.js"],"mappings":"AAAA,IAAIA,WAAa,SAAWC,GAE3B,IAAIC,MAAQ,CACXC,OAAQ,QACRC,QAAS,MACTC,YAAa,MAGd,IAAIC,OAAS,CAAC,EASd,SAASC,YAAaC,QACrB,OAAOA,OAAOC,QAAS,UAAW,GACnC,CASAP,MAAMQ,OAAS,SAAUF,QACxB,IAAIG,IAAMJ,YAAaC,QAEvB,GAAKI,YAAcN,OAAQK,KAAQ,CAClC,OAAO,IACR,CAEA,GAAKV,EAAGO,QAASK,OAAS,CACzB,OAAO,IACR,CAEA,OAAO,KACR,EASAX,MAAMY,KAAO,SAAUN,OAAQO,SAAUC,aACxC,IAAIL,IAAMJ,YAAaC,QAGvBP,EAAG,QAASgB,OAAQ,kCACpB,IAAIC,SAAWjB,EAAG,kBAGlB,GAAKC,MAAMG,YAAc,CACxBa,SAASD,OAAQ,uEAClB,KAAO,CACNC,SAASD,OAAQ,+BAClB,CAEA,IAAIE,OAASlB,EAAG,gBAEhB,GAAKW,YAAcN,OAAQK,KAAQ,CAClC,IAAIS,QAAUnB,EAAGO,QACjBF,OAAQK,KAAQS,QAAQC,MAAO,MAAOC,IAAK,UAAW,SACtDF,QAAQG,QACT,CACAJ,OAAOK,KAAM,qBAAsBhB,QAASS,OAAQX,OAAQK,MAE5D,GAAKC,YAAcI,YAAc,CAChCG,OAAOM,SAAUT,YAClB,CAEA,GAAK,oBAAsBD,SAAW,CACrCA,SAAUP,OACX,CAIAP,EAAG,QAASwB,SAAU,oBAEtBP,SAASQ,OAAQ,KACjBP,OAAOO,OAAQ,KAEfzB,EAAG,QAAS0B,QAAS,mBAAoB,CAAEnB,QAC5C,EAOAN,MAAM0B,MAAQ,SAAUb,UACvB,GAAKb,MAAME,UAAaF,MAAMG,YAAc,CAC3C,MACD,CAEA,IAAIG,OAASP,EAAG,gBAAiBuB,KAAM,sBAEvCvB,EAAG,kBAAmB4B,QAAS,KAAK,WACnC5B,EAAG,QAAS6B,YAAa,oBAEzB7B,EAAG8B,MAAOR,SAEV,GAAK,oBAAsBR,SAAW,CACrCA,SAAUP,OACX,CACD,IAEAP,EAAG,QAAS0B,QAAS,oBAAqB,CAAEnB,QAC7C,EAOAN,MAAM8B,gBAAkB,SAAUC,OACjC/B,MAAME,QAAU6B,KACjB,EAOA/B,MAAMgC,oBAAsB,SAAUD,OACrC/B,MAAMG,YAAc4B,KACrB,EAGAhC,EAAGkC,UAAWC,OAAO,WAEpBnC,EAAG,QAASoC,GAAI,QAAS,sBAAsB,SAAUC,GACxDA,EAAEC,iBACFrC,MAAMY,KAAMb,EAAG8B,MAAOP,KAAM,eAAkB,IAAMtB,MAAMC,OAC3D,IAEAF,EAAG,QAASoC,GAAI,QAAS,sCAAsC,SAAUC,GACxE,GAAK,MAAQA,EAAE9B,OAAOgC,QAAU,CAC/B,MACD,CAEAF,EAAEC,iBAGF,GAAKD,EAAE9B,SAAWuB,KAAO,CACxB,OAAO,KACR,CAEA7B,MAAM0B,OACP,GAED,IAEA,OAAO1B,KAEP,CAhKgB,CAgKbuC","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/notice.js b/assets/js/notice.js new file mode 100644 index 0000000..a8825da --- /dev/null +++ b/assets/js/notice.js @@ -0,0 +1,37 @@ +(function( $ ) { + + var $body = $( 'body' ); + + $body.on( 'click', '.as3cf-notice .notice-dismiss', function( e ) { + var id = $( this ).parents( '.as3cf-notice' ).attr( 'id' ); + if ( id ) { + var data = { + action: 'as3cf-dismiss-notice', + notice_id: id, + _nonce: as3cf_notice.nonces.dismiss_notice + }; + + $.ajax( { + url: ajaxurl, + type: 'POST', + dataType: 'JSON', + data: data, + error: function( jqXHR, textStatus, errorThrown ) { + alert( as3cf_notice.strings.dismiss_notice_error + errorThrown ); + } + } ); + } + } ); + + $body.on( 'click', '.as3cf-notice-toggle', function( e ) { + e.preventDefault(); + var $link = $( this ); + var label = $link.data( 'hide' ); + + $link.data( 'hide', $link.html() ); + $link.html( label ); + + $link.closest( '.as3cf-notice' ).find( '.as3cf-notice-toggle-content' ).toggle(); + } ); + +})( jQuery ); diff --git a/assets/js/notice.min.js b/assets/js/notice.min.js new file mode 100644 index 0000000..70cbfbf --- /dev/null +++ b/assets/js/notice.min.js @@ -0,0 +1 @@ +(function($){var $body=$("body");$body.on("click",".as3cf-notice .notice-dismiss",(function(e){var id=$(this).parents(".as3cf-notice").attr("id");if(id){var data={action:"as3cf-dismiss-notice",notice_id:id,_nonce:as3cf_notice.nonces.dismiss_notice};$.ajax({url:ajaxurl,type:"POST",dataType:"JSON",data:data,error:function(jqXHR,textStatus,errorThrown){alert(as3cf_notice.strings.dismiss_notice_error+errorThrown)}})}}));$body.on("click",".as3cf-notice-toggle",(function(e){e.preventDefault();var $link=$(this);var label=$link.data("hide");$link.data("hide",$link.html());$link.html(label);$link.closest(".as3cf-notice").find(".as3cf-notice-toggle-content").toggle()}))})(jQuery); \ No newline at end of file diff --git a/assets/js/notice.min.js.map b/assets/js/notice.min.js.map new file mode 100644 index 0000000..ffc1661 --- /dev/null +++ b/assets/js/notice.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["$","$body","on","e","id","this","parents","attr","data","action","notice_id","_nonce","as3cf_notice","nonces","dismiss_notice","ajax","url","ajaxurl","type","dataType","error","jqXHR","textStatus","errorThrown","alert","strings","dismiss_notice_error","preventDefault","$link","label","html","closest","find","toggle","jQuery"],"sources":["assets/js/notice.js"],"mappings":"CAAA,SAAWA,GAEV,IAAIC,MAAQD,EAAG,QAEfC,MAAMC,GAAI,QAAS,iCAAiC,SAAUC,GAC7D,IAAIC,GAAKJ,EAAGK,MAAOC,QAAS,iBAAkBC,KAAM,MACpD,GAAKH,GAAK,CACT,IAAII,KAAO,CACVC,OAAQ,uBACRC,UAAWN,GACXO,OAAQC,aAAaC,OAAOC,gBAG7Bd,EAAEe,KAAM,CACPC,IAAKC,QACLC,KAAM,OACNC,SAAU,OACVX,KAAMA,KACNY,MAAO,SAAUC,MAAOC,WAAYC,aACnCC,MAAOZ,aAAaa,QAAQC,qBAAuBH,YACpD,GAEF,CACD,IAEAtB,MAAMC,GAAI,QAAS,wBAAwB,SAAUC,GACpDA,EAAEwB,iBACF,IAAIC,MAAQ5B,EAAGK,MACf,IAAIwB,MAAQD,MAAMpB,KAAM,QAExBoB,MAAMpB,KAAM,OAAQoB,MAAME,QAC1BF,MAAME,KAAMD,OAEZD,MAAMG,QAAS,iBAAkBC,KAAM,gCAAiCC,QACzE,GAEA,EApCD,CAoCIC","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/pro/attachment.js b/assets/js/pro/attachment.js new file mode 100644 index 0000000..e0c1126 --- /dev/null +++ b/assets/js/pro/attachment.js @@ -0,0 +1,60 @@ +(function( $ ) { + + $( document ).ready( function() { + + $( 'body' ).on( 'click', '#as3cfpro-toggle-acl', function( e ) { + e.preventDefault(); + + var toggle = $( '#as3cfpro-toggle-acl' ); + var currentACL = toggle.data( 'currentacl' ); + var newACL = as3cfpro_media.settings.private_acl; + + if ( -1 === as3cfpro_media.actions.indexOf( 'update_acl' ) ) { + return; + } + + toggle.hide(); + toggle.after( '' + as3cfpro_media.strings.updating_acl + '' ); + + if ( currentACL === as3cfpro_media.settings.private_acl ) { + newACL = as3cfpro_media.settings.default_acl; + } + + wp.ajax.send( 'as3cfpro_update_acl', { + data: { + _ajax_nonce: as3cfpro_media.nonces.singular_update_acl, + id: as3cfpro_media.settings.post_id, + acl: newACL + } + } ).done( function( response ) { + $( '#as3cfpro-updating' ).remove(); + $( '#attachment_url' ).val( response.url ); + + toggle.text( response.acl_display ); + toggle.attr( 'title', response.title ); + toggle.data( 'currentacl', response.acl ); + toggle.show(); + } ).fail( function( response ) { + $( '#as3cfpro-updating' ).remove(); + + toggle.show(); + + alert( as3cfpro_media.strings.change_acl_error ); + } ); + } ); + + // Ask for confirmation when trying to remove attachment from S3 when the local file is missing + $( 'body' ).on( 'click', '.s3-actions a.local-warning', function( e ) { + if ( confirm( as3cfpro_media.strings.local_warning ) ) { + return true; + } + + e.preventDefault(); + e.stopImmediatePropagation(); + + return false; + } ); + + } ); + +})( jQuery ); diff --git a/assets/js/pro/attachment.min.js b/assets/js/pro/attachment.min.js new file mode 100644 index 0000000..57dd584 --- /dev/null +++ b/assets/js/pro/attachment.min.js @@ -0,0 +1 @@ +(function($){$(document).ready((function(){$("body").on("click","#as3cfpro-toggle-acl",(function(e){e.preventDefault();var toggle=$("#as3cfpro-toggle-acl");var currentACL=toggle.data("currentacl");var newACL=as3cfpro_media.settings.private_acl;if(-1===as3cfpro_media.actions.indexOf("update_acl")){return}toggle.hide();toggle.after(''+as3cfpro_media.strings.updating_acl+"");if(currentACL===as3cfpro_media.settings.private_acl){newACL=as3cfpro_media.settings.default_acl}wp.ajax.send("as3cfpro_update_acl",{data:{_ajax_nonce:as3cfpro_media.nonces.singular_update_acl,id:as3cfpro_media.settings.post_id,acl:newACL}}).done((function(response){$("#as3cfpro-updating").remove();$("#attachment_url").val(response.url);toggle.text(response.acl_display);toggle.attr("title",response.title);toggle.data("currentacl",response.acl);toggle.show()})).fail((function(response){$("#as3cfpro-updating").remove();toggle.show();alert(as3cfpro_media.strings.change_acl_error)}))}));$("body").on("click",".s3-actions a.local-warning",(function(e){if(confirm(as3cfpro_media.strings.local_warning)){return true}e.preventDefault();e.stopImmediatePropagation();return false}))}))})(jQuery); \ No newline at end of file diff --git a/assets/js/pro/attachment.min.js.map b/assets/js/pro/attachment.min.js.map new file mode 100644 index 0000000..3242c3c --- /dev/null +++ b/assets/js/pro/attachment.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["$","document","ready","on","e","preventDefault","toggle","currentACL","data","newACL","as3cfpro_media","settings","private_acl","actions","indexOf","hide","after","strings","updating_acl","default_acl","wp","ajax","send","_ajax_nonce","nonces","singular_update_acl","id","post_id","acl","done","response","remove","val","url","text","acl_display","attr","title","show","fail","alert","change_acl_error","confirm","local_warning","stopImmediatePropagation","jQuery"],"sources":["assets/js/pro/attachment.js"],"mappings":"CAAA,SAAWA,GAEVA,EAAGC,UAAWC,OAAO,WAEpBF,EAAG,QAASG,GAAI,QAAS,wBAAwB,SAAUC,GAC1DA,EAAEC,iBAEF,IAAIC,OAASN,EAAG,wBAChB,IAAIO,WAAaD,OAAOE,KAAM,cAC9B,IAAIC,OAASC,eAAeC,SAASC,YAErC,IAAM,IAAMF,eAAeG,QAAQC,QAAS,cAAiB,CAC5D,MACD,CAEAR,OAAOS,OACPT,OAAOU,MAAO,gCAAkCN,eAAeO,QAAQC,aAAe,WAEtF,GAAKX,aAAeG,eAAeC,SAASC,YAAc,CACzDH,OAASC,eAAeC,SAASQ,WAClC,CAEAC,GAAGC,KAAKC,KAAM,sBAAuB,CACpCd,KAAM,CACLe,YAAab,eAAec,OAAOC,oBACnCC,GAAIhB,eAAeC,SAASgB,QAC5BC,IAAKnB,UAEHoB,MAAM,SAAUC,UACnB9B,EAAG,sBAAuB+B,SAC1B/B,EAAG,mBAAoBgC,IAAKF,SAASG,KAErC3B,OAAO4B,KAAMJ,SAASK,aACtB7B,OAAO8B,KAAM,QAASN,SAASO,OAC/B/B,OAAOE,KAAM,aAAcsB,SAASF,KACpCtB,OAAOgC,MACR,IAAIC,MAAM,SAAUT,UACnB9B,EAAG,sBAAuB+B,SAE1BzB,OAAOgC,OAEPE,MAAO9B,eAAeO,QAAQwB,iBAC/B,GACD,IAGAzC,EAAG,QAASG,GAAI,QAAS,+BAA+B,SAAUC,GACjE,GAAKsC,QAAShC,eAAeO,QAAQ0B,eAAkB,CACtD,OAAO,IACR,CAEAvC,EAAEC,iBACFD,EAAEwC,2BAEF,OAAO,KACR,GAED,GAEA,EA3DD,CA2DIC","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/pro/installer.js b/assets/js/pro/installer.js new file mode 100644 index 0000000..2a3cc09 --- /dev/null +++ b/assets/js/pro/installer.js @@ -0,0 +1,91 @@ +(function( $, wp, _ ) { + + /** + * Create and display a spinner next to an element + * + * @param element + */ + function createSpinner( element ) { + var $spinner = $( '', { class: 'spinner' } ); + $spinner.css( { 'display': 'inline-block', 'float': 'none', 'visibility': 'visible' } ); + $spinner.insertAfter( element ); + + return $spinner; + } + + $( document ).ready( function() { + + // Move the filesystem credential form below the last error notice + var $lastNotice = $( '.as3cf-pro-installer-notice' ).last(); + $( '.as3cfpro-installer-filesystem-creds' ).insertAfter( $lastNotice ); + + $( '.as3cfpro-installer-filesystem-creds form' ).on( 'submit', function( e ) { + var $submitBtn = $( '#upgrade' ); + if ( $submitBtn.hasClass( 'button-disabled' ) ) { + return; + } + + $submitBtn.addClass( 'button-disabled' ); + $submitBtn.val( as3cfpro_installer.strings.installing + '...' ); + + createSpinner( $submitBtn ); + } ); + + $( 'body' ).on( 'click', '.as3cf-pro-installer .install-plugins', function( e ) { + e.preventDefault(); + if ( $( this ).hasClass( 'button-disabled' ) ) { + return; + } + + $( this ).addClass( 'button-disabled' ); + $( this ).text( as3cfpro_installer.strings.installing + '...' ); + + var $spinner = createSpinner( this ); + + /** + * Render an error notice and remove the installer notice + * + * @param string errorMessage + */ + function installerError( errorMessage ) { + var noticeText = as3cfpro_installer.strings.error_installing + ': ' + errorMessage; + var noticeHtml = '

' + noticeText + '

'; + + $( '.as3cf-pro-installer' ).after( noticeHtml ); + $( '.as3cf-pro-installer' ).remove(); + + $spinner.hide(); + } + + var process = $( this ).data( 'process' ); + + $.ajax( { + url: ajaxurl, + type: 'POST', + dataType: 'json', + cache: false, + data: { + action: 'as3cfpro_install_plugins_' + process, + nonce: as3cfpro_installer.nonces.install_plugins + }, + error: function( jqXHR, textStatus, errorThrown ) { + installerError( errorThrown + ' - ' + textStatus ); + }, + success: function( response ) { + if ( _.isObject( response ) && ! _.isUndefined( response.success ) ) { + + if ( response.success ) { + window.location.href = response.data.redirect; + } + + if ( ! _.isUndefined( response.data.error ) ) { + installerError( response.data.error ); + } + } + } + } ); + } ); + + } ); + +})( jQuery, wp, _ ); diff --git a/assets/js/pro/installer.min.js b/assets/js/pro/installer.min.js new file mode 100644 index 0000000..bcdb4a3 --- /dev/null +++ b/assets/js/pro/installer.min.js @@ -0,0 +1 @@ +(function($,wp,_){function createSpinner(element){var $spinner=$("",{class:"spinner"});$spinner.css({display:"inline-block",float:"none",visibility:"visible"});$spinner.insertAfter(element);return $spinner}$(document).ready((function(){var $lastNotice=$(".as3cf-pro-installer-notice").last();$(".as3cfpro-installer-filesystem-creds").insertAfter($lastNotice);$(".as3cfpro-installer-filesystem-creds form").on("submit",(function(e){var $submitBtn=$("#upgrade");if($submitBtn.hasClass("button-disabled")){return}$submitBtn.addClass("button-disabled");$submitBtn.val(as3cfpro_installer.strings.installing+"...");createSpinner($submitBtn)}));$("body").on("click",".as3cf-pro-installer .install-plugins",(function(e){e.preventDefault();if($(this).hasClass("button-disabled")){return}$(this).addClass("button-disabled");$(this).text(as3cfpro_installer.strings.installing+"...");var $spinner=createSpinner(this);function installerError(errorMessage){var noticeText=as3cfpro_installer.strings.error_installing+": "+errorMessage;var noticeHtml='

'+noticeText+"

";$(".as3cf-pro-installer").after(noticeHtml);$(".as3cf-pro-installer").remove();$spinner.hide()}var process=$(this).data("process");$.ajax({url:ajaxurl,type:"POST",dataType:"json",cache:false,data:{action:"as3cfpro_install_plugins_"+process,nonce:as3cfpro_installer.nonces.install_plugins},error:function(jqXHR,textStatus,errorThrown){installerError(errorThrown+" - "+textStatus)},success:function(response){if(_.isObject(response)&&!_.isUndefined(response.success)){if(response.success){window.location.href=response.data.redirect}if(!_.isUndefined(response.data.error)){installerError(response.data.error)}}}})}))}))})(jQuery,wp,_); \ No newline at end of file diff --git a/assets/js/pro/installer.min.js.map b/assets/js/pro/installer.min.js.map new file mode 100644 index 0000000..8dbdc22 --- /dev/null +++ b/assets/js/pro/installer.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["$","wp","_","createSpinner","element","$spinner","class","css","display","float","visibility","insertAfter","document","ready","$lastNotice","last","on","e","$submitBtn","hasClass","addClass","val","as3cfpro_installer","strings","installing","preventDefault","this","text","installerError","errorMessage","noticeText","error_installing","noticeHtml","after","remove","hide","process","data","ajax","url","ajaxurl","type","dataType","cache","action","nonce","nonces","install_plugins","error","jqXHR","textStatus","errorThrown","success","response","isObject","isUndefined","window","location","href","redirect","jQuery"],"sources":["assets/js/pro/installer.js"],"mappings":"CAAA,SAAWA,EAAGC,GAAIC,GAOjB,SAASC,cAAeC,SACvB,IAAIC,SAAWL,EAAG,WAAY,CAAEM,MAAO,YACvCD,SAASE,IAAK,CAAEC,QAAW,eAAgBC,MAAS,OAAQC,WAAc,YAC1EL,SAASM,YAAaP,SAEtB,OAAOC,QACR,CAEAL,EAAGY,UAAWC,OAAO,WAGpB,IAAIC,YAAcd,EAAG,+BAAgCe,OACrDf,EAAG,wCAAyCW,YAAaG,aAEzDd,EAAG,6CAA8CgB,GAAI,UAAU,SAAUC,GACxE,IAAIC,WAAalB,EAAG,YACpB,GAAKkB,WAAWC,SAAU,mBAAsB,CAC/C,MACD,CAEAD,WAAWE,SAAU,mBACrBF,WAAWG,IAAKC,mBAAmBC,QAAQC,WAAa,OAExDrB,cAAee,WAChB,IAEAlB,EAAG,QAASgB,GAAI,QAAS,yCAAyC,SAAUC,GAC3EA,EAAEQ,iBACF,GAAKzB,EAAG0B,MAAOP,SAAU,mBAAsB,CAC9C,MACD,CAEAnB,EAAG0B,MAAON,SAAU,mBACpBpB,EAAG0B,MAAOC,KAAML,mBAAmBC,QAAQC,WAAa,OAExD,IAAInB,SAAWF,cAAeuB,MAO9B,SAASE,eAAgBC,cACxB,IAAIC,WAAaR,mBAAmBC,QAAQQ,iBAAmB,KAAOF,aACtE,IAAIG,WAAa,yBAA2BF,WAAa,aAEzD9B,EAAG,wBAAyBiC,MAAOD,YACnChC,EAAG,wBAAyBkC,SAE5B7B,SAAS8B,MACV,CAEA,IAAIC,QAAUpC,EAAG0B,MAAOW,KAAM,WAE9BrC,EAAEsC,KAAM,CACPC,IAAKC,QACLC,KAAM,OACNC,SAAU,OACVC,MAAO,MACPN,KAAM,CACLO,OAAQ,4BAA8BR,QACtCS,MAAOvB,mBAAmBwB,OAAOC,iBAElCC,MAAO,SAAUC,MAAOC,WAAYC,aACnCvB,eAAgBuB,YAAc,MAAQD,WACvC,EACAE,QAAS,SAAUC,UAClB,GAAKnD,EAAEoD,SAAUD,YAAgBnD,EAAEqD,YAAaF,SAASD,SAAY,CAEpE,GAAKC,SAASD,QAAU,CACvBI,OAAOC,SAASC,KAAOL,SAAShB,KAAKsB,QACtC,CAEA,IAAOzD,EAAEqD,YAAaF,SAAShB,KAAKW,OAAU,CAC7CpB,eAAgByB,SAAShB,KAAKW,MAC/B,CACD,CACD,GAEF,GAED,GAEA,EA1FD,CA0FIY,OAAQ3D,GAAIC","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/pro/integrations/woocommerce.js b/assets/js/pro/integrations/woocommerce.js new file mode 100644 index 0000000..a136d27 --- /dev/null +++ b/assets/js/pro/integrations/woocommerce.js @@ -0,0 +1,76 @@ +(function( $, _ ) { + + var fileFrame; + var attachment; + var fileNameInput; + var fileUrlInput; + var fileNamePlaceholder; + var fileUrlPlaceholder; + + /** + * Render custom media uploader + * + * @param row Object + * + * @return void + */ + function renderMediaUploader( row ) { + + // Find the correct file name and url inputs + fileNameInput = row.find( 'td.file_name input.input_text' ); + fileUrlInput = row.find( 'td.file_url input.input_text' ); + + // Use existing file frame instance or create one + if ( undefined !== fileFrame ) { + fileFrame.open(); + return; + } + + fileFrame = wp.media.frames.file_frame = wp.media( { + title: as3cf_woo.strings.media_modal_title, + button: { + text: as3cf_woo.strings.media_modal_button + }, + states: [ + new wp.media.controller.Library( { + title: as3cf_woo.strings.media_modal_title, + filterable: 'all', + multiple: false + } ) + ] + } ); + + // Handle file selection + fileFrame.on( 'select', function() { + attachment = fileFrame.state().get( 'selection' ).first().toJSON(); + + fileNamePlaceholder = fileNameInput.attr( 'placeholder' ); + fileUrlPlaceholder = fileUrlInput.attr( 'placeholder' ); + fileNameInput.val( attachment.title ).attr( 'placeholder', fileNamePlaceholder ).trigger( 'change' ); + fileUrlInput.val( attachment.url ).attr( 'placeholder', fileUrlPlaceholder ).trigger( 'change' ); + } ); + + // Ensure files are uploaded to the woocommerce_uploads directory + fileFrame.on( 'ready', function() { + fileFrame.uploader.options.uploader.params = { + type: 'downloadable_product' + }; + } ); + + fileFrame.open(); + } + + // Replace WooCommerce upload file click handler + $( document ).ready( function() { + $( document ).off( 'click', '.upload_file_button' ); + $( document.body ).off( 'click', '.upload_file_button' ); // WooCommerce 2.4+ + + $( document ).on( 'click', '.upload_file_button', function( e ) { + var row = $( this ).closest( 'tr' ); + + e.preventDefault(); + renderMediaUploader( row ); + } ); + } ); + +})( jQuery, _ ); diff --git a/assets/js/pro/integrations/woocommerce.min.js b/assets/js/pro/integrations/woocommerce.min.js new file mode 100644 index 0000000..8fa7a76 --- /dev/null +++ b/assets/js/pro/integrations/woocommerce.min.js @@ -0,0 +1 @@ +!function(t,e){var o,l,a,i,n,r;t(document).ready(function(){t(document).off("click",".upload_file_button"),t(document.body).off("click",".upload_file_button"),t(document).on("click",".upload_file_button",function(e){var d=t(this).closest("tr");e.preventDefault(),function(t){a=t.find("td.file_name input.input_text"),i=t.find("td.file_url input.input_text"),void 0===o?((o=wp.media.frames.file_frame=wp.media({title:as3cf_woo.strings.media_modal_title,button:{text:as3cf_woo.strings.media_modal_button},states:[new wp.media.controller.Library({title:as3cf_woo.strings.media_modal_title,filterable:"all",multiple:!1})]})).on("select",function(){l=o.state().get("selection").first().toJSON(),n=a.attr("placeholder"),r=i.attr("placeholder"),a.val(l.title).attr("placeholder",n).trigger("change"),i.val(l.url).attr("placeholder",r).trigger("change")}),o.on("ready",function(){o.uploader.options.uploader.params={type:"downloadable_product"}}),o.open()):o.open()}(d)})})}(jQuery,_); \ No newline at end of file diff --git a/assets/js/pro/media.js b/assets/js/pro/media.js new file mode 100644 index 0000000..b119d5b --- /dev/null +++ b/assets/js/pro/media.js @@ -0,0 +1,350 @@ +(function( $, _ ) { + + // Local reference to the WordPress media namespace. + var media = wp.media; + + /** + * A button for offload actions + * + * @constructor + * @augments wp.media.view.Button + * @augments wp.media.View + * @augments wp.Backbone.View + * @augments Backbone.View + */ + media.view.OffloadButton = media.view.Button.extend( { + defaults: { + text: '', + style: 'primary', + size: 'large', + disabled: false + }, + + initialize: function( options ) { + if ( options ) { + this.options = options; + this.defaults.text = as3cfpro_media.strings[ this.options.action ]; + } + + this.options = _.extend( {}, this.defaults, this.options ); + + media.view.Button.prototype.initialize.apply( this, arguments ); + + this.controller.on( 'selection:toggle', this.toggleDisabled, this ); + this.controller.on( 'select:activate', this.toggleDisabled, this ); + }, + + render: function() { + media.view.Button.prototype.render.apply( this, arguments ); + this.toggleDisabled(); + + return this; + }, + + toggleDisabled: function() { + var selection = this.controller.state().get( 'selection' ).length > 0; + + if ( !selection ) { + this.$el.addClass( 'disabled' ); + } else { + this.$el.removeClass( 'disabled' ); + } + }, + + click: function( e ) { + e.preventDefault(); + + var selection = this.controller.state().get( 'selection' ); + var models = selection.models; + var library = this.controller.state().get( 'library' ); + + if ( this.$el.hasClass( 'disabled' ) || !selection.length ) { + return; + } + + var payload = { + _ajax_nonce: as3cfpro_media.nonces[ this.options.scope + '_' + this.options.action ], + scope: this.options.scope, + s3_action: this.options.action, + ids: _.pluck( models, 'id' ) + }; + + this.startOffloadAction(); + this.fireOffloadAction( payload ) + .done( function() { + _.each( models, function( model ) { + + // Refresh the attributes for each model from the server. + model.fetch(); + } ); + + // Refresh the grid view + library._requery( true ); + } ); + }, + + startOffloadAction: function() { + $( '.media-toolbar .spinner' ).css( 'visibility', 'visible' ).show(); + $( '.media-toolbar-secondary .button' ).addClass( 'disabled' ); + $( '.offload-buttons__submenu' ).addClass( 'hidden' ); + }, + + /** + * Send the offload action request via ajax. + * + * @param {object} payload + * + * @return {$.promise} A jQuery promise that represents the request, + * decorated with an abort() method. + */ + fireOffloadAction: function( payload ) { + return wp.ajax.send( 'as3cfpro_process_media_action', { data: payload } ) + .done( _.bind( this.returnOffloadAction, this ) ); + }, + + returnOffloadAction: function( response ) { + if ( response && '' !== response ) { + $( '.as3cf-notice' ).remove(); + $( '#wp-media-grid h1' ).after( response ); + } + + this.controller.trigger( 'selection:action:done' ); + $( '.media-toolbar .spinner' ).attr( 'style', '' ).hide(); + } + } ); + + /** + * A toggle button for offload dropdown button + * + * @constructor + * @augments wp.media.view.Button + * @augments wp.media.View + * @augments wp.Backbone.View + * @augments Backbone.View + */ + media.view.OffloadToggle = media.view.Button.extend( { + className: 'offload-buttons__toggle', + defaults: { + style: 'primary', + size: 'large', + priority: -80, + disabled: true + }, + + initialize: function() { + media.view.Button.prototype.initialize.apply( this, arguments ); + this.controller.on( 'selection:toggle', this.toggleDisabled, this ); + this.controller.on( 'select:activate', this.toggleDisabled, this ); + + $( 'body' ).on( 'click', this.blur ); + + return this; + }, + + click: function( e ) { + e.preventDefault(); + + if ( this.$el.hasClass( 'disabled' ) ) { + return; + } + + var toolbar = this.controller.content.get().toolbar; + this.$el.toggleClass( 'opened' ); + toolbar.$( '.offload-buttons__submenu' ).toggleClass( 'hidden' ); + }, + + blur: function() { + var $toggle = $( '.media-toolbar .offload-buttons__toggle' ); + var $submenu = $( '.media-toolbar .offload-buttons__submenu' ); + + if ( $toggle.hasClass( 'opened' ) && !$submenu.parent().is( ':active, :hover' ) ) { + $submenu.addClass( 'hidden' ); + $toggle.removeClass( 'opened' ); + } + }, + + toggleDisabled: function() { + var selection = this.controller.state().get( 'selection' ).length > 0; + this.model.set( 'disabled', !selection ); + + if ( !selection ) { + this.$el.addClass( 'disabled' ); + } else { + this.$el.removeClass( 'disabled' ); + } + } + } ); + + /** + * Show and hide the offload dropdown button for the grid view only. + */ + var wpSelectModeToggleButton = media.view.SelectModeToggleButton; + + /** + * Extend the SelectModeToggleButton functionality to show and hide + * the offload dropdown button when the Bulk Select button is clicked + */ + media.view.SelectModeToggleButton = wpSelectModeToggleButton.extend( { + toggleBulkEditHandler: function() { + wpSelectModeToggleButton.prototype.toggleBulkEditHandler.call( this, arguments ); + var $toolbar = this.controller.content.get().toolbar; + var $buttons = $toolbar.$( '.offload-buttons' ); + var $submenu = $buttons.find( '.offload-buttons__submenu' ); + + if ( this.controller.isModeActive( 'select' ) ) { + $buttons.addClass( 'visible' ); + } else { + $buttons.removeClass( 'visible' ); + } + + // Applies children's width to dropdown button + if ( $submenu.length ) { + $buttons.width( $submenu.outerWidth() ); + } + } + } ); + + /** + * A filter for Locations + */ + media.view.OffloadLocationFilter = wp.media.view.AttachmentFilters.extend( { + id: 'media-attachment-as3cf-location-filter', + + // We override the default initialize function to support optgroups + initialize: function() { + this.createFilters(); + _.extend( this.filters, this.options.filters ); + + var html = ''; + _( as3cfpro_media.filters.as3cf_location.options ).each( function( option, key ) { + if ( typeof option === 'string' ) { + html += $( '' ).val( key ).html( option ).wrap( '

' ).parent().html(); + } else { + html += ''; + _( option ).each( function( sub_option, sub_key ) { + html += $( '' ).val( sub_key ).html( sub_option ).wrap( '

' ).parent().html(); + } ); + html += ''; + } + } ); + + this.$el.html( html ); + + this.listenTo( this.model, 'change', this.select ); + this.select(); + }, + + + createFilters: function() { + var filters = {}; + + _( as3cfpro_media.filters.as3cf_location.options ).each( function( option, key ) { + if ( typeof option === 'string' ) { + filters[ key ] = { + text: option, + props: { as3cf_location: key }, + priority: 10, + }; + } else { + _( option ).each( function( sub_option, sub_key ) { + filters[ sub_key ] = { + text: sub_option, + props: { as3cf_location: sub_key }, + priority: 10, + }; + } ); + } + } ); + + this.filters = filters; + }, + } ); + + /** + * A filter for Access + */ + media.view.OffloadAccessFilter = wp.media.view.AttachmentFilters.extend( { + id: 'media-attachment-as3cf-access-filter', + + createFilters: function() { + var filters = {}; + + _( as3cfpro_media.filters.as3cf_access.options ).each( function( value, key ) { + filters[ key ] = { + text: value, + props: { as3cf_access: key }, + priority: 10, + }; + } ); + + this.filters = filters; + }, + } ); + + /** + * Extend the AttachmentsBrowser toolbar to add the offload dropdown button and + * our filters for location and access + */ + var wpAttachmentsBrowser = media.view.AttachmentsBrowser; + media.view.AttachmentsBrowser = wpAttachmentsBrowser.extend( { + createToolbar: function() { + wpAttachmentsBrowser.prototype.createToolbar.call( this ); + + var default_button_action = as3cfpro_media.actions.bulk.shift(); + + var default_button = new media.view.OffloadButton( { + action: default_button_action, + classes: 'offload-buttons__action-default', + scope: 'bulk', + controller: this.controller + } ).render(); + + if ( as3cfpro_media.actions.bulk.length ) { + var buttons = []; + + _( as3cfpro_media.actions.bulk ).each( function( action ) { + buttons.push( + new media.view.OffloadButton( { + action: action, + classes: 'offload-buttons__action', + scope: 'bulk', + controller: this.controller + } ).render() + ); + }.bind( this ) ); + + var dropdown_toggle = new media.view.OffloadToggle( { + controller: this.controller + } ).render(); + + var buttons_submenu = new media.view.ButtonGroup( { + buttons: buttons, + classes: 'offload-buttons__submenu hidden' + } ).render(); + + // Add the buttons + this.toolbar.set( 'OffloadButtons', new media.view.ButtonGroup( { + buttons: [default_button, buttons_submenu, dropdown_toggle], + classes: 'offload-buttons', + priority: -80 + } ) ); + } + + // Add the locations filter + this.toolbar.set( 'offloadLocationFilter', new media.view.OffloadLocationFilter( { + controller: this.controller, + model: this.collection.props, + priority: -75 + } ) ); + + // Add the access filter + this.toolbar.set( 'offloadAccessFilter', new media.view.OffloadAccessFilter( { + controller: this.controller, + model: this.collection.props, + priority: -75 + } ) ); + + this.toolbar.render(); + } + } ); +})( jQuery, _ ); diff --git a/assets/js/pro/media.min.js b/assets/js/pro/media.min.js new file mode 100644 index 0000000..05244fd --- /dev/null +++ b/assets/js/pro/media.min.js @@ -0,0 +1 @@ +(function($,_){var media=wp.media;media.view.OffloadButton=media.view.Button.extend({defaults:{text:"",style:"primary",size:"large",disabled:false},initialize:function(options){if(options){this.options=options;this.defaults.text=as3cfpro_media.strings[this.options.action]}this.options=_.extend({},this.defaults,this.options);media.view.Button.prototype.initialize.apply(this,arguments);this.controller.on("selection:toggle",this.toggleDisabled,this);this.controller.on("select:activate",this.toggleDisabled,this)},render:function(){media.view.Button.prototype.render.apply(this,arguments);this.toggleDisabled();return this},toggleDisabled:function(){var selection=this.controller.state().get("selection").length>0;if(!selection){this.$el.addClass("disabled")}else{this.$el.removeClass("disabled")}},click:function(e){e.preventDefault();var selection=this.controller.state().get("selection");var models=selection.models;var library=this.controller.state().get("library");if(this.$el.hasClass("disabled")||!selection.length){return}var payload={_ajax_nonce:as3cfpro_media.nonces[this.options.scope+"_"+this.options.action],scope:this.options.scope,s3_action:this.options.action,ids:_.pluck(models,"id")};this.startOffloadAction();this.fireOffloadAction(payload).done((function(){_.each(models,(function(model){model.fetch()}));library._requery(true)}))},startOffloadAction:function(){$(".media-toolbar .spinner").css("visibility","visible").show();$(".media-toolbar-secondary .button").addClass("disabled");$(".offload-buttons__submenu").addClass("hidden")},fireOffloadAction:function(payload){return wp.ajax.send("as3cfpro_process_media_action",{data:payload}).done(_.bind(this.returnOffloadAction,this))},returnOffloadAction:function(response){if(response&&""!==response){$(".as3cf-notice").remove();$("#wp-media-grid h1").after(response)}this.controller.trigger("selection:action:done");$(".media-toolbar .spinner").attr("style","").hide()}});media.view.OffloadToggle=media.view.Button.extend({className:"offload-buttons__toggle",defaults:{style:"primary",size:"large",priority:-80,disabled:true},initialize:function(){media.view.Button.prototype.initialize.apply(this,arguments);this.controller.on("selection:toggle",this.toggleDisabled,this);this.controller.on("select:activate",this.toggleDisabled,this);$("body").on("click",this.blur);return this},click:function(e){e.preventDefault();if(this.$el.hasClass("disabled")){return}var toolbar=this.controller.content.get().toolbar;this.$el.toggleClass("opened");toolbar.$(".offload-buttons__submenu").toggleClass("hidden")},blur:function(){var $toggle=$(".media-toolbar .offload-buttons__toggle");var $submenu=$(".media-toolbar .offload-buttons__submenu");if($toggle.hasClass("opened")&&!$submenu.parent().is(":active, :hover")){$submenu.addClass("hidden");$toggle.removeClass("opened")}},toggleDisabled:function(){var selection=this.controller.state().get("selection").length>0;this.model.set("disabled",!selection);if(!selection){this.$el.addClass("disabled")}else{this.$el.removeClass("disabled")}}});var wpSelectModeToggleButton=media.view.SelectModeToggleButton;media.view.SelectModeToggleButton=wpSelectModeToggleButton.extend({toggleBulkEditHandler:function(){wpSelectModeToggleButton.prototype.toggleBulkEditHandler.call(this,arguments);var $toolbar=this.controller.content.get().toolbar;var $buttons=$toolbar.$(".offload-buttons");var $submenu=$buttons.find(".offload-buttons__submenu");if(this.controller.isModeActive("select")){$buttons.addClass("visible")}else{$buttons.removeClass("visible")}if($submenu.length){$buttons.width($submenu.outerWidth())}}});media.view.OffloadLocationFilter=wp.media.view.AttachmentFilters.extend({id:"media-attachment-as3cf-location-filter",initialize:function(){this.createFilters();_.extend(this.filters,this.options.filters);var html="";_(as3cfpro_media.filters.as3cf_location.options).each((function(option,key){if(typeof option==="string"){html+=$("").val(key).html(option).wrap("

").parent().html()}else{html+='';_(option).each((function(sub_option,sub_key){html+=$("").val(sub_key).html(sub_option).wrap("

").parent().html()}));html+=""}}));this.$el.html(html);this.listenTo(this.model,"change",this.select);this.select()},createFilters:function(){var filters={};_(as3cfpro_media.filters.as3cf_location.options).each((function(option,key){if(typeof option==="string"){filters[key]={text:option,props:{as3cf_location:key},priority:10}}else{_(option).each((function(sub_option,sub_key){filters[sub_key]={text:sub_option,props:{as3cf_location:sub_key},priority:10}}))}}));this.filters=filters}});media.view.OffloadAccessFilter=wp.media.view.AttachmentFilters.extend({id:"media-attachment-as3cf-access-filter",createFilters:function(){var filters={};_(as3cfpro_media.filters.as3cf_access.options).each((function(value,key){filters[key]={text:value,props:{as3cf_access:key},priority:10}}));this.filters=filters}});var wpAttachmentsBrowser=media.view.AttachmentsBrowser;media.view.AttachmentsBrowser=wpAttachmentsBrowser.extend({createToolbar:function(){wpAttachmentsBrowser.prototype.createToolbar.call(this);var default_button_action=as3cfpro_media.actions.bulk.shift();var default_button=new media.view.OffloadButton({action:default_button_action,classes:"offload-buttons__action-default",scope:"bulk",controller:this.controller}).render();if(as3cfpro_media.actions.bulk.length){var buttons=[];_(as3cfpro_media.actions.bulk).each(function(action){buttons.push(new media.view.OffloadButton({action:action,classes:"offload-buttons__action",scope:"bulk",controller:this.controller}).render())}.bind(this));var dropdown_toggle=new media.view.OffloadToggle({controller:this.controller}).render();var buttons_submenu=new media.view.ButtonGroup({buttons:buttons,classes:"offload-buttons__submenu hidden"}).render();this.toolbar.set("OffloadButtons",new media.view.ButtonGroup({buttons:[default_button,buttons_submenu,dropdown_toggle],classes:"offload-buttons",priority:-80}))}this.toolbar.set("offloadLocationFilter",new media.view.OffloadLocationFilter({controller:this.controller,model:this.collection.props,priority:-75}));this.toolbar.set("offloadAccessFilter",new media.view.OffloadAccessFilter({controller:this.controller,model:this.collection.props,priority:-75}));this.toolbar.render()}})})(jQuery,_); \ No newline at end of file diff --git a/assets/js/pro/media.min.js.map b/assets/js/pro/media.min.js.map new file mode 100644 index 0000000..c4b784f --- /dev/null +++ b/assets/js/pro/media.min.js.map @@ -0,0 +1 @@ +{"version":3,"names":["$","_","media","wp","view","OffloadButton","Button","extend","defaults","text","style","size","disabled","initialize","options","this","as3cfpro_media","strings","action","prototype","apply","arguments","controller","on","toggleDisabled","render","selection","state","get","length","$el","addClass","removeClass","click","e","preventDefault","models","library","hasClass","payload","_ajax_nonce","nonces","scope","s3_action","ids","pluck","startOffloadAction","fireOffloadAction","done","each","model","fetch","_requery","css","show","ajax","send","data","bind","returnOffloadAction","response","remove","after","trigger","attr","hide","OffloadToggle","className","priority","blur","toolbar","content","toggleClass","$toggle","$submenu","parent","is","set","wpSelectModeToggleButton","SelectModeToggleButton","toggleBulkEditHandler","call","$toolbar","$buttons","find","isModeActive","width","outerWidth","OffloadLocationFilter","AttachmentFilters","id","createFilters","filters","html","as3cf_location","option","key","val","wrap","sub_option","sub_key","listenTo","select","props","OffloadAccessFilter","as3cf_access","value","wpAttachmentsBrowser","AttachmentsBrowser","createToolbar","default_button_action","actions","bulk","shift","default_button","classes","buttons","push","dropdown_toggle","buttons_submenu","ButtonGroup","collection","jQuery"],"sources":["assets/js/pro/media.js"],"mappings":"CAAA,SAAWA,EAAGC,GAGb,IAAIC,MAAQC,GAAGD,MAWfA,MAAME,KAAKC,cAAgBH,MAAME,KAAKE,OAAOC,OAAQ,CACpDC,SAAU,CACTC,KAAM,GACNC,MAAO,UACPC,KAAM,QACNC,SAAU,OAGXC,WAAY,SAAUC,SACrB,GAAKA,QAAU,CACdC,KAAKD,QAAUA,QACfC,KAAKP,SAASC,KAAOO,eAAeC,QAASF,KAAKD,QAAQI,OAC3D,CAEAH,KAAKD,QAAUb,EAAEM,OAAQ,CAAC,EAAGQ,KAAKP,SAAUO,KAAKD,SAEjDZ,MAAME,KAAKE,OAAOa,UAAUN,WAAWO,MAAOL,KAAMM,WAEpDN,KAAKO,WAAWC,GAAI,mBAAoBR,KAAKS,eAAgBT,MAC7DA,KAAKO,WAAWC,GAAI,kBAAmBR,KAAKS,eAAgBT,KAC7D,EAEAU,OAAQ,WACPvB,MAAME,KAAKE,OAAOa,UAAUM,OAAOL,MAAOL,KAAMM,WAChDN,KAAKS,iBAEL,OAAOT,IACR,EAEAS,eAAgB,WACf,IAAIE,UAAYX,KAAKO,WAAWK,QAAQC,IAAK,aAAcC,OAAS,EAEpE,IAAMH,UAAY,CACjBX,KAAKe,IAAIC,SAAU,WACpB,KAAO,CACNhB,KAAKe,IAAIE,YAAa,WACvB,CACD,EAEAC,MAAO,SAAUC,GAChBA,EAAEC,iBAEF,IAAIT,UAAYX,KAAKO,WAAWK,QAAQC,IAAK,aAC7C,IAAIQ,OAASV,UAAUU,OACvB,IAAIC,QAAUtB,KAAKO,WAAWK,QAAQC,IAAK,WAE3C,GAAKb,KAAKe,IAAIQ,SAAU,cAAiBZ,UAAUG,OAAS,CAC3D,MACD,CAEA,IAAIU,QAAU,CACbC,YAAaxB,eAAeyB,OAAQ1B,KAAKD,QAAQ4B,MAAQ,IAAM3B,KAAKD,QAAQI,QAC5EwB,MAAO3B,KAAKD,QAAQ4B,MACpBC,UAAW5B,KAAKD,QAAQI,OACxB0B,IAAK3C,EAAE4C,MAAOT,OAAQ,OAGvBrB,KAAK+B,qBACL/B,KAAKgC,kBAAmBR,SACtBS,MAAM,WACN/C,EAAEgD,KAAMb,QAAQ,SAAUc,OAGzBA,MAAMC,OACP,IAGAd,QAAQe,SAAU,KACnB,GACF,EAEAN,mBAAoB,WACnB9C,EAAG,2BAA4BqD,IAAK,aAAc,WAAYC,OAC9DtD,EAAG,oCAAqC+B,SAAU,YAClD/B,EAAG,6BAA8B+B,SAAU,SAC5C,EAUAgB,kBAAmB,SAAUR,SAC5B,OAAOpC,GAAGoD,KAAKC,KAAM,gCAAiC,CAAEC,KAAMlB,UAC5DS,KAAM/C,EAAEyD,KAAM3C,KAAK4C,oBAAqB5C,MAC3C,EAEA4C,oBAAqB,SAAUC,UAC9B,GAAKA,UAAY,KAAOA,SAAW,CAClC5D,EAAG,iBAAkB6D,SACrB7D,EAAG,qBAAsB8D,MAAOF,SACjC,CAEA7C,KAAKO,WAAWyC,QAAS,yBACzB/D,EAAG,2BAA4BgE,KAAM,QAAS,IAAKC,MACpD,IAYD/D,MAAME,KAAK8D,cAAgBhE,MAAME,KAAKE,OAAOC,OAAQ,CACpD4D,UAAW,0BACX3D,SAAU,CACTE,MAAO,UACPC,KAAM,QACNyD,UAAW,GACXxD,SAAU,MAGXC,WAAY,WACXX,MAAME,KAAKE,OAAOa,UAAUN,WAAWO,MAAOL,KAAMM,WACpDN,KAAKO,WAAWC,GAAI,mBAAoBR,KAAKS,eAAgBT,MAC7DA,KAAKO,WAAWC,GAAI,kBAAmBR,KAAKS,eAAgBT,MAE5Df,EAAG,QAASuB,GAAI,QAASR,KAAKsD,MAE9B,OAAOtD,IACR,EAEAkB,MAAO,SAAUC,GAChBA,EAAEC,iBAEF,GAAKpB,KAAKe,IAAIQ,SAAU,YAAe,CACtC,MACD,CAEA,IAAIgC,QAAUvD,KAAKO,WAAWiD,QAAQ3C,MAAM0C,QAC5CvD,KAAKe,IAAI0C,YAAa,UACtBF,QAAQtE,EAAG,6BAA8BwE,YAAa,SACvD,EAEAH,KAAM,WACL,IAAII,QAAUzE,EAAG,2CACjB,IAAI0E,SAAW1E,EAAG,4CAElB,GAAKyE,QAAQnC,SAAU,YAAeoC,SAASC,SAASC,GAAI,mBAAsB,CACjFF,SAAS3C,SAAU,UACnB0C,QAAQzC,YAAa,SACtB,CACD,EAEAR,eAAgB,WACf,IAAIE,UAAYX,KAAKO,WAAWK,QAAQC,IAAK,aAAcC,OAAS,EACpEd,KAAKmC,MAAM2B,IAAK,YAAanD,WAE7B,IAAMA,UAAY,CACjBX,KAAKe,IAAIC,SAAU,WACpB,KAAO,CACNhB,KAAKe,IAAIE,YAAa,WACvB,CACD,IAMD,IAAI8C,yBAA2B5E,MAAME,KAAK2E,uBAM1C7E,MAAME,KAAK2E,uBAAyBD,yBAAyBvE,OAAQ,CACpEyE,sBAAuB,WACtBF,yBAAyB3D,UAAU6D,sBAAsBC,KAAMlE,KAAMM,WACrE,IAAI6D,SAAWnE,KAAKO,WAAWiD,QAAQ3C,MAAM0C,QAC7C,IAAIa,SAAWD,SAASlF,EAAG,oBAC3B,IAAI0E,SAAWS,SAASC,KAAM,6BAE9B,GAAKrE,KAAKO,WAAW+D,aAAc,UAAa,CAC/CF,SAASpD,SAAU,UACpB,KAAO,CACNoD,SAASnD,YAAa,UACvB,CAGA,GAAK0C,SAAS7C,OAAS,CACtBsD,SAASG,MAAOZ,SAASa,aAC1B,CACD,IAMDrF,MAAME,KAAKoF,sBAAwBrF,GAAGD,MAAME,KAAKqF,kBAAkBlF,OAAQ,CAC1EmF,GAAI,yCAGJ7E,WAAY,WACXE,KAAK4E,gBACL1F,EAAEM,OAAQQ,KAAK6E,QAAS7E,KAAKD,QAAQ8E,SAErC,IAAIC,KAAO,GACX5F,EAAGe,eAAe4E,QAAQE,eAAehF,SAAUmC,MAAM,SAAU8C,OAAQC,KAC1E,UAAYD,SAAW,SAAW,CACjCF,MAAQ7F,EAAG,qBAAsBiG,IAAKD,KAAMH,KAAME,QAASG,KAAM,OAAQvB,SAASkB,MACnF,KAAO,CACNA,MAAQ,oBAAsBG,IAAM,KACpC/F,EAAG8F,QAAS9C,MAAM,SAAUkD,WAAYC,SACvCP,MAAQ7F,EAAG,qBAAsBiG,IAAKG,SAAUP,KAAMM,YAAaD,KAAM,OAAQvB,SAASkB,MAC3F,IACAA,MAAQ,aACT,CACD,IAEA9E,KAAKe,IAAI+D,KAAMA,MAEf9E,KAAKsF,SAAUtF,KAAKmC,MAAO,SAAUnC,KAAKuF,QAC1CvF,KAAKuF,QACN,EAGAX,cAAe,WACd,IAAIC,QAAU,CAAC,EAEf3F,EAAGe,eAAe4E,QAAQE,eAAehF,SAAUmC,MAAM,SAAU8C,OAAQC,KAC1E,UAAYD,SAAW,SAAW,CACjCH,QAASI,KAAQ,CAChBvF,KAAMsF,OACNQ,MAAO,CAAET,eAAgBE,KACzB5B,SAAU,GAEZ,KAAO,CACNnE,EAAG8F,QAAS9C,MAAM,SAAUkD,WAAYC,SACvCR,QAASQ,SAAY,CACpB3F,KAAM0F,WACNI,MAAO,CAAET,eAAgBM,SACzBhC,SAAU,GAEZ,GACD,CACD,IAEArD,KAAK6E,QAAUA,OAChB,IAMD1F,MAAME,KAAKoG,oBAAsBrG,GAAGD,MAAME,KAAKqF,kBAAkBlF,OAAQ,CACxEmF,GAAI,uCAEJC,cAAe,WACd,IAAIC,QAAU,CAAC,EAEf3F,EAAGe,eAAe4E,QAAQa,aAAa3F,SAAUmC,MAAM,SAAUyD,MAAOV,KACvEJ,QAASI,KAAQ,CAChBvF,KAAMiG,MACNH,MAAO,CAAEE,aAAcT,KACvB5B,SAAU,GAEZ,IAEArD,KAAK6E,QAAUA,OAChB,IAOD,IAAIe,qBAAuBzG,MAAME,KAAKwG,mBACtC1G,MAAME,KAAKwG,mBAAqBD,qBAAqBpG,OAAQ,CAC5DsG,cAAe,WACdF,qBAAqBxF,UAAU0F,cAAc5B,KAAMlE,MAEnD,IAAI+F,sBAAwB9F,eAAe+F,QAAQC,KAAKC,QAExD,IAAIC,eAAiB,IAAIhH,MAAME,KAAKC,cAAe,CAClDa,OAAQ4F,sBACRK,QAAS,kCACTzE,MAAO,OACPpB,WAAYP,KAAKO,aACdG,SAEJ,GAAKT,eAAe+F,QAAQC,KAAKnF,OAAS,CACzC,IAAIuF,QAAU,GAEdnH,EAAGe,eAAe+F,QAAQC,MAAO/D,KAAM,SAAU/B,QAChDkG,QAAQC,KACP,IAAInH,MAAME,KAAKC,cAAe,CAC7Ba,OAAQA,OACRiG,QAAS,0BACTzE,MAAO,OACPpB,WAAYP,KAAKO,aACdG,SAEN,EAAEiC,KAAM3C,OAER,IAAIuG,gBAAkB,IAAIpH,MAAME,KAAK8D,cAAe,CACnD5C,WAAYP,KAAKO,aACdG,SAEJ,IAAI8F,gBAAkB,IAAIrH,MAAME,KAAKoH,YAAa,CACjDJ,QAASA,QACTD,QAAS,oCACN1F,SAGJV,KAAKuD,QAAQO,IAAK,iBAAkB,IAAI3E,MAAME,KAAKoH,YAAa,CAC/DJ,QAAS,CAACF,eAAgBK,gBAAiBD,iBAC3CH,QAAS,kBACT/C,UAAW,KAEb,CAGArD,KAAKuD,QAAQO,IAAK,wBAAyB,IAAI3E,MAAME,KAAKoF,sBAAuB,CAChFlE,WAAYP,KAAKO,WACjB4B,MAAOnC,KAAK0G,WAAWlB,MACvBnC,UAAW,MAIZrD,KAAKuD,QAAQO,IAAK,sBAAuB,IAAI3E,MAAME,KAAKoG,oBAAqB,CAC5ElF,WAAYP,KAAKO,WACjB4B,MAAOnC,KAAK0G,WAAWlB,MACvBnC,UAAW,MAGZrD,KAAKuD,QAAQ7C,QACd,GAED,EA7VD,CA6VIiG,OAAQzH","ignoreList":[]} \ No newline at end of file diff --git a/assets/js/pro/settings.css b/assets/js/pro/settings.css new file mode 100644 index 0000000..67a6518 --- /dev/null +++ b/assets/js/pro/settings.css @@ -0,0 +1,10 @@ +.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle} +.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1, 0, 0, 1, 0, 0);border-top-right-radius:5px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 0.5rem} +div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:0.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px} +.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer} +#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:0.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0} +#as3cf-settings.wpome div.panel.settings .header img.svelte-1m7cok0.svelte-1m7cok0{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.assets-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .assets-details.svelte-1m7cok0 h3.svelte-1m7cok0{margin-left:0;margin-bottom:0.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-1m7cok0.svelte-1m7cok0{display:flex;align-items:center;color:var(--as3cf-color-gray-600);font-size:0.75rem} +.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56, 54, 55, 0.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:0.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center} +.nav-status-wrapper.svelte-1i784er{position:relative} diff --git a/assets/js/pro/settings.js b/assets/js/pro/settings.js new file mode 100644 index 0000000..c172331 --- /dev/null +++ b/assets/js/pro/settings.js @@ -0,0 +1,45667 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.AS3CFPro_Settings = factory()); +})(this, (function () { 'use strict'; + + /** @returns {void} */ + function noop() {} + + const identity = (x) => x; + + /** + * @template T + * @template S + * @param {T} tar + * @param {S} src + * @returns {T & S} + */ + function assign(tar, src) { + // @ts-ignore + for (const k in src) tar[k] = src[k]; + return /** @type {T & S} */ (tar); + } + + // Adapted from https://github.com/then/is-promise/blob/master/index.js + // Distributed under MIT License https://github.com/then/is-promise/blob/master/LICENSE + /** + * @param {any} value + * @returns {value is PromiseLike} + */ + function is_promise(value) { + return ( + !!value && + (typeof value === 'object' || typeof value === 'function') && + typeof (/** @type {any} */ (value).then) === 'function' + ); + } + + /** @returns {void} */ + function add_location(element, file, line, column, char) { + element.__svelte_meta = { + loc: { file, line, column, char } + }; + } + + function run(fn) { + return fn(); + } + + function blank_object() { + return Object.create(null); + } + + /** + * @param {Function[]} fns + * @returns {void} + */ + function run_all(fns) { + fns.forEach(run); + } + + /** + * @param {any} thing + * @returns {thing is Function} + */ + function is_function(thing) { + return typeof thing === 'function'; + } + + /** @returns {boolean} */ + function safe_not_equal(a, b) { + return a != a ? b == b : a !== b || (a && typeof a === 'object') || typeof a === 'function'; + } + + let src_url_equal_anchor; + + /** + * @param {string} element_src + * @param {string} url + * @returns {boolean} + */ + function src_url_equal(element_src, url) { + if (element_src === url) return true; + if (!src_url_equal_anchor) { + src_url_equal_anchor = document.createElement('a'); + } + // This is actually faster than doing URL(..).href + src_url_equal_anchor.href = url; + return element_src === src_url_equal_anchor.href; + } + + /** @returns {boolean} */ + function is_empty(obj) { + return Object.keys(obj).length === 0; + } + + /** @returns {void} */ + function validate_store(store, name) { + if (store != null && typeof store.subscribe !== 'function') { + throw new Error(`'${name}' is not a store with a 'subscribe' method`); + } + } + + function subscribe(store, ...callbacks) { + if (store == null) { + for (const callback of callbacks) { + callback(undefined); + } + return noop; + } + const unsub = store.subscribe(...callbacks); + return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub; + } + + /** + * Get the current value from a store by subscribing and immediately unsubscribing. + * + * https://svelte.dev/docs/svelte-store#get + * @template T + * @param {import('../store/public.js').Readable} store + * @returns {T} + */ + function get_store_value(store) { + let value; + subscribe(store, (_) => (value = _))(); + return value; + } + + /** @returns {void} */ + function component_subscribe(component, store, callback) { + component.$$.on_destroy.push(subscribe(store, callback)); + } + + function create_slot(definition, ctx, $$scope, fn) { + if (definition) { + const slot_ctx = get_slot_context(definition, ctx, $$scope, fn); + return definition[0](slot_ctx); + } + } + + function get_slot_context(definition, ctx, $$scope, fn) { + return definition[1] && fn ? assign($$scope.ctx.slice(), definition[1](fn(ctx))) : $$scope.ctx; + } + + function get_slot_changes(definition, $$scope, dirty, fn) { + if (definition[2] && fn) { + const lets = definition[2](fn(dirty)); + if ($$scope.dirty === undefined) { + return lets; + } + if (typeof lets === 'object') { + const merged = []; + const len = Math.max($$scope.dirty.length, lets.length); + for (let i = 0; i < len; i += 1) { + merged[i] = $$scope.dirty[i] | lets[i]; + } + return merged; + } + return $$scope.dirty | lets; + } + return $$scope.dirty; + } + + /** @returns {void} */ + function update_slot_base( + slot, + slot_definition, + ctx, + $$scope, + slot_changes, + get_slot_context_fn + ) { + if (slot_changes) { + const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn); + slot.p(slot_context, slot_changes); + } + } + + /** @returns {any[] | -1} */ + function get_all_dirty_from_scope($$scope) { + if ($$scope.ctx.length > 32) { + const dirty = []; + const length = $$scope.ctx.length / 32; + for (let i = 0; i < length; i++) { + dirty[i] = -1; + } + return dirty; + } + return -1; + } + + /** @returns {{}} */ + function exclude_internal_props(props) { + const result = {}; + for (const k in props) if (k[0] !== '$') result[k] = props[k]; + return result; + } + + function set_store_value(store, ret, value) { + store.set(value); + return ret; + } + + function action_destroyer(action_result) { + return action_result && is_function(action_result.destroy) ? action_result.destroy : noop; + } + + const is_client = typeof window !== 'undefined'; + + /** @type {() => number} */ + let now = is_client ? () => window.performance.now() : () => Date.now(); + + let raf = is_client ? (cb) => requestAnimationFrame(cb) : noop; + + const tasks = new Set(); + + /** + * @param {number} now + * @returns {void} + */ + function run_tasks(now) { + tasks.forEach((task) => { + if (!task.c(now)) { + tasks.delete(task); + task.f(); + } + }); + if (tasks.size !== 0) raf(run_tasks); + } + + /** + * Creates a new task that runs on each raf frame + * until it returns a falsy value or is aborted + * @param {import('./private.js').TaskCallback} callback + * @returns {import('./private.js').Task} + */ + function loop(callback) { + /** @type {import('./private.js').TaskEntry} */ + let task; + if (tasks.size === 0) raf(run_tasks); + return { + promise: new Promise((fulfill) => { + tasks.add((task = { c: callback, f: fulfill })); + }), + abort() { + tasks.delete(task); + } + }; + } + + /** @type {typeof globalThis} */ + const globals = + typeof window !== 'undefined' + ? window + : typeof globalThis !== 'undefined' + ? globalThis + : // @ts-ignore Node typings have this + global; + + /** + * @param {Node} target + * @param {Node} node + * @returns {void} + */ + function append(target, node) { + target.appendChild(node); + } + + /** + * @param {Node} node + * @returns {ShadowRoot | Document} + */ + function get_root_for_style(node) { + if (!node) return document; + const root = node.getRootNode ? node.getRootNode() : node.ownerDocument; + if (root && /** @type {ShadowRoot} */ (root).host) { + return /** @type {ShadowRoot} */ (root); + } + return node.ownerDocument; + } + + /** + * @param {Node} node + * @returns {CSSStyleSheet} + */ + function append_empty_stylesheet(node) { + const style_element = element('style'); + // For transitions to work without 'style-src: unsafe-inline' Content Security Policy, + // these empty tags need to be allowed with a hash as a workaround until we move to the Web Animations API. + // Using the hash for the empty string (for an empty tag) works in all browsers except Safari. + // So as a workaround for the workaround, when we append empty style tags we set their content to /* empty */. + // The hash 'sha256-9OlNO0DNEeaVzHL4RZwCLsBHA8WBQ8toBp/4F5XV2nc=' will then work even in Safari. + style_element.textContent = '/* empty */'; + append_stylesheet(get_root_for_style(node), style_element); + return style_element.sheet; + } + + /** + * @param {ShadowRoot | Document} node + * @param {HTMLStyleElement} style + * @returns {CSSStyleSheet} + */ + function append_stylesheet(node, style) { + append(/** @type {Document} */ (node).head || node, style); + return style.sheet; + } + + /** + * @param {Node} target + * @param {Node} node + * @param {Node} [anchor] + * @returns {void} + */ + function insert(target, node, anchor) { + target.insertBefore(node, anchor || null); + } + + /** + * @param {Node} node + * @returns {void} + */ + function detach(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } + } + + /** + * @returns {void} */ + function destroy_each(iterations, detaching) { + for (let i = 0; i < iterations.length; i += 1) { + if (iterations[i]) iterations[i].d(detaching); + } + } + + /** + * @template {keyof HTMLElementTagNameMap} K + * @param {K} name + * @returns {HTMLElementTagNameMap[K]} + */ + function element(name) { + return document.createElement(name); + } + + /** + * @template {keyof SVGElementTagNameMap} K + * @param {K} name + * @returns {SVGElement} + */ + function svg_element(name) { + return document.createElementNS('http://www.w3.org/2000/svg', name); + } + + /** + * @param {string} data + * @returns {Text} + */ + function text(data) { + return document.createTextNode(data); + } + + /** + * @returns {Text} */ + function space() { + return text(' '); + } + + /** + * @returns {Text} */ + function empty() { + return text(''); + } + + /** + * @param {EventTarget} node + * @param {string} event + * @param {EventListenerOrEventListenerObject} handler + * @param {boolean | AddEventListenerOptions | EventListenerOptions} [options] + * @returns {() => void} + */ + function listen(node, event, handler, options) { + node.addEventListener(event, handler, options); + return () => node.removeEventListener(event, handler, options); + } + + /** + * @returns {(event: any) => any} */ + function prevent_default(fn) { + return function (event) { + event.preventDefault(); + // @ts-ignore + return fn.call(this, event); + }; + } + + /** + * @param {Element} node + * @param {string} attribute + * @param {string} [value] + * @returns {void} + */ + function attr(node, attribute, value) { + if (value == null) node.removeAttribute(attribute); + else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value); + } + + /** + * @param {HTMLInputElement[]} group + * @returns {{ p(...inputs: HTMLInputElement[]): void; r(): void; }} + */ + function init_binding_group(group) { + /** + * @type {HTMLInputElement[]} */ + let _inputs; + return { + /* push */ p(...inputs) { + _inputs = inputs; + _inputs.forEach((input) => group.push(input)); + }, + /* remove */ r() { + _inputs.forEach((input) => group.splice(group.indexOf(input), 1)); + } + }; + } + + /** + * @param {Element} element + * @returns {ChildNode[]} + */ + function children(element) { + return Array.from(element.childNodes); + } + + /** + * @returns {void} */ + function set_input_value(input, value) { + input.value = value == null ? '' : value; + } + + /** + * @returns {void} */ + function set_style(node, key, value, important) { + if (value == null) { + node.style.removeProperty(key); + } else { + node.style.setProperty(key, value, important ? 'important' : ''); + } + } + + /** + * @returns {void} */ + function select_option(select, value, mounting) { + for (let i = 0; i < select.options.length; i += 1) { + const option = select.options[i]; + if (option.__value === value) { + option.selected = true; + return; + } + } + if (!mounting || value !== undefined) { + select.selectedIndex = -1; // no option should be selected + } + } + + function select_value(select) { + const selected_option = select.querySelector(':checked'); + return selected_option && selected_option.__value; + } + // unfortunately this can't be a constant as that wouldn't be tree-shakeable + // so we cache the result instead + + /** + * @type {boolean} */ + let crossorigin; + + /** + * @returns {boolean} */ + function is_crossorigin() { + if (crossorigin === undefined) { + crossorigin = false; + try { + if (typeof window !== 'undefined' && window.parent) { + void window.parent.document; + } + } catch (error) { + crossorigin = true; + } + } + return crossorigin; + } + + /** + * @param {HTMLElement} node + * @param {() => void} fn + * @returns {() => void} + */ + function add_iframe_resize_listener(node, fn) { + const computed_style = getComputedStyle(node); + if (computed_style.position === 'static') { + node.style.position = 'relative'; + } + const iframe = element('iframe'); + iframe.setAttribute( + 'style', + 'display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ' + + 'overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;' + ); + iframe.setAttribute('aria-hidden', 'true'); + iframe.tabIndex = -1; + const crossorigin = is_crossorigin(); + + /** + * @type {() => void} + */ + let unsubscribe; + if (crossorigin) { + iframe.src = "data:text/html,"; + unsubscribe = listen( + window, + 'message', + /** @param {MessageEvent} event */ (event) => { + if (event.source === iframe.contentWindow) fn(); + } + ); + } else { + iframe.src = 'about:blank'; + iframe.onload = () => { + unsubscribe = listen(iframe.contentWindow, 'resize', fn); + // make sure an initial resize event is fired _after_ the iframe is loaded (which is asynchronous) + // see https://github.com/sveltejs/svelte/issues/4233 + fn(); + }; + } + append(node, iframe); + return () => { + if (crossorigin) { + unsubscribe(); + } else if (unsubscribe && iframe.contentWindow) { + unsubscribe(); + } + detach(iframe); + }; + } + + /** + * @returns {void} */ + function toggle_class(element, name, toggle) { + // The `!!` is required because an `undefined` flag means flipping the current state. + element.classList.toggle(name, !!toggle); + } + + /** + * @template T + * @param {string} type + * @param {T} [detail] + * @param {{ bubbles?: boolean, cancelable?: boolean }} [options] + * @returns {CustomEvent} + */ + function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) { + return new CustomEvent(type, { detail, bubbles, cancelable }); + } + /** */ + class HtmlTag { + /** + * @private + * @default false + */ + is_svg = false; + /** parent for creating node */ + e = undefined; + /** html tag nodes */ + n = undefined; + /** target */ + t = undefined; + /** anchor */ + a = undefined; + constructor(is_svg = false) { + this.is_svg = is_svg; + this.e = this.n = null; + } + + /** + * @param {string} html + * @returns {void} + */ + c(html) { + this.h(html); + } + + /** + * @param {string} html + * @param {HTMLElement | SVGElement} target + * @param {HTMLElement | SVGElement} anchor + * @returns {void} + */ + m(html, target, anchor = null) { + if (!this.e) { + if (this.is_svg) + this.e = svg_element(/** @type {keyof SVGElementTagNameMap} */ (target.nodeName)); + /** #7364 target for