django-smartbase-admin 0.2.47__py3-none-any.whl → 1.0.38__py3-none-any.whl

django_smartbase_admin/monkeypatch/admin_readonly_field_monkeypatch.py

@@ -0,0 +1,96 @@
+import django.contrib.admin.helpers
+from django.contrib.admin.utils import lookup_field, display_for_field
+from django.core.exceptions import ObjectDoesNotExist
+from django.db import models
+from django.db.models import ManyToManyRel, ForeignObjectRel, OneToOneField
+from django.template.defaultfilters import linebreaksbr
+from django.template.loader import render_to_string
+from django.utils.html import conditional_escape
+from django.utils.safestring import mark_safe
+
+from django_smartbase_admin.admin.site import sb_admin_site
+
+
+class SBAdminReadonlyField(django.contrib.admin.helpers.AdminReadonlyField):
+    readonly_template = "sb_admin/includes/readonly_field.html"
+    readonly_boolean_template = "sb_admin/includes/readonly_boolean_field.html"
+
+    def _boolean_field_content(self, value):
+        return mark_safe(
+            render_to_string(
+                template_name=self.readonly_boolean_template,
+                context={
+                    "field_label": self.field.get("label"),
+                    "field_name": self.field.get("name"),
+                    "value": value,
+                },
+            ),
+        )
+
+    def contents(self, request=None):
+        if self.model_admin.admin_site.name != sb_admin_site.name:
+            return super().contents()
+
+        field, obj, model_admin = (
+            self.field["field"],
+            self.form.instance,
+            self.model_admin,
+        )
+        try:
+            f, attr, value = lookup_field(field, obj, model_admin)
+        except (AttributeError, ValueError, ObjectDoesNotExist):
+            result_repr = self.empty_value_display
+        else:
+            if field in self.form.fields:
+                widget = self.form[field].field.widget
+                # This isn't elegant but suffices for contrib.auth's
+                # ReadOnlyPasswordHashWidget.
+                if getattr(widget, "read_only", False):
+                    return widget.render(field, value)
+            if f is None:
+                if getattr(attr, "boolean", False):
+                    return self._boolean_field_content(value)
+                else:
+                    if hasattr(value, "__html__"):
+                        result_repr = value
+                    else:
+                        result_repr = linebreaksbr(value)
+            else:
+                base_field = self.form.fields.get(
+                    field
+                ) or model_admin.all_base_fields_form.base_fields.get(field)
+                if isinstance(f.remote_field, ManyToManyRel) and value is not None:
+                    # get label from widget if has base_field
+                    if base_field:
+                        result_repr = base_field.widget.get_label(
+                            request, list(value.all())
+                        )
+                    else:
+                        result_repr = ", ".join(map(str, value.all()))
+                elif (
+                    isinstance(f.remote_field, (ForeignObjectRel, OneToOneField))
+                    and value is not None
+                ):
+                    # get label from widget if has base_field
+                    if base_field:
+                        result_repr = base_field.widget.get_label(
+                            request, getattr(obj, field)
+                        )
+                    else:
+                        result_repr = self.get_admin_url(f.remote_field, value)
+                else:
+                    if isinstance(f, models.BooleanField):
+                        return self._boolean_field_content(value)
+                    result_repr = display_for_field(value, f, self.empty_value_display)
+                result_repr = linebreaksbr(result_repr)
+        return render_to_string(
+            template_name=self.readonly_template,
+            context={
+                "readonly_content": conditional_escape(result_repr),
+                "field_label": self.field.get("label"),
+                "field_label_suffix": self.form.label_suffix,
+            },
+        )
+
+
+django.contrib.admin.helpers.AdminReadonlyField = SBAdminReadonlyField

django_smartbase_admin/monkeypatch/fake_inline_monkeypatch.py

@@ -14,7 +14,7 @@ def monkeypatch_get_foreign_key(fnc):
             result = models.ForeignKey(
                 model.original_model, on_delete=models.DO_NOTHING
             )
-            result.name = SBAdminFakeInlineMixin.fk_name
+            result.set_attributes_from_name(SBAdminFakeInlineMixin.fk_name)
 
         return result
 

django_smartbase_admin/querysets.py

@@ -2,6 +2,9 @@ from django.db import models
 
 
 class SBAdminListViewConfigurationQueryset(models.QuerySet):
+    def by_id(self, config_id):
+        return self.filter(id=config_id)
+
     def by_user_id(self, user_id):
         return self.filter(user_id=user_id)
 

django_smartbase_admin/services/configuration.py

@@ -20,3 +20,33 @@ class SBAdminConfigurationService(object):
             return slugify(view_id)
         else:
             return view_id
+
+
+class SBAdminUserConfigurationService(object):
+    @classmethod
+    def get_user_config(cls, request):
+        """Delegate to the configuration class's get_user_config method."""
+        configuration_class = import_string(settings.SB_ADMIN_CONFIGURATION)
+        return configuration_class.get_user_config(request)
+
+    @classmethod
+    def get_saved_views(cls, request, view_id):
+        """Delegate to the configuration class's get_saved_views method."""
+        configuration_class = import_string(settings.SB_ADMIN_CONFIGURATION)
+        return configuration_class.get_saved_views(request, view_id)
+
+    @classmethod
+    def create_or_update_saved_view(
+        cls, request, view_id, config_id, config_name, url_params
+    ):
+        """Delegate to the configuration class's create_or_update_saved_view method."""
+        configuration_class = import_string(settings.SB_ADMIN_CONFIGURATION)
+        return configuration_class.create_or_update_saved_view(
+            request, view_id, config_id, config_name, url_params
+        )
+
+    @classmethod
+    def delete_saved_view(cls, request, view_id, config_id):
+        """Delegate to the configuration class's delete_saved_view method."""
+        configuration_class = import_string(settings.SB_ADMIN_CONFIGURATION)
+        return configuration_class.delete_saved_view(request, view_id, config_id)

django_smartbase_admin/services/thread_local.py

@@ -1,26 +1,13 @@
-from threading import local
+from contextvars import ContextVar
 
-_thread_locals = local()
+sb_admin_request = ContextVar("sb_admin_request")
 
 
 class SBAdminThreadLocalService:
-    THREAD_DATA_KEY = "SB_ADMIN_DATA"
-
-    @classmethod
-    def get_wrapper(cls):
-        return getattr(_thread_locals, cls.THREAD_DATA_KEY, {})
-
-    @classmethod
-    def get_data(cls, key):
-        data_wrapper = cls.get_wrapper()
-        return data_wrapper.get(key)
-
     @classmethod
-    def set_data(cls, key, data):
-        data_wrapper = cls.get_wrapper()
-        data_wrapper[key] = data
+    def get_request(cls):
+        return sb_admin_request.get()
 
     @classmethod
-    def clear_data(cls):
-        if hasattr(_thread_locals, cls.THREAD_DATA_KEY):
-            delattr(_thread_locals, cls.THREAD_DATA_KEY)
+    def set_request(cls, request):
+        sb_admin_request.set(request)

django_smartbase_admin/services/views.py

@@ -1,38 +1,101 @@
 import json
 import pickle
+import urllib
 
-from django.db.models import Q, FilteredRelation, F, Value, CharField
+from django.db.models import Q, FilteredRelation, F
 from django.shortcuts import redirect
+from django.urls import reverse
 
 from django_smartbase_admin.engine.const import (
     BASE_PARAMS_NAME,
     FILTER_DATA_NAME,
+    FilterVersions,
+    ADVANCED_FILTER_DATA_NAME,
+    TABLE_PARAMS_SELECTED_FILTER_TYPE,
+    TABLE_TAB_ADVANCED_FITLERS,
 )
 from django_smartbase_admin.engine.request import SBAdminViewRequestData
 from django_smartbase_admin.services.translations import SBAdminTranslationsService
+from django_smartbase_admin.templatetags.sb_admin_tags import SBAdminJSONEncoder
 
 
 class SBAdminViewService(object):
     @classmethod
     def json_dumps_for_url(cls, data):
-        return json.dumps(data, separators=(",", ":"))
+        return json.dumps(data, separators=(",", ":"), cls=SBAdminJSONEncoder)
 
     @classmethod
     def json_dumps_and_replace(cls, data):
-        return cls.json_dumps_for_url(data).replace('"', '\\"')
+        return cls.json_dumps_for_url(data)
 
     @classmethod
     def build_list_url(cls, view_id, url_params):
-        params = {view_id: url_params}
-        return f"{BASE_PARAMS_NAME}={cls.json_dumps_for_url(params)}"
+        params = {BASE_PARAMS_NAME: cls.json_dumps_for_url({view_id: url_params})}
+        return urllib.parse.urlencode(params)
 
     @classmethod
-    def build_list_params_url(cls, view_id, filter_data=None):
+    def process_url_params(cls, view_id, url_params, filter_version):
+        url_params = url_params or {}
+        filter_data = SBAdminViewService.process_filter_data_url(
+            view_id=view_id,
+            filter_data=url_params.get(FILTER_DATA_NAME, {}),
+            filter_version=filter_version,
+        )
+        url_params_processed = {**url_params}
+        if filter_data:
+            url_params_processed[FILTER_DATA_NAME] = filter_data
+        return url_params_processed
+
+    @classmethod
+    def process_filter_data_url(cls, view_id, filter_data, filter_version):
+        if filter_version == FilterVersions.FILTERS_VERSION_2:
+            filter_data_processed = []
+            for key, value in filter_data.items():
+                filter_value = {
+                    "id": f"{view_id}-{key}",
+                    "field": key,
+                    "type": "string",
+                    "input": "text",
+                    "operator": "contains",
+                }
+                filter_value.update(value)
+                filter_data_processed.append(filter_value)
+            return filter_data_processed
+        else:
+            filter_data_processed = {}
+            for filter_key, filter_value in filter_data.items():
+                if isinstance(filter_value, str):
+                    filter_data_processed[filter_key] = filter_value
+                else:
+                    filter_data_processed[filter_key] = cls.json_dumps_and_replace(
+                        filter_value
+                    )
+            return filter_data_processed
+
+    @classmethod
+    def build_list_params_url(cls, view_id, filter_data=None, filter_version=None):
+        if filter_version == FilterVersions.FILTERS_VERSION_2:
+            filter_dict = {
+                ADVANCED_FILTER_DATA_NAME: {
+                    "condition": "AND",
+                    "rules": [],
+                    "valid": True,
+                },
+                FILTER_DATA_NAME: {
+                    TABLE_PARAMS_SELECTED_FILTER_TYPE: TABLE_TAB_ADVANCED_FITLERS
+                },
+            }
+            filter_dict[ADVANCED_FILTER_DATA_NAME]["rules"].extend(
+                cls.process_filter_data_url(view_id, filter_data, filter_version)
+            )
+            params = {BASE_PARAMS_NAME: cls.json_dumps_for_url({view_id: filter_dict})}
+            return urllib.parse.urlencode(params)
         filter_data = filter_data or {}
-        filter_data_processed = {}
-        for filter_key, filter_value in filter_data.items():
-            filter_data_processed[filter_key] = cls.json_dumps_and_replace(filter_value)
-        view_params = {FILTER_DATA_NAME: filter_data_processed}
+        view_params = {
+            FILTER_DATA_NAME: cls.process_filter_data_url(
+                view_id, filter_data, filter_version
+            )
+        }
         return cls.build_list_url(view_id, view_params)
 
     @classmethod
@@ -46,7 +109,10 @@ class SBAdminViewService(object):
             response.render()
         response.content = (
             response.content.decode()
-            .replace('href="/admin/', 'href="/sb-admin/')
+            .replace(
+                f'href="{reverse("admin:index")}',
+                f'href="{reverse("sb_admin:index")}',
+            )
             .encode()
         )
         return response
@@ -78,7 +144,7 @@ class SBAdminViewService(object):
         )
 
     @classmethod
-    def has_permission(cls, request, view, model=None, obj=None, permission=None):
+    def has_permission(cls, request, view=None, model=None, obj=None, permission=None):
         return request.request_data.configuration.has_permission(
             request, request.request_data, view, model, obj, permission
         )
@@ -91,8 +157,9 @@ class SBAdminViewService(object):
         request_data,
         global_filter=True,
         global_filter_data_map=None,
+        qs=None,
     ):
-        qs = model.objects.all()
+        qs = qs or model.objects.all()
         if global_filter:
             qs = cls.apply_global_filter_to_queryset(
                 qs, request, request_data, global_filter_data_map
@@ -152,7 +219,6 @@ class SBAdminViewService(object):
     def get_annotates(cls, model, values, fields):
         field_annotates = {}
         lang_annotates = {}
-        supporting_annotates = {}
         visible_fields = []
         for field in fields:
             if field.field in values:
@@ -160,18 +226,7 @@ class SBAdminViewService(object):
                     visible_fields.append(field.filter_field)
                 else:
                     visible_fields.append(field.field)
-                if field.annotate:
-                    field_annotates[field.field] = field.annotate
-                if field.annotate_function:
-                    function_result = field.annotate_function(field, values)
-                    if function_result:
-                        field_annotates[field.field] = function_result
-                    else:
-                        field_annotates[field.field] = Value(
-                            None, output_field=CharField()
-                        )
-                if field.supporting_annotates:
-                    supporting_annotates.update(field.supporting_annotates)
+                field_annotates.update(field.get_field_annotates(values))
         main_language_code = SBAdminTranslationsService.get_main_lang_code()
         for (
             translation_model,
@@ -188,4 +243,4 @@ class SBAdminViewService(object):
                 lang_annotates[model_field.name] = F(
                     f"{annotate_name}__{model_field.name}"
                 )
-        return {**lang_annotates, **supporting_annotates, **field_annotates}
+        return {**lang_annotates, **field_annotates}

django_smartbase_admin/services/xlsx_export.py

@@ -2,6 +2,7 @@ import datetime
 import io
 import re
 from copy import copy
+from html import unescape
 
 import xlsxwriter
 from django.http import HttpResponse
@@ -96,8 +97,13 @@ class SBAdminXLSXExportService(object):
                         except ValueError:
                             pass
                 if column_formatter == Formatter.HTML.value:
+                    # remove newlines
+                    data_col = re.sub(r"\n", "", str(data_col))
+                    data_col = re.sub(r"\r\n", "", str(data_col))
                     # replace all possible variants of <br> with new line
                     data_col = re.sub(r"<br\s*/?>", "\n", str(data_col))
+                    # unescape
+                    data_col = unescape(data_col)
                     data_col = strip_tags(data_col).strip()
                 if not image_write:
                     if (

django_smartbase_admin/static/sb_admin/build/tailwind.config.js

@@ -8,6 +8,7 @@ module.exports = {
         'src/django_smartbase_admin/templates/**/*.html',
         'src/django_smartbase_admin/static/sb_admin/src/js/**/*.js',
     ],
+    darkMode: 'class',
     corePlugins: {
         container: false,
     },

django_smartbase_admin/static/sb_admin/build/tailwind_config_partials/colors.js

@@ -25,7 +25,11 @@ module.exports = {
     colors: {
         current: 'currentColor',
         light: 'var(--color-light)',
+        'light-a': 'rgb(var(--color-light-a) / <alpha-value>)',
         'transparent': 'var(--color-transparent)',
         ...createColorConfig(),
+        'bg': 'var(--color-bg)',
+        'bg-elevated': 'var(--color-bg-elevated)',
+        'bg-input': 'var(--color-bg-input)',
     }
 }

django_smartbase_admin/static/sb_admin/build/tailwind_config_partials/spacing.js

@@ -35,6 +35,7 @@ const spacing = {
     '88': '5.5rem',
     '96': '6rem',
     '128': '8rem',
+    '136': '8.5rem',
     '160': '10rem',
     '192': '12rem',
     '224': '14rem',

django_smartbase_admin/static/sb_admin/build/webpack.common.js

@@ -1,19 +1,22 @@
-const path = require('path');
-const webpack = require('webpack');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const BundleTracker = require('webpack-bundle-tracker');
-const ESLintPlugin = require('eslint-webpack-plugin');
+const path = require('path')
+const webpack = require('webpack')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const ESLintPlugin = require('eslint-webpack-plugin')
 
 const entries = {
     main: './src/django_smartbase_admin/static/sb_admin/src/js/main.js',
     table: './src/django_smartbase_admin/static/sb_admin/src/js/table.js',
     chart: './src/django_smartbase_admin/static/sb_admin/src/js/chart.js',
+    calendar: './src/django_smartbase_admin/static/sb_admin/src/js/calendar.js',
     main_style: './src/django_smartbase_admin/static/sb_admin/src/css/style.css',
     translations: './src/django_smartbase_admin/static/sb_admin/src/js/translations.js',
     confirmation_modal: './src/django_smartbase_admin/static/sb_admin/src/js/confirmation_modal.js',
-};
+    tree_widget: './src/django_smartbase_admin/static/sb_admin/src/js/tree_widget.js',
+    tree_widget_style: './src/django_smartbase_admin/static/sb_admin/src/css/tree_widget.css',
+    calendar_style: './src/django_smartbase_admin/static/sb_admin/src/css/calendar.css',
+}
 
-const projectRoot = process.env.PWD || process.cwd();
+const projectRoot = process.env.PWD || process.cwd()
 
 module.exports = {
     resolve: {
@@ -74,4 +77,4 @@ module.exports = {
             'process.env.BUILD': JSON.stringify('web'),
         }),
     ]
-};
+}

django_smartbase_admin/static/sb_admin/css/ckeditor/ckeditor_content_dark.css

@@ -0,0 +1,208 @@
+body
+{
+	/* Font */
+	/* Emoji fonts are added to visualise them nicely in Internet Explorer. */
+	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	font-size: 12px;
+
+	/* Text color */
+	color: #ffffff;
+
+	/* Remove the background color to make it transparent. */
+	background-color: #2B3645;
+
+	margin: 20px;
+}
+
+.cke_panel_listItem.cke_selected a, .cke_panel_listItem a:hover, .cke_panel_listItem a:focus, .cke_panel_listItem a:active {
+    background-color: #111827;
+}
+
+
+.cke_editable
+{
+	font-size: 13px;
+	line-height: 1.6;
+
+	/* Fix for missing scrollbars with RTL texts. (#10488) */
+	word-wrap: break-word;
+}
+
+blockquote
+{
+	font-style: italic;
+	font-family: Georgia, Times, "Times New Roman", serif;
+	padding: 2px 0;
+	border-style: solid;
+	border-color: #ccc;
+	border-width: 0;
+}
+
+.cke_contents_ltr blockquote
+{
+	padding-left: 20px;
+	padding-right: 8px;
+	border-left-width: 5px;
+}
+
+.cke_contents_rtl blockquote
+{
+	padding-left: 8px;
+	padding-right: 20px;
+	border-right-width: 5px;
+}
+
+a
+{
+	color: #0782C1;
+}
+
+ol,ul,dl
+{
+	/* IE7: reset rtl list margin. (#7334) */
+	*margin-right: 0px;
+	/* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
+	padding: 0 40px;
+}
+
+h1,h2,h3,h4,h5,h6
+{
+	font-weight: normal;
+	line-height: 1.2;
+}
+
+hr
+{
+	border: 0px;
+	border-top: 1px solid #ccc;
+}
+
+img.right
+{
+	border: 1px solid #ccc;
+	float: right;
+	margin-left: 15px;
+	padding: 5px;
+}
+
+img.left
+{
+	border: 1px solid #ccc;
+	float: left;
+	margin-right: 15px;
+	padding: 5px;
+}
+
+pre
+{
+	white-space: pre-wrap; /* CSS 2.1 */
+	word-wrap: break-word; /* IE7 */
+	-moz-tab-size: 4;
+	tab-size: 4;
+}
+
+.marker
+{
+	background-color: Yellow;
+}
+
+span[lang]
+{
+	font-style: italic;
+}
+
+figure
+{
+	text-align: center;
+	outline: solid 1px #ccc;
+	background: rgba(0,0,0,0.05);
+	padding: 10px;
+	margin: 10px 20px;
+	display: inline-block;
+}
+
+figure > figcaption
+{
+	text-align: center;
+	display: block; /* For IE8 */
+}
+
+a > img {
+	padding: 1px;
+	margin: 1px;
+	border: none;
+	outline: 1px solid #0782C1;
+}
+
+/* Widget Styles */
+.code-featured
+{
+	border: 5px solid red;
+}
+
+.math-featured
+{
+	padding: 20px;
+	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
+	background-color: rgba(255, 0, 0, 0.05);
+	margin: 10px;
+}
+
+.image-clean
+{
+	border: 0;
+	background: none;
+	padding: 0;
+}
+
+.image-clean > figcaption
+{
+	font-size: .9em;
+	text-align: right;
+}
+
+.image-grayscale
+{
+	background-color: white;
+	color: #666;
+}
+
+.image-grayscale img, img.image-grayscale
+{
+	filter: grayscale(100%);
+}
+
+.embed-240p
+{
+	max-width: 426px;
+	max-height: 240px;
+	margin:0 auto;
+}
+
+.embed-360p
+{
+	max-width: 640px;
+	max-height: 360px;
+	margin:0 auto;
+}
+
+.embed-480p
+{
+	max-width: 854px;
+	max-height: 480px;
+	margin:0 auto;
+}
+
+.embed-720p
+{
+	max-width: 1280px;
+	max-height: 720px;
+	margin:0 auto;
+}
+
+.embed-1080p
+{
+	max-width: 1920px;
+	max-height: 1080px;
+	margin:0 auto;
+}

django_smartbase_admin/static/sb_admin/css/coloris/coloris.min.css

@@ -0,0 +1 @@
+.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0,0,0,.05),0 5px 20px rgba(0,0,0,.1);-moz-user-select:none;-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0,0,0,0),#000),linear-gradient(90deg,#fff,currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg,rgba(0,0,0,0),currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0,0,0,.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg,#aaa 25%,transparent 25%,transparent 75%,#aaa 75%,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 25%,#fff 75%,#aaa 75%,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg,#666 25%,transparent 25%,transparent 75%,#888 75%,#888),repeating-linear-gradient(45deg,#888 25%,#444 25%,#444 75%,#888 75%,#888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,.1),0 5px 30px rgba(0,0,0,.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0,0,0,.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0,0,0,.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}