alchemy_cms 8.0.11 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +14 -10
- data/app/assets/builds/alchemy/admin.css +1 -1
- data/app/assets/builds/alchemy/dark-theme.css +1 -1
- data/app/assets/builds/alchemy/light-theme.css +1 -1
- data/app/assets/builds/alchemy/preview.min.js +1 -1
- data/app/assets/builds/alchemy/theme.css +1 -1
- data/app/{views/alchemy/admin/elements/_element.html.erb → components/alchemy/admin/element_editor.html.erb} +34 -29
- data/app/components/alchemy/admin/element_editor.rb +115 -0
- data/app/components/alchemy/admin/element_select.rb +12 -9
- data/app/components/alchemy/admin/ingredient_editor.rb +54 -0
- data/app/components/alchemy/admin/list_filter.rb +16 -5
- data/app/components/alchemy/admin/page_node.html.erb +214 -0
- data/app/components/alchemy/admin/page_node.rb +70 -0
- data/app/components/alchemy/admin/picture_thumbnail.rb +36 -0
- data/app/components/alchemy/admin/publish_page_button.html.erb +15 -0
- data/app/components/alchemy/admin/publish_page_button.rb +54 -0
- data/app/{helpers/alchemy/admin/tags_helper.rb → components/alchemy/admin/tags_list.rb} +19 -11
- data/app/components/alchemy/admin/toolbar_button.rb +17 -13
- data/app/components/alchemy/ingredients/audio_editor.rb +8 -0
- data/app/components/alchemy/ingredients/base_editor.rb +222 -0
- data/app/components/alchemy/ingredients/boolean_editor.rb +21 -0
- data/app/components/alchemy/ingredients/color_editor.rb +80 -0
- data/app/components/alchemy/ingredients/color_view.rb +13 -0
- data/app/components/alchemy/ingredients/datetime_editor.rb +28 -0
- data/app/components/alchemy/ingredients/file_editor.rb +69 -0
- data/app/components/alchemy/ingredients/headline_editor.rb +88 -0
- data/app/components/alchemy/ingredients/html_editor.rb +11 -0
- data/app/components/alchemy/ingredients/link_editor.rb +29 -0
- data/app/components/alchemy/ingredients/node_editor.rb +23 -0
- data/app/components/alchemy/ingredients/number_editor.rb +28 -0
- data/app/components/alchemy/ingredients/page_editor.rb +19 -0
- data/app/components/alchemy/ingredients/picture_editor.rb +81 -0
- data/app/components/alchemy/ingredients/richtext_editor.rb +31 -0
- data/app/components/alchemy/ingredients/select_editor.rb +37 -0
- data/app/components/alchemy/ingredients/select_view.rb +7 -0
- data/app/components/alchemy/ingredients/text_editor.rb +41 -0
- data/app/components/alchemy/ingredients/video_editor.rb +8 -0
- data/app/controllers/alchemy/admin/attachments_controller.rb +8 -6
- data/app/controllers/alchemy/admin/base_controller.rb +7 -18
- data/app/controllers/alchemy/admin/clipboard_controller.rb +15 -11
- data/app/controllers/alchemy/admin/dashboard_controller.rb +2 -2
- data/app/controllers/alchemy/admin/elements_controller.rb +34 -32
- data/app/controllers/alchemy/admin/ingredients_controller.rb +1 -0
- data/app/controllers/alchemy/admin/languages_controller.rb +0 -3
- data/app/controllers/alchemy/admin/layoutpages_controller.rb +2 -1
- data/app/controllers/alchemy/admin/legacy_page_urls_controller.rb +1 -1
- data/app/controllers/alchemy/admin/nodes_controller.rb +24 -1
- data/app/controllers/alchemy/admin/pages_controller.rb +36 -42
- data/app/controllers/alchemy/admin/pictures_controller.rb +2 -5
- data/app/controllers/alchemy/admin/resources_controller.rb +1 -1
- data/app/controllers/alchemy/api/ingredients_controller.rb +1 -1
- data/app/controllers/alchemy/api/pages_controller.rb +5 -3
- data/app/controllers/alchemy/base_controller.rb +6 -6
- data/app/controllers/alchemy/pages_controller.rb +12 -6
- data/app/controllers/concerns/alchemy/admin/archive_overlay.rb +0 -1
- data/app/controllers/concerns/alchemy/admin/clipboard.rb +57 -0
- data/app/controllers/concerns/alchemy/admin/uploader_responses.rb +2 -2
- data/app/controllers/concerns/alchemy/site_redirects.rb +1 -1
- data/app/decorators/alchemy/ingredient_editor.rb +37 -4
- data/app/helpers/alchemy/admin/base_helper.rb +10 -6
- data/app/helpers/alchemy/admin/ingredients_helper.rb +6 -3
- data/app/helpers/alchemy/base_helper.rb +1 -1
- data/app/helpers/alchemy/pages_helper.rb +1 -1
- data/app/javascript/alchemy_admin/components/action.js +5 -1
- data/app/javascript/alchemy_admin/components/color_select.js +73 -0
- data/app/javascript/alchemy_admin/components/element_editor/delete_element_button.js +11 -3
- data/app/javascript/alchemy_admin/components/element_editor/publish_element_button.js +7 -2
- data/app/javascript/alchemy_admin/components/element_editor.js +11 -12
- data/app/javascript/alchemy_admin/components/element_select.js +39 -17
- data/app/javascript/alchemy_admin/components/elements_window.js +0 -2
- data/app/javascript/alchemy_admin/components/file_editor.js +26 -0
- data/app/javascript/alchemy_admin/components/index.js +9 -0
- data/app/javascript/alchemy_admin/components/list_filter.js +57 -8
- data/app/javascript/alchemy_admin/components/message.js +9 -3
- data/app/javascript/alchemy_admin/components/page_node.js +119 -0
- data/app/javascript/alchemy_admin/{page_publication_fields.js → components/page_publication_fields.js} +9 -8
- data/app/javascript/alchemy_admin/{picture_editors.js → components/picture_editor.js} +30 -45
- data/app/javascript/alchemy_admin/components/picture_thumbnail.js +107 -0
- data/app/javascript/alchemy_admin/components/publish_page_button.js +41 -0
- data/app/javascript/alchemy_admin/components/select.js +3 -1
- data/app/javascript/alchemy_admin/components/sitemap.js +210 -0
- data/app/javascript/alchemy_admin/{sortable_elements.js → components/sortable_elements.js} +22 -25
- data/app/javascript/alchemy_admin/components/tinymce.js +10 -5
- data/app/javascript/alchemy_admin/components/uploader.js +30 -0
- data/app/javascript/alchemy_admin/image_overlay.js +0 -2
- data/app/javascript/alchemy_admin/initializer.js +0 -3
- data/app/javascript/alchemy_admin/link_dialog.js +1 -6
- data/app/javascript/alchemy_admin/templates/compiled.js +1 -1
- data/app/javascript/alchemy_admin/utils/ajax.js +15 -3
- data/app/javascript/alchemy_admin.js +0 -6
- data/app/models/alchemy/attachment.rb +4 -4
- data/app/models/alchemy/element/definitions.rb +1 -2
- data/app/models/alchemy/element/element_ingredients.rb +6 -2
- data/app/models/alchemy/element.rb +54 -13
- data/app/models/alchemy/element_definition.rb +4 -1
- data/app/models/alchemy/elements_repository.rb +6 -0
- data/app/models/alchemy/folded_page.rb +2 -2
- data/app/models/alchemy/ingredient.rb +38 -1
- data/app/models/alchemy/ingredient_definition.rb +4 -1
- data/app/models/alchemy/ingredient_validator.rb +6 -2
- data/app/models/alchemy/ingredients/color.rb +10 -0
- data/app/models/alchemy/ingredients/headline.rb +2 -17
- data/app/models/alchemy/ingredients/picture.rb +4 -4
- data/app/models/alchemy/ingredients/select.rb +19 -0
- data/app/models/alchemy/language/code.rb +0 -1
- data/app/models/alchemy/node.rb +28 -1
- data/app/models/alchemy/page/page_naming.rb +0 -7
- data/app/models/alchemy/page/page_natures.rb +7 -3
- data/app/models/alchemy/page/page_scopes.rb +13 -1
- data/app/models/alchemy/page/publisher.rb +14 -2
- data/app/models/alchemy/page.rb +102 -23
- data/app/models/alchemy/page_definition.rb +4 -1
- data/app/models/alchemy/page_version.rb +22 -6
- data/app/models/alchemy/picture.rb +10 -11
- data/app/models/alchemy/picture_variant.rb +1 -3
- data/app/models/alchemy/resource.rb +1 -1
- data/app/models/alchemy/storage_adapter/active_storage.rb +14 -2
- data/app/models/alchemy/storage_adapter/dragonfly.rb +12 -0
- data/app/models/alchemy/storage_adapter.rb +2 -0
- data/app/models/concerns/alchemy/picture_thumbnails.rb +4 -4
- data/app/models/concerns/alchemy/publishable.rb +54 -0
- data/app/serializers/alchemy/page_tree_serializer.rb +11 -31
- data/app/services/alchemy/copy_page.rb +17 -0
- data/app/services/alchemy/duplicate_element.rb +1 -1
- data/app/services/alchemy/page_tree_preloader.rb +105 -0
- data/app/stylesheets/alchemy/_extends.scss +3 -9
- data/app/stylesheets/alchemy/_mixins.scss +3 -1
- data/app/stylesheets/alchemy/_themes.scss +19 -10
- data/app/stylesheets/alchemy/admin/archive.scss +1 -0
- data/app/stylesheets/alchemy/admin/base.scss +5 -2
- data/app/stylesheets/alchemy/admin/buttons.scss +3 -3
- data/app/stylesheets/alchemy/admin/element-select.scss +18 -0
- data/app/stylesheets/alchemy/admin/elements.scss +123 -23
- data/app/stylesheets/alchemy/admin/errors.scss +1 -1
- data/app/stylesheets/alchemy/admin/flash.scss +6 -4
- data/app/stylesheets/alchemy/admin/images.scss +9 -5
- data/app/stylesheets/alchemy/admin/list_filter.scss +4 -4
- data/app/stylesheets/alchemy/admin/navigation.scss +1 -1
- data/app/stylesheets/alchemy/admin/notices.scss +1 -2
- data/app/stylesheets/alchemy/admin/selects.scss +36 -21
- data/app/stylesheets/alchemy/admin/shoelace.scss +14 -1
- data/app/stylesheets/alchemy/admin/sitemap.scss +11 -3
- data/app/stylesheets/alchemy/admin/tags.scss +3 -1
- data/app/stylesheets/alchemy/admin/toolbar.scss +1 -1
- data/app/views/alchemy/_edit_mode.html.erb +1 -1
- data/app/views/alchemy/_menubar.html.erb +1 -1
- data/app/views/alchemy/admin/attachments/_archive_overlay.html.erb +35 -31
- data/app/views/alchemy/admin/attachments/_library_sidebar.html.erb +6 -0
- data/app/views/alchemy/admin/attachments/_overlay_file_list.html.erb +1 -1
- data/app/views/alchemy/admin/attachments/_replace_button.html.erb +1 -8
- data/app/views/alchemy/admin/attachments/_sorting_select.html.erb +13 -0
- data/app/views/alchemy/admin/attachments/_tag_list.html.erb +2 -3
- data/app/views/alchemy/admin/attachments/index.html.erb +5 -11
- data/app/views/alchemy/admin/attachments/show.html.erb +1 -1
- data/app/views/alchemy/admin/clipboard/_button.html.erb +1 -0
- data/app/views/alchemy/admin/clipboard/index.html.erb +4 -5
- data/app/views/alchemy/admin/clipboard/insert.turbo_stream.erb +1 -1
- data/app/views/alchemy/admin/crop.html.erb +5 -7
- data/app/views/alchemy/admin/dashboard/widgets/_locked_pages.html.erb +1 -1
- data/app/views/alchemy/admin/elements/_add_nested_element_form.html.erb +6 -6
- data/app/views/alchemy/admin/elements/_fixed_element.html.erb +1 -1
- data/app/views/alchemy/admin/elements/_footer.html.erb +7 -1
- data/app/views/alchemy/admin/elements/_header.html.erb +5 -5
- data/app/views/alchemy/admin/elements/_toolbar.html.erb +33 -8
- data/app/views/alchemy/admin/elements/create.turbo_stream.erb +10 -10
- data/app/views/alchemy/admin/elements/index.html.erb +29 -16
- data/app/views/alchemy/admin/elements/new.html.erb +2 -2
- data/app/views/alchemy/admin/ingredients/update.turbo_stream.erb +3 -5
- data/app/views/alchemy/admin/leave.html.erb +1 -1
- data/app/views/alchemy/admin/nodes/_node.html.erb +19 -0
- data/app/views/alchemy/admin/nodes/edit.html.erb +1 -1
- data/app/views/alchemy/admin/nodes/index.html.erb +3 -1
- data/app/views/alchemy/admin/nodes/new.html.erb +14 -1
- data/app/views/alchemy/admin/pages/_current_page.html.erb +3 -1
- data/app/views/alchemy/admin/pages/_form.html.erb +21 -9
- data/app/views/alchemy/admin/pages/_page_status.html.erb +1 -1
- data/app/views/alchemy/admin/pages/_publication_fields.html.erb +28 -26
- data/app/views/alchemy/admin/pages/_table.html.erb +0 -7
- data/app/views/alchemy/admin/pages/_toolbar.html.erb +3 -6
- data/app/views/alchemy/admin/pages/edit.html.erb +5 -11
- data/app/views/alchemy/admin/pages/flush.turbo_stream.erb +2 -0
- data/app/views/alchemy/admin/pages/fold.turbo_stream.erb +5 -0
- data/app/views/alchemy/admin/pages/index.html.erb +5 -3
- data/app/views/alchemy/admin/pages/new.html.erb +2 -12
- data/app/views/alchemy/admin/pages/publish.turbo_stream.erb +12 -0
- data/app/views/alchemy/admin/pages/tree.html.erb +13 -0
- data/app/views/alchemy/admin/pages/update.turbo_stream.erb +5 -16
- data/app/views/alchemy/admin/partials/_flash_notices.html.erb +1 -1
- data/app/views/alchemy/admin/partials/{_remote_search_form.html.erb → _overlay_search_form.html.erb} +1 -2
- data/app/views/alchemy/admin/partials/_paste_from_clipboard_form.html.erb +12 -0
- data/app/views/alchemy/admin/pictures/_archive_overlay.html.erb +24 -21
- data/app/views/alchemy/admin/pictures/_filter_and_size_bar.html.erb +18 -26
- data/app/views/alchemy/admin/pictures/_picture.html.erb +11 -15
- data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb +3 -6
- data/app/views/alchemy/admin/pictures/_tag_list.html.erb +2 -3
- data/app/views/alchemy/admin/pictures/index.html.erb +0 -1
- data/app/views/alchemy/admin/pictures/update.turbo_stream.erb +1 -1
- data/app/views/alchemy/admin/resources/_resource_usage_info.html.erb +1 -1
- data/app/views/alchemy/admin/resources/_tag_list.html.erb +2 -3
- data/app/views/alchemy/admin/styleguide/index.html.erb +25 -20
- data/app/views/alchemy/admin/tags/edit.html.erb +1 -1
- data/app/views/alchemy/admin/tinymce/_setup.html.erb +2 -2
- data/app/views/alchemy/admin/uploader/_button.html.erb +1 -15
- data/app/views/alchemy/attachments/show.html.erb +1 -1
- data/app/views/alchemy/base/permission_denied.js.erb +1 -1
- data/app/views/alchemy/ingredients/shared/_anchor.html.erb +9 -7
- data/app/views/alchemy/ingredients/shared/_link_tools.html.erb +12 -5
- data/app/views/alchemy/ingredients/shared/_picture_tools.html.erb +10 -11
- data/app/views/alchemy/language_links/_spacer.html.erb +1 -1
- data/app/views/alchemy/messages_mailer/new.html.erb +1 -1
- data/app/views/alchemy/welcome.html.erb +1 -1
- data/config/locales/alchemy.en.yml +12 -3
- data/config/routes.rb +2 -2
- data/db/migrate/20230123112425_add_searchable_to_alchemy_pages.rb +1 -1
- data/db/migrate/20230505132743_add_indexes_to_alchemy_pictures.rb +1 -1
- data/db/migrate/20231113104432_create_page_mutexes.rb +1 -1
- data/db/migrate/20240314105244_create_alchemy_picture_descriptions.rb +1 -1
- data/db/migrate/20250626160259_add_unique_index_to_picture_descriptions.rb +1 -1
- data/db/migrate/20250905140323_add_created_at_index_to_pictures_and_attachments.rb +1 -1
- data/db/migrate/20251106150010_convert_select_value_for_multiple.rb +11 -0
- data/db/migrate/20260102121232_add_metadata_to_page_versions.rb +9 -0
- data/db/migrate/20260115164704_add_publication_timestamps_to_alchemy_elements.rb +30 -0
- data/db/migrate/20260115164705_add_index_to_element_publication_timestamps.rb +13 -0
- data/lib/alchemy/ability_helper.rb +1 -3
- data/lib/alchemy/auth_accessors.rb +51 -117
- data/lib/alchemy/configuration.rb +1 -0
- data/lib/alchemy/configurations/main.rb +63 -0
- data/lib/alchemy/controller_actions.rb +2 -3
- data/lib/alchemy/engine.rb +9 -12
- data/lib/alchemy/error_tracking/error_logger.rb +1 -1
- data/lib/alchemy/errors.rb +1 -1
- data/lib/alchemy/logger.rb +34 -4
- data/lib/alchemy/name_conversions.rb +0 -6
- data/lib/alchemy/seeder.rb +2 -2
- data/lib/alchemy/tasks/usage.rb +4 -4
- data/lib/alchemy/test_support/factories/page_version_factory.rb +3 -0
- data/lib/alchemy/test_support/having_picture_thumbnails_examples.rb +30 -0
- data/lib/alchemy/test_support/shared_ingredient_editor_examples.rb +26 -6
- data/lib/alchemy/test_support/shared_publishable_examples.rb +114 -0
- data/lib/alchemy/upgrader/eight_one.rb +56 -0
- data/lib/alchemy/upgrader.rb +9 -1
- data/lib/alchemy/version.rb +1 -1
- data/lib/alchemy.rb +1 -4
- data/lib/alchemy_cms.rb +0 -1
- data/lib/generators/alchemy/elements/templates/view.html.erb +3 -3
- data/lib/generators/alchemy/ingredient/ingredient_generator.rb +6 -8
- data/lib/generators/alchemy/ingredient/templates/editor_component.rb.tt +22 -0
- data/lib/generators/alchemy/page_layouts/templates/layout.html.erb +1 -1
- data/lib/generators/alchemy/site_layouts/templates/layout.html.erb +1 -1
- data/lib/tasks/alchemy/upgrade.rake +21 -7
- data/vendor/javascript/shoelace.min.js +713 -31
- data/vendor/javascript/tinymce.min.js +1 -1
- metadata +104 -84
- data/app/decorators/alchemy/element_editor.rb +0 -90
- data/app/helpers/alchemy/admin/pictures_helper.rb +0 -14
- data/app/javascript/alchemy_admin/file_editors.js +0 -28
- data/app/javascript/alchemy_admin/image_loader.js +0 -54
- data/app/javascript/alchemy_admin/page_sorter.js +0 -71
- data/app/javascript/alchemy_admin/sitemap.js +0 -154
- data/app/javascript/alchemy_admin/templates/page_folder.hbs +0 -3
- data/app/views/alchemy/admin/attachments/archive_overlay.js.erb +0 -4
- data/app/views/alchemy/admin/pages/_page.html.erb +0 -163
- data/app/views/alchemy/admin/pages/_sitemap.html.erb +0 -30
- data/app/views/alchemy/admin/pages/flush.js.erb +0 -2
- data/app/views/alchemy/admin/pictures/archive_overlay.js.erb +0 -5
- data/app/views/alchemy/admin/pictures/index.js.erb +0 -2
- data/app/views/alchemy/ingredients/_audio_editor.html.erb +0 -5
- data/app/views/alchemy/ingredients/_boolean_editor.html.erb +0 -11
- data/app/views/alchemy/ingredients/_datetime_editor.html.erb +0 -20
- data/app/views/alchemy/ingredients/_file_editor.html.erb +0 -52
- data/app/views/alchemy/ingredients/_headline_editor.html.erb +0 -44
- data/app/views/alchemy/ingredients/_html_editor.html.erb +0 -8
- data/app/views/alchemy/ingredients/_link_editor.html.erb +0 -30
- data/app/views/alchemy/ingredients/_node_editor.html.erb +0 -13
- data/app/views/alchemy/ingredients/_number_editor.html.erb +0 -24
- data/app/views/alchemy/ingredients/_page_editor.html.erb +0 -13
- data/app/views/alchemy/ingredients/_picture_editor.html.erb +0 -59
- data/app/views/alchemy/ingredients/_richtext_editor.html.erb +0 -15
- data/app/views/alchemy/ingredients/_select_editor.html.erb +0 -31
- data/app/views/alchemy/ingredients/_text_editor.html.erb +0 -29
- data/app/views/alchemy/ingredients/_video_editor.html.erb +0 -5
- data/lib/generators/alchemy/ingredient/templates/editor.html.erb +0 -14
- /data/{lib → app/models}/alchemy/permissions.rb +0 -0
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
var t=Object.defineProperty,e=Object.defineProperties,o=Object.getOwnPropertyDescriptor,
|
|
1
|
+
var t=Object.defineProperty,e=Object.defineProperties,o=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,a=(t,e)=>(e=Symbol[t])?e:Symbol.for("Symbol."+t),l=t=>{throw TypeError(t)},c=(e,o,r)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,h=(t,e)=>{for(var o in e||(e={}))s.call(e,o)&&c(t,o,e[o]);if(i)for(var o of i(e))n.call(e,o)&&c(t,o,e[o]);return t},d=(t,o)=>e(t,r(o)),u=(e,r,i,s)=>{for(var n,a=s>1?void 0:s?o(r,i):r,l=e.length-1;l>=0;l--)(n=e[l])&&(a=(s?n(r,i,a):n(a))||a);return s&&a&&t(r,i,a),a},p=(t,e,o)=>e.has(t)||l("Cannot "+o),b=function(t,e){this[0]=t,this[1]=e},f=t=>{var e,o=t[a("asyncIterator")],r=!1,i={};return null==o?(o=t[a("iterator")](),e=t=>i[t]=e=>o[t](e)):(o=o.call(t),e=t=>i[t]=e=>{if(r){if(r=!1,"throw"===t)throw e;return e}return r=!0,{done:!1,value:new b(new Promise((r=>{var i=o[t](e);i instanceof Object||l("Object expected"),r(i)})),1)}}),i[a("iterator")]=()=>i,e("next"),"throw"in o?e("throw"):i.throw=t=>{throw t},"return"in o&&e("return"),i},g=new Map,m=new WeakMap;function v(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function y(t,e){g.set(t,function(t){return null!=t?t:{keyframes:[],options:{duration:0}}}(e))}function w(t,e,o){const r=m.get(t);if(null==r?void 0:r[e])return v(r[e],o.dir);const i=g.get(e);return i?v(i,o.dir):{keyframes:[],options:{duration:0}}}
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/const _=globalThis,x=_.ShadowRoot&&(void 0===_.ShadyCSS||_.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype
|
|
6
|
+
*/const _=globalThis,x=_.ShadowRoot&&(void 0===_.ShadyCSS||_.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,k=Symbol(),$=new WeakMap;let C=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==k)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(x&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=$.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&$.set(e,t))}return t}toString(){return this.cssText}};const A=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[r+1]),t[0]);return new C(o,t,k)},E=x?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new C("string"==typeof t?t:t+"",void 0,k))(e)})(t):t
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/,{is:S,defineProperty:z,getOwnPropertyDescriptor:T,getOwnPropertyNames:P,getOwnPropertySymbols:L,getPrototypeOf:O}=Object,
|
|
11
|
+
*/,{is:S,defineProperty:z,getOwnPropertyDescriptor:T,getOwnPropertyNames:P,getOwnPropertySymbols:L,getPrototypeOf:O}=Object,B=globalThis,F=B.trustedTypes,D=F?F.emptyScript:"",R=B.reactiveElementPolyfillSupport,M=(t,e)=>t,N={toAttribute(t,e){switch(e){case Boolean:t=t?D:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},H=(t,e)=>!S(t,e),U={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:H};Symbol.metadata??=Symbol("metadata"),B.litPropertyMetadata??=new WeakMap;let I=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=U){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(t,o,e);void 0!==r&&z(this.prototype,t,r)}}static getPropertyDescriptor(t,e,o){const{get:r,set:i}=T(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:r,set(e){const s=r?.call(this);i?.call(this,e),this.requestUpdate(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??U}static _$Ei(){if(this.hasOwnProperty(M("elementProperties")))return;const t=O(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(M("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(M("properties"))){const t=this.properties,e=[...P(t),...L(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(E(t))}else void 0!==t&&e.push(E(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(x)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of e){const e=document.createElement("style"),r=_.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){const o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(void 0!==r&&!0===o.reflect){const i=(void 0!==o.converter?.toAttribute?o.converter:N).toAttribute(e,o.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){const o=this.constructor,r=o._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=o.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:N;this._$Em=r;const s=i.fromAttribute(e,t.type);this[r]=s??this._$Ej?.get(r)??s,this._$Em=null}}requestUpdate(t,e,o){if(void 0!==t){const r=this.constructor,i=this[t];if(o??=r.getPropertyOptions(t),!((o.hasChanged??H)(i,e)||o.useDefault&&o.reflect&&i===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:r,wrapped:i},s){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==i||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),!0===r&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t){const{wrapped:t}=o,r=this[e];!0!==t||this._$AL.has(e)||void 0===r||this.C(e,void 0,o,r)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};I.elementStyles=[],I.shadowRootOptions={mode:"open"},I[M("elementProperties")]=new Map,I[M("finalized")]=new Map,R?.({ReactiveElement:I}),(B.reactiveElementVersions??=[]).push("2.1.1");
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
const V=globalThis,W=V.trustedTypes,j=W?W.createPolicy("lit-html",{createHTML:t=>t}):void 0,q="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,Z="?"+K,G=`<${Z}>`,X=document,Y=()=>X.createComment(""),J=t=>null===t||"object"!=typeof t&&"function"!=typeof t,Q=Array.isArray,tt="[ \t\n\f\r]",et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ot=/-->/g,
|
|
17
|
+
const V=globalThis,W=V.trustedTypes,j=W?W.createPolicy("lit-html",{createHTML:t=>t}):void 0,q="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,Z="?"+K,G=`<${Z}>`,X=document,Y=()=>X.createComment(""),J=t=>null===t||"object"!=typeof t&&"function"!=typeof t,Q=Array.isArray,tt="[ \t\n\f\r]",et=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ot=/-->/g,rt=/>/g,it=RegExp(`>|${tt}(?:([^\\s"'>=/]+)(${tt}*=${tt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),st=/'/g,nt=/"/g,at=/^(?:script|style|textarea|title)$/i,lt=(t=>(e,...o)=>({_$litType$:t,strings:e,values:o}))(1),ct=Symbol.for("lit-noChange"),ht=Symbol.for("lit-nothing"),dt=new WeakMap,ut=X.createTreeWalker(X,129);function pt(t,e){if(!Q(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(e):e}const bt=(t,e)=>{const o=t.length-1,r=[];let i,s=2===e?"<svg>":3===e?"<math>":"",n=et;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,h=0;for(;h<o.length&&(n.lastIndex=h,l=n.exec(o),null!==l);)h=n.lastIndex,n===et?"!--"===l[1]?n=ot:void 0!==l[1]?n=rt:void 0!==l[2]?(at.test(l[2])&&(i=RegExp("</"+l[2],"g")),n=it):void 0!==l[3]&&(n=it):n===it?">"===l[0]?(n=i??et,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?it:'"'===l[3]?nt:st):n===nt||n===st?n=it:n===ot||n===rt?n=et:(n=it,i=void 0);const d=n===it&&t[e+1].startsWith("/>")?" ":"";s+=n===et?o+G:c>=0?(r.push(a),o.slice(0,c)+q+o.slice(c)+K+d):o+K+(-2===c?e:d)}return[pt(t,s+(t[o]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),r]};class ft{constructor({strings:t,_$litType$:e},o){let r;this.parts=[];let i=0,s=0;const n=t.length-1,a=this.parts,[l,c]=bt(t,e);if(this.el=ft.createElement(l,o),ut.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=ut.nextNode())&&a.length<n;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(q)){const e=c[s++],o=r.getAttribute(t).split(K),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:i,name:n[2],strings:o,ctor:"."===n[1]?wt:"?"===n[1]?_t:"@"===n[1]?xt:yt}),r.removeAttribute(t)}else t.startsWith(K)&&(a.push({type:6,index:i}),r.removeAttribute(t));if(at.test(r.tagName)){const t=r.textContent.split(K),e=t.length-1;if(e>0){r.textContent=W?W.emptyScript:"";for(let o=0;o<e;o++)r.append(t[o],Y()),ut.nextNode(),a.push({type:2,index:++i});r.append(t[e],Y())}}}else if(8===r.nodeType)if(r.data===Z)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(K,t+1));)a.push({type:7,index:i}),t+=K.length-1}i++}}static createElement(t,e){const o=X.createElement("template");return o.innerHTML=t,o}}function gt(t,e,o=t,r){if(e===ct)return e;let i=void 0!==r?o._$Co?.[r]:o._$Cl;const s=J(e)?void 0:e._$litDirective$;return i?.constructor!==s&&(i?._$AO?.(!1),void 0===s?i=void 0:(i=new s(t),i._$AT(t,o,r)),void 0!==r?(o._$Co??=[])[r]=i:o._$Cl=i),void 0!==i&&(e=gt(t,i._$AS(t,e.values),i,r)),e}class mt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,r=(t?.creationScope??X).importNode(e,!0);ut.currentNode=r;let i=ut.nextNode(),s=0,n=0,a=o[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new vt(i,i.nextSibling,this,t):1===a.type?e=new a.ctor(i,a.name,a.strings,this,t):6===a.type&&(e=new kt(i,this,t)),this._$AV.push(e),a=o[++n]}s!==a?.index&&(i=ut.nextNode(),s++)}return ut.currentNode=X,r}p(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class vt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,r){this.type=2,this._$AH=ht,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=gt(this,t,e),J(t)?t===ht||null==t||""===t?(this._$AH!==ht&&this._$AR(),this._$AH=ht):t!==this._$AH&&t!==ct&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>Q(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==ht&&J(this._$AH)?this._$AA.nextSibling.data=t:this.T(X.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=ft.createElement(pt(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new mt(r,this),o=t.u(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let e=dt.get(t.strings);return void 0===e&&dt.set(t.strings,e=new ft(t)),e}k(t){Q(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,r=0;for(const i of t)r===e.length?e.push(o=new vt(this.O(Y()),this.O(Y()),this,this.options)):o=e[r],o._$AI(i),r++;r<e.length&&(this._$AR(o&&o._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class yt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,r,i){this.type=1,this._$AH=ht,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=i,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=ht}_$AI(t,e=this,o,r){const i=this.strings;let s=!1;if(void 0===i)t=gt(this,t,e,0),s=!J(t)||t!==this._$AH&&t!==ct,s&&(this._$AH=t);else{const r=t;let n,a;for(t=i[0],n=0;n<i.length-1;n++)a=gt(this,r[o+n],e,n),a===ct&&(a=this._$AH[n]),s||=!J(a)||a!==this._$AH[n],a===ht?t=ht:t!==ht&&(t+=(a??"")+i[n+1]),this._$AH[n]=a}s&&!r&&this.j(t)}j(t){t===ht?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class wt extends yt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ht?void 0:t}}class _t extends yt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ht)}}class xt extends yt{constructor(t,e,o,r,i){super(t,e,o,r,i),this.type=5}_$AI(t,e=this){if((t=gt(this,t,e,0)??ht)===ct)return;const o=this._$AH,r=t===ht&&o!==ht||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,i=t!==ht&&(o===ht||r);r&&this.element.removeEventListener(this.name,this,o),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class kt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){gt(this,t)}}const $t=V.litHtmlPolyfillSupport;$t?.(ft,vt),(V.litHtmlVersions??=[]).push("3.3.1");const Ct=globalThis;
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
-
*/let At=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{const
|
|
22
|
+
*/let At=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{const r=o?.renderBefore??e;let i=r._$litPart$;if(void 0===i){const t=o?.renderBefore??null;r._$litPart$=i=new vt(e.insertBefore(Y(),t),t,void 0,o??{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ct}};At._$litElement$=!0,At.finalized=!0,Ct.litElementHydrateSupport?.({LitElement:At});const Et=Ct.litElementPolyfillSupport;Et?.({LitElement:At}),(Ct.litElementVersions??=[]).push("4.2.1");var St=A`
|
|
23
23
|
:host {
|
|
24
24
|
display: inline-block;
|
|
25
25
|
}
|
|
@@ -240,7 +240,7 @@ const V=globalThis,W=V.trustedTypes,j=W?W.createPolicy("lit-html",{createHTML:t=
|
|
|
240
240
|
.form-control--has-help-text.form-control--radio-group .form-control__help-text {
|
|
241
241
|
margin-top: var(--sl-spacing-2x-small);
|
|
242
242
|
}
|
|
243
|
-
`,Tt=new WeakMap,Pt=new WeakMap,Lt=new WeakMap,Ot=new WeakSet,
|
|
243
|
+
`,Tt=new WeakMap,Pt=new WeakMap,Lt=new WeakMap,Ot=new WeakSet,Bt=new WeakMap,Ft=class{constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host),o=this.options.name(this.host),r=this.options.value(this.host),i="sl-button"===this.host.tagName.toLowerCase();this.host.isConnected&&!e&&!i&&"string"==typeof o&&o.length>0&&void 0!==r&&(Array.isArray(r)?r.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,r.toString()))},this.handleFormSubmit=t=>{var e;const o=this.options.disabled(this.host),r=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=Tt.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),!this.form||this.form.noValidate||o||r(this.host)||(t.preventDefault(),t.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),Bt.set(this.host,[])},this.handleInteraction=t=>{const e=Bt.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.checkValidity&&!e.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0},(this.host=t).addController(this),this.options=h({form:t=>{const e=t.form;if(e){const o=t.getRootNode().querySelector(`#${e}`);if(o)return o}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return null!=(e=t.disabled)&&e},reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),Bt.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),Bt.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(t){t?(this.form=t,Tt.has(this.form)?Tt.get(this.form).add(this.host):Tt.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Pt.has(this.form)||(Pt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),Lt.has(this.form)||(Lt.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const t=Tt.get(this.form);t&&(t.delete(this.host),t.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Pt.has(this.form)&&(this.form.reportValidity=Pt.get(this.form),Pt.delete(this.form)),Lt.has(this.form)&&(this.form.checkValidity=Lt.get(this.form),Lt.delete(this.form)),this.form=void 0))}setUserInteracted(t,e){e?Ot.add(t):Ot.delete(t),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}getForm(){var t;return null!=(t=this.form)?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host,o=Boolean(Ot.has(e)),r=Boolean(e.required);e.toggleAttribute("data-required",r),e.toggleAttribute("data-optional",!r),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}},Dt=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze(d(h({},Dt),{valid:!1,valueMissing:!0})),Object.freeze(d(h({},Dt),{valid:!1,customError:!0}));var Rt=class{constructor(t,...e){this.slotNames=[],this.handleSlotChange=t=>{const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()},(this.host=t).addController(this),this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&""!==t.textContent.trim())return!0;if(t.nodeType===t.ELEMENT_NODE){const e=t;if("sl-visually-hidden"===e.tagName.toLowerCase())return!1;if(!e.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(t){return null!==this.host.querySelector(`:scope > [slot="${t}"]`)}test(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};function Mt(t,e){const o=h({waitUntilFirstUpdate:!1},e);return(e,r)=>{const{update:i}=e,s=Array.isArray(t)?t:[t];e.update=function(t){s.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),s=this[i];e!==s&&(o.waitUntilFirstUpdate&&!this.hasUpdated||this[r](e,s))}})),i.call(this,t)}}}var Nt=A`
|
|
244
244
|
:host {
|
|
245
245
|
box-sizing: border-box;
|
|
246
246
|
}
|
|
@@ -259,7 +259,7 @@ const V=globalThis,W=V.trustedTypes,j=W?W.createPolicy("lit-html",{createHTML:t=
|
|
|
259
259
|
* @license
|
|
260
260
|
* Copyright 2017 Google LLC
|
|
261
261
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
262
|
-
*/;const Ht={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:H},Ut=(t=Ht,e,o)=>{const{kind:
|
|
262
|
+
*/;const Ht={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:H},Ut=(t=Ht,e,o)=>{const{kind:r,metadata:i}=o;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===r&&((t=Object.create(t)).wrapped=!0),s.set(o.name,t),"accessor"===r){const{name:r}=o;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(r,i,t)},init(e){return void 0!==e&&this.C(r,void 0,t,e),e}}}if("setter"===r){const{name:r}=o;return function(o){const i=this[r];e.call(this,o),this.requestUpdate(r,i,t)}}throw Error("Unsupported decorator location: "+r)};function It(t){return(e,o)=>"object"==typeof o?Ut(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)
|
|
263
263
|
/**
|
|
264
264
|
* @license
|
|
265
265
|
* Copyright 2017 Google LLC
|
|
@@ -275,7 +275,7 @@ const V=globalThis,W=V.trustedTypes,j=W?W.createPolicy("lit-html",{createHTML:t=
|
|
|
275
275
|
* Copyright 2017 Google LLC
|
|
276
276
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
277
277
|
*/
|
|
278
|
-
function Wt(t,e){return(e,o,
|
|
278
|
+
function Wt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o))(e,o,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}var jt,qt=class extends At{constructor(){var t,e,o;super(),t=this,o=!1,(e=jt).has(t)?l("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,o),this.initialReflectedProperties=new Map,Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}emit(t,e){const o=new CustomEvent(t,h({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(o),o}static define(t,e=this,o={}){const r=customElements.get(t);if(!r){try{customElements.define(t,e,o)}catch(r){customElements.define(t,class extends e{},o)}return}let i=" (unknown version)",s=i;"version"in e&&e.version&&(i=" v"+e.version),"version"in r&&r.version&&(s=" v"+r.version),i&&s&&i===s||console.warn(`Attempted to register <${t}>${i}, but <${t}>${s} has already been registered.`)}attributeChangedCallback(t,e,o){var r,i;p(r=this,i=jt,"read from private field"),i.get(r)||(this.constructor.elementProperties.forEach(((t,e)=>{t.reflect&&null!=this[e]&&this.initialReflectedProperties.set(e,this[e])})),((t,e,o)=>{p(t,e,"write to private field"),e.set(t,o)})(this,jt,!0)),super.attributeChangedCallback(t,e,o)}willUpdate(t){super.willUpdate(t),this.initialReflectedProperties.forEach(((e,o)=>{t.has(o)&&null==this[o]&&(this[o]=e)}))}};jt=new WeakMap,qt.version="2.20.1",qt.dependencies={},u([It()],qt.prototype,"dir",2),u([It()],qt.prototype,"lang",2);
|
|
279
279
|
/**
|
|
280
280
|
* @license
|
|
281
281
|
* Copyright 2017 Google LLC
|
|
@@ -286,12 +286,12 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
286
286
|
* @license
|
|
287
287
|
* Copyright 2018 Google LLC
|
|
288
288
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
289
|
-
*/const Jt=Xt(class extends Yt{constructor(t){if(super(t),t.type!==Kt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const
|
|
289
|
+
*/const Jt=Xt(class extends Yt{constructor(t){if(super(t),t.type!==Kt||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const r=!!e[t];r===this.st.has(t)||this.nt?.has(t)||(r?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return ct}}),Qt=t=>t??ht
|
|
290
290
|
/**
|
|
291
291
|
* @license
|
|
292
292
|
* Copyright 2020 Google LLC
|
|
293
293
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
294
|
-
*/,te={},ee=Xt(class extends Yt{constructor(t){if(super(t),t.type!==Zt&&t.type!==Kt&&t.type!==Gt)throw Error("The `live` directive is not allowed on child or event bindings");if(!(t=>void 0===t.strings)(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===ct||e===ht)return e;const o=t.element,
|
|
294
|
+
*/,te={},ee=Xt(class extends Yt{constructor(t){if(super(t),t.type!==Zt&&t.type!==Kt&&t.type!==Gt)throw Error("The `live` directive is not allowed on child or event bindings");if(!(t=>void 0===t.strings)(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===ct||e===ht)return e;const o=t.element,r=t.name;if(t.type===Zt){if(e===o[r])return ct}else if(t.type===Gt){if(!!e===o.hasAttribute(r))return ct}else if(t.type===Kt&&o.getAttribute(r)===e+"")return ct;return((t,e=te)=>{t._$AH=e;
|
|
295
295
|
/**
|
|
296
296
|
* @license
|
|
297
297
|
* Copyright 2020 Google LLC
|
|
@@ -301,7 +301,7 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
301
301
|
* @license
|
|
302
302
|
* Copyright 2018 Google LLC
|
|
303
303
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
304
|
-
*/var oe=class extends qt{constructor(){super(...arguments),this.formControlController=new
|
|
304
|
+
*/var oe=class extends qt{constructor(){super(...arguments),this.formControlController=new Ft(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e}),this.hasSlotController=new Rt(this,"help-text"),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleInput(){this.emit("sl-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.checked=!this.checked,this.emit("sl-change")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleKeyDown(t){"ArrowLeft"===t.key&&(t.preventDefault(),this.checked=!1,this.emit("sl-change"),this.emit("sl-input")),"ArrowRight"===t.key&&(t.preventDefault(),this.checked=!0,this.emit("sl-change"),this.emit("sl-input"))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("help-text"),e=!!this.helpText||!!t;return lt`
|
|
305
305
|
<div
|
|
306
306
|
class=${Jt({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-help-text":e})}
|
|
307
307
|
>
|
|
@@ -347,7 +347,7 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
347
347
|
<slot name="help-text">${this.helpText}</slot>
|
|
348
348
|
</div>
|
|
349
349
|
</div>
|
|
350
|
-
`}};oe.styles=[Nt,zt,St],
|
|
350
|
+
`}};oe.styles=[Nt,zt,St],u([Wt('input[type="checkbox"]')],oe.prototype,"input",2),u([Vt()],oe.prototype,"hasFocus",2),u([It()],oe.prototype,"title",2),u([It()],oe.prototype,"name",2),u([It()],oe.prototype,"value",2),u([It({reflect:!0})],oe.prototype,"size",2),u([It({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),u([It({type:Boolean,reflect:!0})],oe.prototype,"checked",2),u([((t="value")=>(e,o)=>{const r=e.constructor,i=r.prototype.attributeChangedCallback;r.prototype.attributeChangedCallback=function(e,s,n){var a;const l=r.getPropertyOptions(t);if(e===("string"==typeof l.attribute?l.attribute:t)){const e=l.converter||N,r=("function"==typeof e?e:null!=(a=null==e?void 0:e.fromAttribute)?a:N.fromAttribute)(n,l.type);this[t]!==r&&(this[o]=r)}i.call(this,e,s,n)}})("checked")],oe.prototype,"defaultChecked",2),u([It({reflect:!0})],oe.prototype,"form",2),u([It({type:Boolean,reflect:!0})],oe.prototype,"required",2),u([It({attribute:"help-text"})],oe.prototype,"helpText",2),u([Mt("checked",{waitUntilFirstUpdate:!0})],oe.prototype,"handleCheckedChange",1),u([Mt("disabled",{waitUntilFirstUpdate:!0})],oe.prototype,"handleDisabledChange",1),oe.define("sl-switch");var re=A`
|
|
351
351
|
:host {
|
|
352
352
|
display: inline-block;
|
|
353
353
|
}
|
|
@@ -412,7 +412,7 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
412
412
|
outline-offset: -3px;
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
|
-
`,
|
|
415
|
+
`,ie=A`
|
|
416
416
|
:host {
|
|
417
417
|
display: inline-block;
|
|
418
418
|
color: var(--sl-color-neutral-600);
|
|
@@ -459,7 +459,7 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
459
459
|
.icon-button__icon {
|
|
460
460
|
pointer-events: none;
|
|
461
461
|
}
|
|
462
|
-
`,
|
|
462
|
+
`,se="";function ne(t){se=t}var ae={name:"default",resolver:t=>function(t=""){if(!se){const t=[...document.getElementsByTagName("script")],e=t.find((t=>t.hasAttribute("data-shoelace")));if(e)ne(e.getAttribute("data-shoelace"));else{const e=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let o="";e&&(o=e.getAttribute("src")),ne(o.split("/").slice(0,-1).join("/"))}}return se.replace(/\/$/,"")+(t?`/${t.replace(/^\//,"")}`:"")}(`assets/icons/${t}.svg`)},le={caret:'\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polyline points="6 9 12 15 18 9"></polyline>\n </svg>\n ',check:'\n <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor">\n <g transform="translate(3.428571, 3.428571)">\n <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"chevron-down":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',"chevron-left":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n </svg>\n ',"chevron-right":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',copy:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n </svg>\n ',eye:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n </svg>\n ',"eye-slash":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n </svg>\n ',eyedropper:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n </svg>\n ',"grip-vertical":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n </svg>\n ',indeterminate:'\n <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor" stroke-width="2">\n <g transform="translate(2.285714, 6.857143)">\n <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"person-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n </svg>\n ',"play-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n </svg>\n ',"pause-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n </svg>\n ',radio:'\n <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <g fill="currentColor">\n <circle cx="8" cy="8" r="3.42857143"></circle>\n </g>\n </g>\n </svg>\n ',"star-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n </svg>\n ',"x-lg":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n </svg>\n ',"x-circle-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n </svg>\n '},ce=[ae,{name:"system",resolver:t=>t in le?`data:image/svg+xml,${encodeURIComponent(le[t])}`:""}],he=[];function de(t){return ce.find((e=>e.name===t))}function ue(t,e){!function(t){ce=ce.filter((e=>e.name!==t))}(t),ce.push({name:t,resolver:e.resolver,mutator:e.mutator,spriteSheet:e.spriteSheet}),he.forEach((e=>{e.library===t&&e.setIcon()}))}var pe,be=A`
|
|
463
463
|
:host {
|
|
464
464
|
display: inline-block;
|
|
465
465
|
width: 1em;
|
|
@@ -472,15 +472,15 @@ const Kt=1,Zt=3,Gt=4,Xt=t=>(...e)=>({_$litDirective$:t,values:e});let Yt=class{c
|
|
|
472
472
|
height: 100%;
|
|
473
473
|
width: 100%;
|
|
474
474
|
}
|
|
475
|
-
`,
|
|
475
|
+
`,fe=Symbol(),ge=Symbol(),me=new Map,ve=class extends qt{constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}async resolveIcon(t,e){var o;let r;if(null==e?void 0:e.spriteSheet)return this.svg=lt`<svg part="svg">
|
|
476
476
|
<use part="use" href="${t}"></use>
|
|
477
|
-
</svg>`,this.svg;try{if(
|
|
477
|
+
</svg>`,this.svg;try{if(r=await fetch(t,{mode:"cors"}),!r.ok)return 410===r.status?fe:ge}catch(t){return ge}try{const t=document.createElement("div");t.innerHTML=await r.text();const e=t.firstElementChild;if("svg"!==(null==(o=null==e?void 0:e.tagName)?void 0:o.toLowerCase()))return fe;pe||(pe=new DOMParser);const i=pe.parseFromString(e.outerHTML,"text/html").body.querySelector("svg");return i?(i.part.add("svg"),document.adoptNode(i)):fe}catch(t){return fe}}connectedCallback(){var t;super.connectedCallback(),t=this,he.push(t)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){var t;super.disconnectedCallback(),t=this,he=he.filter((e=>e!==t))}getIconSource(){const t=de(this.library);return this.name&&t?{url:t.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const{url:e,fromLibrary:o}=this.getIconSource(),r=o?de(this.library):void 0;if(!e)return void(this.svg=null);let i=me.get(e);if(i||(i=this.resolveIcon(e,r),me.set(e,i)),!this.initialRender)return;const s=await i;if(s===ge&&me.delete(e),e===this.getIconSource().url)if((t=>void 0!==t?._$litType$)(s)){if(this.svg=s,r){await this.updateComplete;const t=this.shadowRoot.querySelector("[part='svg']");"function"==typeof r.mutator&&t&&r.mutator(t)}}else switch(s){case ge:case fe:this.svg=null,this.emit("sl-error");break;default:this.svg=s.cloneNode(!0),null==(t=null==r?void 0:r.mutator)||t.call(r,this.svg),this.emit("sl-load")}}render(){return this.svg}};ve.styles=[Nt,be],u([Vt()],ve.prototype,"svg",2),u([It({reflect:!0})],ve.prototype,"name",2),u([It()],ve.prototype,"src",2),u([It()],ve.prototype,"label",2),u([It({reflect:!0})],ve.prototype,"library",2),u([Mt("label")],ve.prototype,"handleLabelChange",1),u([Mt(["name","src","library"])],ve.prototype,"setIcon",1);
|
|
478
478
|
/**
|
|
479
479
|
* @license
|
|
480
480
|
* Copyright 2020 Google LLC
|
|
481
481
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
482
482
|
*/
|
|
483
|
-
const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=>({_$litStatic$:e.reduce(((e,o,
|
|
483
|
+
const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=>({_$litStatic$:e.reduce(((e,o,r)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(o)+t[r+1]),t[0]),r:ye}),xe=new Map,ke=(t=>(e,...o)=>{const r=o.length;let i,s;const n=[],a=[];let l,c=0,h=!1;for(;c<r;){for(l=e[c];c<r&&void 0!==(s=o[c],i=we(s));)l+=i+e[++c],h=!0;c!==r&&a.push(s),n.push(l),c++}if(c===r&&n.push(e[r]),h){const t=n.join("$$lit$$");void 0===(e=xe.get(t))&&(n.raw=n,xe.set(t,e=n)),o=a}return t(e,...o)})(lt);var $e=class extends qt{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t=!!this.href,e=t?_e`a`:_e`button`;return ke`
|
|
484
484
|
<${e}
|
|
485
485
|
part="base"
|
|
486
486
|
class=${Jt({"icon-button":!0,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})}
|
|
@@ -506,7 +506,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
506
506
|
aria-hidden="true"
|
|
507
507
|
></sl-icon>
|
|
508
508
|
</${e}>
|
|
509
|
-
`}}
|
|
509
|
+
`}};$e.styles=[Nt,ie],$e.dependencies={"sl-icon":ve},u([Wt(".icon-button")],$e.prototype,"button",2),u([Vt()],$e.prototype,"hasFocus",2),u([It()],$e.prototype,"name",2),u([It()],$e.prototype,"library",2),u([It()],$e.prototype,"src",2),u([It()],$e.prototype,"href",2),u([It()],$e.prototype,"target",2),u([It()],$e.prototype,"download",2),u([It()],$e.prototype,"label",2),u([It({type:Boolean,reflect:!0})],$e.prototype,"disabled",2);const Ce=new Set,Ae=new Map;let Ee,Se="ltr",ze="en";const Te="undefined"!=typeof MutationObserver&&"undefined"!=typeof document&&void 0!==document.documentElement;if(Te){const t=new MutationObserver(Le);Se=document.documentElement.dir||"ltr",ze=document.documentElement.lang||navigator.language,t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function Pe(...t){t.map((t=>{const e=t.$code.toLowerCase();Ae.has(e)?Ae.set(e,Object.assign(Object.assign({},Ae.get(e)),t)):Ae.set(e,t),Ee||(Ee=t)})),Le()}function Le(){Te&&(Se=document.documentElement.dir||"ltr",ze=document.documentElement.lang||navigator.language),[...Ce.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}let Oe=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){Ce.add(this.host)}hostDisconnected(){Ce.delete(this.host)}dir(){return`${this.host.dir||Se}`.toLowerCase()}lang(){return`${this.host.lang||ze}`.toLowerCase()}getTranslationData(t){var e,o;const r=new Intl.Locale(t.replace(/_/g,"-")),i=null==r?void 0:r.language.toLowerCase(),s=null!==(o=null===(e=null==r?void 0:r.region)||void 0===e?void 0:e.toLowerCase())&&void 0!==o?o:"";return{locale:r,language:i,region:s,primary:Ae.get(`${i}-${s}`),secondary:Ae.get(i)}}exists(t,e){var o;const{primary:r,secondary:i}=this.getTranslationData(null!==(o=e.lang)&&void 0!==o?o:this.lang());return e=Object.assign({includeFallback:!1},e),!!(r&&r[t]||i&&i[t]||e.includeFallback&&Ee&&Ee[t])}term(t,...e){const{primary:o,secondary:r}=this.getTranslationData(this.lang());let i;if(o&&o[t])i=o[t];else if(r&&r[t])i=r[t];else{if(!Ee||!Ee[t])return console.error(`No translation found for: ${String(t)}`),String(t);i=Ee[t]}return"function"==typeof i?i(...e):i}date(t,e){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,o){return new Intl.RelativeTimeFormat(this.lang(),o).format(t,e)}};var Be={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:t=>0===t?"No options selected":1===t?"1 option selected":`${t} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:t=>`Slide ${t}`,toggleColorFormat:"Toggle color format"};Pe(Be);var Fe=Be,De=class extends Oe{};Pe(Fe);var Re=0,Me=class extends qt{constructor(){super(...arguments),this.localize=new De(this),this.attrId=++Re,this.componentId=`sl-tab-${this.attrId}`,this.panel="",this.active=!1,this.closable=!1,this.disabled=!1,this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(t){t.stopPropagation(),this.emit("sl-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){return this.id=this.id.length>0?this.id:this.componentId,lt`
|
|
510
510
|
<div
|
|
511
511
|
part="base"
|
|
512
512
|
class=${Jt({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
|
|
@@ -525,7 +525,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
525
525
|
></sl-icon-button>
|
|
526
526
|
`:""}
|
|
527
527
|
</div>
|
|
528
|
-
`}};
|
|
528
|
+
`}};Me.styles=[Nt,re],Me.dependencies={"sl-icon-button":$e},u([Wt(".tab")],Me.prototype,"tab",2),u([It({reflect:!0})],Me.prototype,"panel",2),u([It({type:Boolean,reflect:!0})],Me.prototype,"active",2),u([It({type:Boolean,reflect:!0})],Me.prototype,"closable",2),u([It({type:Boolean,reflect:!0})],Me.prototype,"disabled",2),u([It({type:Number,reflect:!0})],Me.prototype,"tabIndex",2),u([Mt("active")],Me.prototype,"handleActiveChange",1),u([Mt("disabled")],Me.prototype,"handleDisabledChange",1),Me.define("sl-tab");var Ne=A`
|
|
529
529
|
:host {
|
|
530
530
|
--indicator-color: var(--sl-color-primary-600);
|
|
531
531
|
--track-color: var(--sl-color-neutral-200);
|
|
@@ -763,7 +763,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
763
763
|
:host {
|
|
764
764
|
display: contents;
|
|
765
765
|
}
|
|
766
|
-
`,Ue=class extends qt{constructor(){super(...arguments),this.observedElements=[],this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((t=>{this.emit("sl-resize",{detail:{entries:t}})})),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){const t=this.shadowRoot.querySelector("slot");if(null!==t){const e=t.assignedElements({flatten:!0});this.observedElements.forEach((t=>this.resizeObserver.unobserve(t))),this.observedElements=[],e.forEach((t=>{this.resizeObserver.observe(t),this.observedElements.push(t)}))}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return lt` <slot @slotchange=${this.handleSlotChange}></slot> `}};Ue.styles=[Nt,He],
|
|
766
|
+
`,Ue=class extends qt{constructor(){super(...arguments),this.observedElements=[],this.disabled=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((t=>{this.emit("sl-resize",{detail:{entries:t}})})),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){const t=this.shadowRoot.querySelector("slot");if(null!==t){const e=t.assignedElements({flatten:!0});this.observedElements.forEach((t=>this.resizeObserver.unobserve(t))),this.observedElements=[],e.forEach((t=>{this.resizeObserver.observe(t),this.observedElements.push(t)}))}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return lt` <slot @slotchange=${this.handleSlotChange}></slot> `}};Ue.styles=[Nt,He],u([It({type:Boolean,reflect:!0})],Ue.prototype,"disabled",2),u([Mt("disabled",{waitUntilFirstUpdate:!0})],Ue.prototype,"handleDisabledChange",1);var Ie=new Set;function Ve(t){if(Ie.add(t),!document.documentElement.classList.contains("sl-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}()+function(){const t=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(t)||!t?0:t}();let e=getComputedStyle(document.documentElement).scrollbarGutter;e&&"auto"!==e||(e="stable"),t<2&&(e=""),document.documentElement.style.setProperty("--sl-scroll-lock-gutter",e),document.documentElement.classList.add("sl-scroll-lock"),document.documentElement.style.setProperty("--sl-scroll-lock-size",`${t}px`)}}function We(t){Ie.delete(t),0===Ie.size&&(document.documentElement.classList.remove("sl-scroll-lock"),document.documentElement.style.removeProperty("--sl-scroll-lock-size"))}function je(t,e,o="vertical",r="smooth"){const i=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),s=i.top+e.scrollTop,n=i.left+e.scrollLeft,a=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,c=e.scrollTop,h=e.scrollTop+e.offsetHeight;"horizontal"!==o&&"both"!==o||(n<a?e.scrollTo({left:n,behavior:r}):n+t.clientWidth>l&&e.scrollTo({left:n-e.offsetWidth+t.clientWidth,behavior:r})),"vertical"!==o&&"both"!==o||(s<c?e.scrollTo({top:s,behavior:r}):s+t.clientHeight>h&&e.scrollTo({top:s-e.offsetHeight+t.clientHeight,behavior:r}))}var qe=class extends qt{constructor(){super(...arguments),this.tabs=[],this.focusableTabs=[],this.panels=[],this.localize=new De(this),this.hasScrollControls=!1,this.shouldHideScrollStartButton=!1,this.shouldHideScrollEndButton=!1,this.placement="top",this.activation="auto",this.noScrollControls=!1,this.fixedScrollControls=!1,this.scrollOffset=1}connectedCallback(){const t=Promise.all([customElements.whenDefined("sl-tab"),customElements.whenDefined("sl-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator(),this.updateScrollControls()})),this.mutationObserver=new MutationObserver((t=>{const e=t.filter((({target:t})=>{if(t===this)return!0;if(t.closest("sl-tab-group")!==this)return!1;const e=t.tagName.toLowerCase();return"sl-tab"===e||"sl-tab-panel"===e}));if(0!==e.length)if(e.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels())),e.some((t=>"disabled"===t.attributeName)))this.syncTabsAndPanels();else if(e.some((t=>"active"===t.attributeName))){const t=e.filter((t=>"active"===t.attributeName&&"sl-tab"===t.target.tagName.toLowerCase())).map((t=>t.target)),o=t.find((t=>t.active));o&&this.setActiveTab(o)}})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,attributeFilter:["active","disabled","name","panel"],childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then((()=>{new IntersectionObserver(((t,e)=>{var o;t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(null!=(o=this.getActiveTab())?o:this.tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){var t,e;super.disconnectedCallback(),null==(t=this.mutationObserver)||t.disconnect(),this.nav&&(null==(e=this.resizeObserver)||e.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter((t=>"sl-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((t=>t.active))}handleClick(t){const e=t.target.closest("sl-tab");(null==e?void 0:e.closest("sl-tab-group"))===this&&null!==e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){const e=t.target.closest("sl-tab");if((null==e?void 0:e.closest("sl-tab-group"))===this&&(["Enter"," "].includes(t.key)&&null!==e&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){const e=this.tabs.find((t=>t.matches(":focus"))),o="rtl"===this.localize.dir();let r=null;if("sl-tab"===(null==e?void 0:e.tagName.toLowerCase())){if("Home"===t.key)r=this.focusableTabs[0];else if("End"===t.key)r=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(o?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&"ArrowUp"===t.key){const t=this.tabs.findIndex((t=>t===e));r=this.findNextFocusableTab(t,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(o?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&"ArrowDown"===t.key){const t=this.tabs.findIndex((t=>t===e));r=this.findNextFocusableTab(t,"forward")}if(!r)return;r.tabIndex=0,r.focus({preventScroll:!0}),"auto"===this.activation?this.setActiveTab(r,{scrollBehavior:"smooth"}):this.tabs.forEach((t=>{t.tabIndex=t===r?0:-1})),["top","bottom"].includes(this.placement)&&je(r,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,e){if(e=h({emitEvents:!0,scrollBehavior:"auto"},e),t!==this.activeTab&&!t.disabled){const o=this.activeTab;this.activeTab=t,this.tabs.forEach((t=>{t.active=t===this.activeTab,t.tabIndex=t===this.activeTab?0:-1})),this.panels.forEach((t=>{var e;return t.active=t.name===(null==(e=this.activeTab)?void 0:e.panel)})),this.syncIndicator(),["top","bottom"].includes(this.placement)&&je(this.activeTab,this.nav,"horizontal",e.scrollBehavior),e.emitEvents&&(o&&this.emit("sl-tab-hide",{detail:{name:o.panel}}),this.emit("sl-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach((t=>{const e=this.panels.find((e=>e.name===t.panel));e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))}))}repositionIndicator(){const t=this.getActiveTab();if(!t)return;const e=t.clientWidth,o=t.clientHeight,r="rtl"===this.localize.dir(),i=this.getAllTabs(),s=i.slice(0,i.indexOf(t)).reduce(((t,e)=>({left:t.left+e.clientWidth,top:t.top+e.clientHeight})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${e}px`,this.indicator.style.height="auto",this.indicator.style.translate=r?-1*s.left+"px":`${s.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${o}px`,this.indicator.style.translate=`0 ${s.top}px`}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter((t=>!t.disabled)),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then((()=>this.updateScrollControls()))}findNextFocusableTab(t,e){let o=null;const r="forward"===e?1:-1;let i=t+r;for(;t<this.tabs.length;){if(o=this.tabs[i]||null,null===o){o="forward"===e?this.focusableTabs[0]:this.focusableTabs[this.focusableTabs.length-1];break}if(!o.disabled)break;i+=r}return o}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return"rtl"===this.localize.dir()?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){const e=this.tabs.find((e=>e.panel===t));e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}render(){const t="rtl"===this.localize.dir();return lt`
|
|
767
767
|
<div
|
|
768
768
|
part="base"
|
|
769
769
|
class=${Jt({"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--start":"start"===this.placement,"tab-group--end":"end"===this.placement,"tab-group--rtl":"rtl"===this.localize.dir(),"tab-group--has-scroll-controls":this.hasScrollControls})}
|
|
@@ -811,12 +811,12 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
811
811
|
|
|
812
812
|
<slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
|
|
813
813
|
</div>
|
|
814
|
-
`}};qe.styles=[Nt,Ne],qe.dependencies={"sl-icon-button"
|
|
814
|
+
`}};qe.styles=[Nt,Ne],qe.dependencies={"sl-icon-button":$e,"sl-resize-observer":Ue},u([Wt(".tab-group")],qe.prototype,"tabGroup",2),u([Wt(".tab-group__body")],qe.prototype,"body",2),u([Wt(".tab-group__nav")],qe.prototype,"nav",2),u([Wt(".tab-group__indicator")],qe.prototype,"indicator",2),u([Vt()],qe.prototype,"hasScrollControls",2),u([Vt()],qe.prototype,"shouldHideScrollStartButton",2),u([Vt()],qe.prototype,"shouldHideScrollEndButton",2),u([It()],qe.prototype,"placement",2),u([It()],qe.prototype,"activation",2),u([It({attribute:"no-scroll-controls",type:Boolean})],qe.prototype,"noScrollControls",2),u([It({attribute:"fixed-scroll-controls",type:Boolean})],qe.prototype,"fixedScrollControls",2),u([function(t){return(e,o)=>{const r="function"==typeof e?e:e[o];Object.assign(r,t)}}
|
|
815
815
|
/**
|
|
816
816
|
* @license
|
|
817
817
|
* Copyright 2017 Google LLC
|
|
818
818
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
819
|
-
*/({passive:!0})],qe.prototype,"updateScrollButtons",1),
|
|
819
|
+
*/({passive:!0})],qe.prototype,"updateScrollButtons",1),u([Mt("noScrollControls",{waitUntilFirstUpdate:!0})],qe.prototype,"updateScrollControls",1),u([Mt("placement",{waitUntilFirstUpdate:!0})],qe.prototype,"syncIndicator",1),qe.define("sl-tab-group");var Ke=(t,e)=>{let o=0;return function(...r){window.clearTimeout(o),o=window.setTimeout((()=>{t.call(this,...r)}),e)}},Ze=(t,e,o)=>{const r=t[e];t[e]=function(...t){r.call(this,...t),o.call(this,r,...t)}};(()=>{if("undefined"==typeof window)return;if(!("onscrollend"in window)){const t=new Set,e=new WeakMap,o=e=>{for(const o of e.changedTouches)t.add(o.identifier)},r=e=>{for(const o of e.changedTouches)t.delete(o.identifier)};document.addEventListener("touchstart",o,!0),document.addEventListener("touchend",r,!0),document.addEventListener("touchcancel",r,!0),Ze(EventTarget.prototype,"addEventListener",(function(o,r){if("scrollend"!==r)return;const i=Ke((()=>{t.size?i():this.dispatchEvent(new Event("scrollend"))}),100);o.call(this,"scroll",i,{passive:!0}),e.set(this,i)})),Ze(EventTarget.prototype,"removeEventListener",(function(t,o){if("scrollend"!==o)return;const r=e.get(this);r&&t.call(this,"scroll",r,{passive:!0})}))}})();var Ge=A`
|
|
820
820
|
:host {
|
|
821
821
|
--padding: 0;
|
|
822
822
|
|
|
@@ -836,7 +836,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
836
836
|
part="base"
|
|
837
837
|
class=${Jt({"tab-panel":!0,"tab-panel--active":this.active})}
|
|
838
838
|
></slot>
|
|
839
|
-
`}};Ye.styles=[Nt,Ge],
|
|
839
|
+
`}};Ye.styles=[Nt,Ge],u([It({reflect:!0})],Ye.prototype,"name",2),u([It({type:Boolean,reflect:!0})],Ye.prototype,"active",2),u([Mt("active")],Ye.prototype,"handleActiveChange",1),Ye.define("sl-tab-panel");var Je=A`
|
|
840
840
|
:host {
|
|
841
841
|
--max-width: 20rem;
|
|
842
842
|
--hide-delay: 0ms;
|
|
@@ -946,7 +946,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
946
946
|
var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
|
|
947
947
|
);
|
|
948
948
|
}
|
|
949
|
-
`;const to=Math.min,eo=Math.max,oo=Math.round,io=Math.floor,so=t=>({x:t,y:t}),ro={left:"right",right:"left",bottom:"top",top:"bottom"},no={start:"end",end:"start"};function ao(t,e,o){return eo(t,to(e,o))}function lo(t,e){return"function"==typeof t?t(e):t}function co(t){return t.split("-")[0]}function ho(t){return t.split("-")[1]}function po(t){return"x"===t?"y":"x"}function uo(t){return"y"===t?"height":"width"}const fo=new Set(["top","bottom"]);function bo(t){return fo.has(co(t))?"y":"x"}function mo(t){return po(bo(t))}function go(t){return t.replace(/start|end/g,(t=>no[t]))}const vo=["left","right"],yo=["right","left"],wo=["top","bottom"],_o=["bottom","top"];function xo(t,e,o,i){const s=ho(t);let r=function(t,e,o){switch(t){case"top":case"bottom":return o?e?yo:vo:e?vo:yo;case"left":case"right":return e?wo:_o;default:return[]}}(co(t),"start"===o,i);return s&&(r=r.map((t=>t+"-"+s)),e&&(r=r.concat(r.map(go)))),r}function $o(t){return t.replace(/left|right|bottom|top/g,(t=>ro[t]))}function ko(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Co(t){const{x:e,y:o,width:i,height:s}=t;return{width:i,height:s,top:o,left:e,right:e+i,bottom:o+s,x:e,y:o}}function Ao(t,e,o){let{reference:i,floating:s}=t;const r=bo(e),n=mo(e),a=uo(n),l=co(e),c="y"===r,h=i.x+i.width/2-s.width/2,d=i.y+i.height/2-s.height/2,p=i[a]/2-s[a]/2;let u;switch(l){case"top":u={x:h,y:i.y-s.height};break;case"bottom":u={x:h,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:d};break;case"left":u={x:i.x-s.width,y:d};break;default:u={x:i.x,y:i.y}}switch(ho(e)){case"start":u[n]-=p*(o&&c?-1:1);break;case"end":u[n]+=p*(o&&c?-1:1)}return u}async function Eo(t,e){var o;void 0===e&&(e={});const{x:i,y:s,platform:r,rects:n,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:p=!1,padding:u=0}=lo(e,t),f=ko(u),b=a[p?"floating"===d?"reference":"floating":d],m=Co(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(b)))||o?b:b.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:c,rootBoundary:h,strategy:l})),g="floating"===d?{x:i,y:s,width:n.floating.width,height:n.floating.height}:n.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),y=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},w=Co(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:v,strategy:l}):g);return{top:(m.top-w.top+f.top)/y.y,bottom:(w.bottom-m.bottom+f.bottom)/y.y,left:(m.left-w.left+f.left)/y.x,right:(w.right-m.right+f.right)/y.x}}const So=new Set(["left","top"]);function zo(){return"undefined"!=typeof window}function To(t){return Oo(t)?(t.nodeName||"").toLowerCase():"#document"}function Po(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Lo(t){var e;return null==(e=(Oo(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Oo(t){return!!zo()&&(t instanceof Node||t instanceof Po(t).Node)}function Fo(t){return!!zo()&&(t instanceof Element||t instanceof Po(t).Element)}function Ro(t){return!!zo()&&(t instanceof HTMLElement||t instanceof Po(t).HTMLElement)}function Do(t){return!(!zo()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Po(t).ShadowRoot)}const Mo=new Set(["inline","contents"]);function Bo(t){const{overflow:e,overflowX:o,overflowY:i,display:s}=Xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!Mo.has(s)}const No=new Set(["table","td","th"]);function Ho(t){return No.has(To(t))}const Uo=[":popover-open",":modal"];function Io(t){return Uo.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const Vo=["transform","translate","scale","rotate","perspective"],Wo=["transform","translate","scale","rotate","perspective","filter"],jo=["paint","layout","strict","content"];function qo(t){const e=Ko(),o=Fo(t)?Xo(t):t;return Vo.some((t=>!!o[t]&&"none"!==o[t]))||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||Wo.some((t=>(o.willChange||"").includes(t)))||jo.some((t=>(o.contain||"").includes(t)))}function Ko(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Zo=new Set(["html","body","#document"]);function Go(t){return Zo.has(To(t))}function Xo(t){return Po(t).getComputedStyle(t)}function Yo(t){return Fo(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Jo(t){if("html"===To(t))return t;const e=t.assignedSlot||t.parentNode||Do(t)&&t.host||Lo(t);return Do(e)?e.host:e}function Qo(t){const e=Jo(t);return Go(e)?t.ownerDocument?t.ownerDocument.body:t.body:Ro(e)&&Bo(e)?e:Qo(e)}function ti(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const s=Qo(t),r=s===(null==(i=t.ownerDocument)?void 0:i.body),n=Po(s);if(r){const t=ei(n);return e.concat(n,n.visualViewport||[],Bo(s)?s:[],t&&o?ti(t):[])}return e.concat(s,ti(s,[],o))}function ei(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function oi(t){const e=Xo(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=Ro(t),r=s?t.offsetWidth:o,n=s?t.offsetHeight:i,a=oo(o)!==r||oo(i)!==n;return a&&(o=r,i=n),{width:o,height:i,$:a}}function ii(t){return Fo(t)?t:t.contextElement}function si(t){const e=ii(t);if(!Ro(e))return so(1);const o=e.getBoundingClientRect(),{width:i,height:s,$:r}=oi(e);let n=(r?oo(o.width):o.width)/i,a=(r?oo(o.height):o.height)/s;return n&&Number.isFinite(n)||(n=1),a&&Number.isFinite(a)||(a=1),{x:n,y:a}}const ri=so(0);function ni(t){const e=Po(t);return Ko()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:ri}function ai(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const s=t.getBoundingClientRect(),r=ii(t);let n=so(1);e&&(i?Fo(i)&&(n=si(i)):n=si(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==Po(t))&&e}(r,o,i)?ni(r):so(0);let l=(s.left+a.x)/n.x,c=(s.top+a.y)/n.y,h=s.width/n.x,d=s.height/n.y;if(r){const t=Po(r),e=i&&Fo(i)?Po(i):i;let o=t,s=ei(o);for(;s&&i&&e!==o;){const t=si(s),e=s.getBoundingClientRect(),i=Xo(s),r=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,n=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,h*=t.x,d*=t.y,l+=r,c+=n,o=Po(s),s=ei(o)}}return Co({width:h,height:d,x:l,y:c})}function li(t,e){const o=Yo(t).scrollLeft;return e?e.left+o:ai(Lo(t)).left+o}function ci(t,e){const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-li(t,o),y:o.top+e.scrollTop}}const hi=25;const di=new Set(["absolute","fixed"]);function pi(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=Po(t),i=Lo(t),s=o.visualViewport;let r=i.clientWidth,n=i.clientHeight,a=0,l=0;if(s){r=s.width,n=s.height;const t=Ko();(!t||t&&"fixed"===e)&&(a=s.offsetLeft,l=s.offsetTop)}const c=li(i);if(c<=0){const t=i.ownerDocument,e=t.body,o=getComputedStyle(e),s="CSS1Compat"===t.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,n=Math.abs(i.clientWidth-e.clientWidth-s);n<=hi&&(r-=n)}else c<=hi&&(r+=c);return{width:r,height:n,x:a,y:l}}(t,o);else if("document"===e)i=function(t){const e=Lo(t),o=Yo(t),i=t.ownerDocument.body,s=eo(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=eo(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+li(t);const a=-o.scrollTop;return"rtl"===Xo(i).direction&&(n+=eo(e.clientWidth,i.clientWidth)-s),{width:s,height:r,x:n,y:a}}(Lo(t));else if(Fo(e))i=function(t,e){const o=ai(t,!0,"fixed"===e),i=o.top+t.clientTop,s=o.left+t.clientLeft,r=Ro(t)?si(t):so(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:s*r.x,y:i*r.y}}(e,o);else{const o=ni(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return Co(i)}function ui(t,e){const o=Jo(t);return!(o===e||!Fo(o)||Go(o))&&("fixed"===Xo(o).position||ui(o,e))}function fi(t,e,o){const i=Ro(e),s=Lo(e),r="fixed"===o,n=ai(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const l=so(0);function c(){l.x=li(s)}if(i||!i&&!r)if(("body"!==To(e)||Bo(s))&&(a=Yo(e)),i){const t=ai(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else s&&c();r&&!i&&s&&c();const h=!s||i||r?so(0):ci(s,a);return{x:n.left+a.scrollLeft-l.x-h.x,y:n.top+a.scrollTop-l.y-h.y,width:n.width,height:n.height}}function bi(t){return"static"===Xo(t).position}function mi(t,e){if(!Ro(t)||"fixed"===Xo(t).position)return null;if(e)return e(t);let o=t.offsetParent;return Lo(t)===o&&(o=o.ownerDocument.body),o}function gi(t,e){const o=Po(t);if(Io(t))return o;if(!Ro(t)){let e=Jo(t);for(;e&&!Go(e);){if(Fo(e)&&!bi(e))return e;e=Jo(e)}return o}let i=mi(t,e);for(;i&&Ho(i)&&bi(i);)i=mi(i,e);return i&&Go(i)&&bi(i)&&!qo(i)?o:i||function(t){let e=Jo(t);for(;Ro(e)&&!Go(e);){if(qo(e))return e;if(Io(e))return null;e=Jo(e)}return null}(t)||o}const vi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:i,strategy:s}=t;const r="fixed"===s,n=Lo(i),a=!!e&&Io(e.floating);if(i===n||a&&r)return o;let l={scrollLeft:0,scrollTop:0},c=so(1);const h=so(0),d=Ro(i);if((d||!d&&!r)&&(("body"!==To(i)||Bo(n))&&(l=Yo(i)),Ro(i))){const t=ai(i);c=si(i),h.x=t.x+i.clientLeft,h.y=t.y+i.clientTop}const p=!n||d||r?so(0):ci(n,l);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+h.x+p.x,y:o.y*c.y-l.scrollTop*c.y+h.y+p.y}},getDocumentElement:Lo,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:s}=t;const r=[..."clippingAncestors"===o?Io(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let i=ti(t,[],!1).filter((t=>Fo(t)&&"body"!==To(t))),s=null;const r="fixed"===Xo(t).position;let n=r?Jo(t):t;for(;Fo(n)&&!Go(n);){const e=Xo(n),o=qo(n);o||"fixed"!==e.position||(s=null),(r?!o&&!s:!o&&"static"===e.position&&s&&di.has(s.position)||Bo(n)&&!o&&ui(t,n))?i=i.filter((t=>t!==n)):s=e,n=Jo(n)}return e.set(t,i),i}(e,this._c):[].concat(o),i],n=r[0],a=r.reduce(((t,o)=>{const i=pi(e,o,s);return t.top=eo(i.top,t.top),t.right=to(i.right,t.right),t.bottom=to(i.bottom,t.bottom),t.left=eo(i.left,t.left),t}),pi(e,n,s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:gi,getElementRects:async function(t){const e=this.getOffsetParent||gi,o=this.getDimensions,i=await o(t.floating);return{reference:fi(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=oi(t);return{width:e,height:o}},getScale:si,isElement:Fo,isRTL:function(t){return"rtl"===Xo(t).direction}};function yi(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function wi(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:r=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=ii(t),h=s||r?[...c?ti(c):[],...ti(e)]:[];h.forEach((t=>{s&&t.addEventListener("scroll",o,{passive:!0}),r&&t.addEventListener("resize",o)}));const d=c&&a?function(t,e){let o,i=null;const s=Lo(t);function r(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const c=t.getBoundingClientRect(),{left:h,top:d,width:p,height:u}=c;if(a||e(),!p||!u)return;const f={rootMargin:-io(d)+"px "+-io(s.clientWidth-(h+p))+"px "+-io(s.clientHeight-(d+u))+"px "+-io(h)+"px",threshold:eo(0,to(1,l))||1};let b=!0;function m(e){const i=e[0].intersectionRatio;if(i!==l){if(!b)return n();i?n(!1,i):o=setTimeout((()=>{n(!1,1e-7)}),1e3)}1!==i||yi(c,t.getBoundingClientRect())||n(),b=!1}try{i=new IntersectionObserver(m,{...f,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(m,f)}i.observe(t)}(!0),r}(c,o):null;let p,u=-1,f=null;n&&(f=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&f&&(f.unobserve(e),cancelAnimationFrame(u),u=requestAnimationFrame((()=>{var t;null==(t=f)||t.observe(e)}))),o()})),c&&!l&&f.observe(c),f.observe(e));let b=l?ai(t):null;return l&&function e(){const i=ai(t);b&&!yi(b,i)&&o();b=i,p=requestAnimationFrame(e)}(),o(),()=>{var t;h.forEach((t=>{s&&t.removeEventListener("scroll",o),r&&t.removeEventListener("resize",o)})),null==d||d(),null==(t=f)||t.disconnect(),f=null,l&&cancelAnimationFrame(p)}}const _i=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,i;const{x:s,y:r,placement:n,middlewareData:a}=e,l=await async function(t,e){const{placement:o,platform:i,elements:s}=t,r=await(null==i.isRTL?void 0:i.isRTL(s.floating)),n=co(o),a=ho(o),l="y"===bo(o),c=So.has(n)?-1:1,h=r&&l?-1:1,d=lo(e,t);let{mainAxis:p,crossAxis:u,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof f&&(u="end"===a?-1*f:f),l?{x:u*h,y:p*c}:{x:p*c,y:u*h}}(e,t);return n===(null==(o=a.offset)?void 0:o.placement)&&null!=(i=a.arrow)&&i.alignmentOffset?{}:{x:s+l.x,y:r+l.y,data:{...l,placement:n}}}}},xi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:s}=e,{mainAxis:r=!0,crossAxis:n=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=lo(t,e),c={x:o,y:i},h=await Eo(e,l),d=bo(co(s)),p=po(d);let u=c[p],f=c[d];if(r){const t="y"===p?"bottom":"right";u=ao(u+h["y"===p?"top":"left"],u,u-h[t])}if(n){const t="y"===d?"bottom":"right";f=ao(f+h["y"===d?"top":"left"],f,f-h[t])}const b=a.fn({...e,[p]:u,[d]:f});return{...b,data:{x:b.x-o,y:b.y-i,enabled:{[p]:r,[d]:n}}}}}},$i=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:s,middlewareData:r,rects:n,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:b=!0,...m}=lo(t,e);if(null!=(o=r.arrow)&&o.alignmentOffset)return{};const g=co(s),v=bo(a),y=co(a)===a,w=await(null==l.isRTL?void 0:l.isRTL(c.floating)),_=p||(y||!b?[$o(a)]:function(t){const e=$o(t);return[go(t),e,go(e)]}(a)),x="none"!==f;!p&&x&&_.push(...xo(a,b,f,w));const $=[a,..._],k=await Eo(e,m),C=[];let A=(null==(i=r.flip)?void 0:i.overflows)||[];if(h&&C.push(k[g]),d){const t=function(t,e,o){void 0===o&&(o=!1);const i=ho(t),s=mo(t),r=uo(s);let n="x"===s?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(n=$o(n)),[n,$o(n)]}(s,n,w);C.push(k[t[0]],k[t[1]])}if(A=[...A,{placement:s,overflows:C}],!C.every((t=>t<=0))){var E,S;const t=((null==(E=r.flip)?void 0:E.index)||0)+1,e=$[t];if(e){if(!("alignment"===d&&v!==bo(e))||A.every((t=>bo(t.placement)!==v||t.overflows[0]>0)))return{data:{index:t,overflows:A},reset:{placement:e}}}let o=null==(S=A.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(u){case"bestFit":{var z;const t=null==(z=A.filter((t=>{if(x){const e=bo(t.placement);return e===v||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:z[0];t&&(o=t);break}case"initialPlacement":o=a}if(s!==o)return{reset:{placement:o}}}return{}}}},ki=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,i;const{placement:s,rects:r,platform:n,elements:a}=e,{apply:l=()=>{},...c}=lo(t,e),h=await Eo(e,c),d=co(s),p=ho(s),u="y"===bo(s),{width:f,height:b}=r.floating;let m,g;"top"===d||"bottom"===d?(m=d,g=p===(await(null==n.isRTL?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(g=d,m="end"===p?"top":"bottom");const v=b-h.top-h.bottom,y=f-h.left-h.right,w=to(b-h[m],v),_=to(f-h[g],y),x=!e.middlewareData.shift;let $=w,k=_;if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&(k=y),null!=(i=e.middlewareData.shift)&&i.enabled.y&&($=v),x&&!p){const t=eo(h.left,0),e=eo(h.right,0),o=eo(h.top,0),i=eo(h.bottom,0);u?k=f-2*(0!==t||0!==e?t+e:eo(h.left,h.right)):$=b-2*(0!==o||0!==i?o+i:eo(h.top,h.bottom))}await l({...e,availableWidth:k,availableHeight:$});const C=await n.getDimensions(a.floating);return f!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}},Ci=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:s,rects:r,platform:n,elements:a,middlewareData:l}=e,{element:c,padding:h=0}=lo(t,e)||{};if(null==c)return{};const d=ko(h),p={x:o,y:i},u=mo(s),f=uo(u),b=await n.getDimensions(c),m="y"===u,g=m?"top":"left",v=m?"bottom":"right",y=m?"clientHeight":"clientWidth",w=r.reference[f]+r.reference[u]-p[u]-r.floating[f],_=p[u]-r.reference[u],x=await(null==n.getOffsetParent?void 0:n.getOffsetParent(c));let $=x?x[y]:0;$&&await(null==n.isElement?void 0:n.isElement(x))||($=a.floating[y]||r.floating[f]);const k=w/2-_/2,C=$/2-b[f]/2-1,A=to(d[g],C),E=to(d[v],C),S=A,z=$-b[f]-E,T=$/2-b[f]/2+k,P=ao(S,T,z),L=!l.arrow&&null!=ho(s)&&T!==P&&r.reference[f]/2-(T<S?A:E)-b[f]/2<0,O=L?T<S?T-S:T-z:0;return{[u]:p[u]+O,data:{[u]:P,centerOffset:T-P-O,...L&&{alignmentOffset:O}},reset:L}}}),Ai=(t,e,o)=>{const i=new Map,s={platform:vi,...o},r={...s.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:s="absolute",middleware:r=[],platform:n}=o,a=r.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:s}),{x:h,y:d}=Ao(c,i,l),p=i,u={},f=0;for(let o=0;o<a.length;o++){const{name:r,fn:b}=a[o],{x:m,y:g,data:v,reset:y}=await b({x:h,y:d,initialPlacement:i,placement:p,strategy:s,middlewareData:u,rects:c,platform:n,elements:{reference:t,floating:e}});h=null!=m?m:h,d=null!=g?g:d,u={...u,[r]:{...u[r],...v}},y&&f<=50&&(f++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(c=!0===y.rects?await n.getElementRects({reference:t,floating:e,strategy:s}):y.rects),({x:h,y:d}=Ao(c,p,l))),o=-1)}return{x:h,y:d,placement:p,strategy:s,middlewareData:u}})(t,e,{...s,platform:r})};function Ei(t){return function(t){for(let e=t;e;e=Si(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Si(t);e;e=Si(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||qo(t))return e;if("BODY"===e.tagName)return e}}return null}(t)}function Si(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var zi=class extends qt{constructor(){super(...arguments),this.localize=new De(this),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect(),e=this.popup.getBoundingClientRect();let o=0,i=0,s=0,r=0,n=0,a=0,l=0,c=0;this.placement.includes("top")||this.placement.includes("bottom")?t.top<e.top?(o=t.left,i=t.bottom,s=t.right,r=t.bottom,n=e.left,a=e.top,l=e.right,c=e.top):(o=e.left,i=e.bottom,s=e.right,r=e.bottom,n=t.left,a=t.top,l=t.right,c=t.top):t.left<e.left?(o=t.right,i=t.top,s=e.left,r=e.top,n=t.right,a=t.bottom,l=e.left,c=e.bottom):(o=e.right,i=e.top,s=t.left,r=t.top,n=e.right,a=e.bottom,l=t.left,c=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${i}px`),this.style.setProperty("--hover-bridge-top-right-x",`${s}px`),this.style.setProperty("--hover-bridge-top-right-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${c}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||function(t){return null!==t&&"object"==typeof t&&"getBoundingClientRect"in t&&(!("contextElement"in t)||t.contextElement instanceof Element)}(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){this.anchorEl&&this.active&&(this.cleanup=wi(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[_i({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(ki({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,o="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=o?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push($i({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(xi({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(ki({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Ci({element:this.arrowEl,padding:this.arrowPadding}));const e="absolute"===this.strategy?t=>vi.getOffsetParent(t,Ei):vi.getOffsetParent;Ai(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:d(h({},vi),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:o,placement:i})=>{const s="rtl"===this.localize.dir(),r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=o.arrow.x,e=o.arrow.y;let i="",n="",a="",l="";if("start"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",n=s?o:"",l=s?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";n=s?"":o,l=s?o:"",a="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",i="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",i="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:i,right:n,bottom:a,left:l,[r]:"calc(var(--arrow-size-diagonal) * -1)"})}})),requestAnimationFrame((()=>this.updateHoverBridge())),this.emit("sl-reposition")}render(){return lt`
|
|
949
|
+
`;const to=Math.min,eo=Math.max,oo=Math.round,ro=Math.floor,io=t=>({x:t,y:t}),so={left:"right",right:"left",bottom:"top",top:"bottom"},no={start:"end",end:"start"};function ao(t,e,o){return eo(t,to(e,o))}function lo(t,e){return"function"==typeof t?t(e):t}function co(t){return t.split("-")[0]}function ho(t){return t.split("-")[1]}function uo(t){return"x"===t?"y":"x"}function po(t){return"y"===t?"height":"width"}const bo=new Set(["top","bottom"]);function fo(t){return bo.has(co(t))?"y":"x"}function go(t){return uo(fo(t))}function mo(t){return t.replace(/start|end/g,(t=>no[t]))}const vo=["left","right"],yo=["right","left"],wo=["top","bottom"],_o=["bottom","top"];function xo(t,e,o,r){const i=ho(t);let s=function(t,e,o){switch(t){case"top":case"bottom":return o?e?yo:vo:e?vo:yo;case"left":case"right":return e?wo:_o;default:return[]}}(co(t),"start"===o,r);return i&&(s=s.map((t=>t+"-"+i)),e&&(s=s.concat(s.map(mo)))),s}function ko(t){return t.replace(/left|right|bottom|top/g,(t=>so[t]))}function $o(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Co(t){const{x:e,y:o,width:r,height:i}=t;return{width:r,height:i,top:o,left:e,right:e+r,bottom:o+i,x:e,y:o}}function Ao(t,e,o){let{reference:r,floating:i}=t;const s=fo(e),n=go(e),a=po(n),l=co(e),c="y"===s,h=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,u=r[a]/2-i[a]/2;let p;switch(l){case"top":p={x:h,y:r.y-i.height};break;case"bottom":p={x:h,y:r.y+r.height};break;case"right":p={x:r.x+r.width,y:d};break;case"left":p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(ho(e)){case"start":p[n]-=u*(o&&c?-1:1);break;case"end":p[n]+=u*(o&&c?-1:1)}return p}async function Eo(t,e){var o;void 0===e&&(e={});const{x:r,y:i,platform:s,rects:n,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:u=!1,padding:p=0}=lo(e,t),b=$o(p),f=a[u?"floating"===d?"reference":"floating":d],g=Co(await s.getClippingRect({element:null==(o=await(null==s.isElement?void 0:s.isElement(f)))||o?f:f.contextElement||await(null==s.getDocumentElement?void 0:s.getDocumentElement(a.floating)),boundary:c,rootBoundary:h,strategy:l})),m="floating"===d?{x:r,y:i,width:n.floating.width,height:n.floating.height}:n.reference,v=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a.floating)),y=await(null==s.isElement?void 0:s.isElement(v))&&await(null==s.getScale?void 0:s.getScale(v))||{x:1,y:1},w=Co(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:m,offsetParent:v,strategy:l}):m);return{top:(g.top-w.top+b.top)/y.y,bottom:(w.bottom-g.bottom+b.bottom)/y.y,left:(g.left-w.left+b.left)/y.x,right:(w.right-g.right+b.right)/y.x}}const So=new Set(["left","top"]);function zo(){return"undefined"!=typeof window}function To(t){return Oo(t)?(t.nodeName||"").toLowerCase():"#document"}function Po(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Lo(t){var e;return null==(e=(Oo(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function Oo(t){return!!zo()&&(t instanceof Node||t instanceof Po(t).Node)}function Bo(t){return!!zo()&&(t instanceof Element||t instanceof Po(t).Element)}function Fo(t){return!!zo()&&(t instanceof HTMLElement||t instanceof Po(t).HTMLElement)}function Do(t){return!(!zo()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Po(t).ShadowRoot)}const Ro=new Set(["inline","contents"]);function Mo(t){const{overflow:e,overflowX:o,overflowY:r,display:i}=Xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+o)&&!Ro.has(i)}const No=new Set(["table","td","th"]);function Ho(t){return No.has(To(t))}const Uo=[":popover-open",":modal"];function Io(t){return Uo.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const Vo=["transform","translate","scale","rotate","perspective"],Wo=["transform","translate","scale","rotate","perspective","filter"],jo=["paint","layout","strict","content"];function qo(t){const e=Ko(),o=Bo(t)?Xo(t):t;return Vo.some((t=>!!o[t]&&"none"!==o[t]))||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||Wo.some((t=>(o.willChange||"").includes(t)))||jo.some((t=>(o.contain||"").includes(t)))}function Ko(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Zo=new Set(["html","body","#document"]);function Go(t){return Zo.has(To(t))}function Xo(t){return Po(t).getComputedStyle(t)}function Yo(t){return Bo(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Jo(t){if("html"===To(t))return t;const e=t.assignedSlot||t.parentNode||Do(t)&&t.host||Lo(t);return Do(e)?e.host:e}function Qo(t){const e=Jo(t);return Go(e)?t.ownerDocument?t.ownerDocument.body:t.body:Fo(e)&&Mo(e)?e:Qo(e)}function tr(t,e,o){var r;void 0===e&&(e=[]),void 0===o&&(o=!0);const i=Qo(t),s=i===(null==(r=t.ownerDocument)?void 0:r.body),n=Po(i);if(s){const t=er(n);return e.concat(n,n.visualViewport||[],Mo(i)?i:[],t&&o?tr(t):[])}return e.concat(i,tr(i,[],o))}function er(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function or(t){const e=Xo(t);let o=parseFloat(e.width)||0,r=parseFloat(e.height)||0;const i=Fo(t),s=i?t.offsetWidth:o,n=i?t.offsetHeight:r,a=oo(o)!==s||oo(r)!==n;return a&&(o=s,r=n),{width:o,height:r,$:a}}function rr(t){return Bo(t)?t:t.contextElement}function ir(t){const e=rr(t);if(!Fo(e))return io(1);const o=e.getBoundingClientRect(),{width:r,height:i,$:s}=or(e);let n=(s?oo(o.width):o.width)/r,a=(s?oo(o.height):o.height)/i;return n&&Number.isFinite(n)||(n=1),a&&Number.isFinite(a)||(a=1),{x:n,y:a}}const sr=io(0);function nr(t){const e=Po(t);return Ko()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:sr}function ar(t,e,o,r){void 0===e&&(e=!1),void 0===o&&(o=!1);const i=t.getBoundingClientRect(),s=rr(t);let n=io(1);e&&(r?Bo(r)&&(n=ir(r)):n=ir(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==Po(t))&&e}(s,o,r)?nr(s):io(0);let l=(i.left+a.x)/n.x,c=(i.top+a.y)/n.y,h=i.width/n.x,d=i.height/n.y;if(s){const t=Po(s),e=r&&Bo(r)?Po(r):r;let o=t,i=er(o);for(;i&&r&&e!==o;){const t=ir(i),e=i.getBoundingClientRect(),r=Xo(i),s=e.left+(i.clientLeft+parseFloat(r.paddingLeft))*t.x,n=e.top+(i.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x,c*=t.y,h*=t.x,d*=t.y,l+=s,c+=n,o=Po(i),i=er(o)}}return Co({width:h,height:d,x:l,y:c})}function lr(t,e){const o=Yo(t).scrollLeft;return e?e.left+o:ar(Lo(t)).left+o}function cr(t,e){const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-lr(t,o),y:o.top+e.scrollTop}}const hr=25;const dr=new Set(["absolute","fixed"]);function ur(t,e,o){let r;if("viewport"===e)r=function(t,e){const o=Po(t),r=Lo(t),i=o.visualViewport;let s=r.clientWidth,n=r.clientHeight,a=0,l=0;if(i){s=i.width,n=i.height;const t=Ko();(!t||t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}const c=lr(r);if(c<=0){const t=r.ownerDocument,e=t.body,o=getComputedStyle(e),i="CSS1Compat"===t.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,n=Math.abs(r.clientWidth-e.clientWidth-i);n<=hr&&(s-=n)}else c<=hr&&(s+=c);return{width:s,height:n,x:a,y:l}}(t,o);else if("document"===e)r=function(t){const e=Lo(t),o=Yo(t),r=t.ownerDocument.body,i=eo(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),s=eo(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let n=-o.scrollLeft+lr(t);const a=-o.scrollTop;return"rtl"===Xo(r).direction&&(n+=eo(e.clientWidth,r.clientWidth)-i),{width:i,height:s,x:n,y:a}}(Lo(t));else if(Bo(e))r=function(t,e){const o=ar(t,!0,"fixed"===e),r=o.top+t.clientTop,i=o.left+t.clientLeft,s=Fo(t)?ir(t):io(1);return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:r*s.y}}(e,o);else{const o=nr(t);r={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return Co(r)}function pr(t,e){const o=Jo(t);return!(o===e||!Bo(o)||Go(o))&&("fixed"===Xo(o).position||pr(o,e))}function br(t,e,o){const r=Fo(e),i=Lo(e),s="fixed"===o,n=ar(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const l=io(0);function c(){l.x=lr(i)}if(r||!r&&!s)if(("body"!==To(e)||Mo(i))&&(a=Yo(e)),r){const t=ar(e,!0,s,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&c();s&&!r&&i&&c();const h=!i||r||s?io(0):cr(i,a);return{x:n.left+a.scrollLeft-l.x-h.x,y:n.top+a.scrollTop-l.y-h.y,width:n.width,height:n.height}}function fr(t){return"static"===Xo(t).position}function gr(t,e){if(!Fo(t)||"fixed"===Xo(t).position)return null;if(e)return e(t);let o=t.offsetParent;return Lo(t)===o&&(o=o.ownerDocument.body),o}function mr(t,e){const o=Po(t);if(Io(t))return o;if(!Fo(t)){let e=Jo(t);for(;e&&!Go(e);){if(Bo(e)&&!fr(e))return e;e=Jo(e)}return o}let r=gr(t,e);for(;r&&Ho(r)&&fr(r);)r=gr(r,e);return r&&Go(r)&&fr(r)&&!qo(r)?o:r||function(t){let e=Jo(t);for(;Fo(e)&&!Go(e);){if(qo(e))return e;if(Io(e))return null;e=Jo(e)}return null}(t)||o}const vr={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:r,strategy:i}=t;const s="fixed"===i,n=Lo(r),a=!!e&&Io(e.floating);if(r===n||a&&s)return o;let l={scrollLeft:0,scrollTop:0},c=io(1);const h=io(0),d=Fo(r);if((d||!d&&!s)&&(("body"!==To(r)||Mo(n))&&(l=Yo(r)),Fo(r))){const t=ar(r);c=ir(r),h.x=t.x+r.clientLeft,h.y=t.y+r.clientTop}const u=!n||d||s?io(0):cr(n,l);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+h.x+u.x,y:o.y*c.y-l.scrollTop*c.y+h.y+u.y}},getDocumentElement:Lo,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:r,strategy:i}=t;const s=[..."clippingAncestors"===o?Io(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let r=tr(t,[],!1).filter((t=>Bo(t)&&"body"!==To(t))),i=null;const s="fixed"===Xo(t).position;let n=s?Jo(t):t;for(;Bo(n)&&!Go(n);){const e=Xo(n),o=qo(n);o||"fixed"!==e.position||(i=null),(s?!o&&!i:!o&&"static"===e.position&&i&&dr.has(i.position)||Mo(n)&&!o&&pr(t,n))?r=r.filter((t=>t!==n)):i=e,n=Jo(n)}return e.set(t,r),r}(e,this._c):[].concat(o),r],n=s[0],a=s.reduce(((t,o)=>{const r=ur(e,o,i);return t.top=eo(r.top,t.top),t.right=to(r.right,t.right),t.bottom=to(r.bottom,t.bottom),t.left=eo(r.left,t.left),t}),ur(e,n,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:mr,getElementRects:async function(t){const e=this.getOffsetParent||mr,o=this.getDimensions,r=await o(t.floating);return{reference:br(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=or(t);return{width:e,height:o}},getScale:ir,isElement:Bo,isRTL:function(t){return"rtl"===Xo(t).direction}};function yr(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function wr(t,e,o,r){void 0===r&&(r={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,c=rr(t),h=i||s?[...c?tr(c):[],...tr(e)]:[];h.forEach((t=>{i&&t.addEventListener("scroll",o,{passive:!0}),s&&t.addEventListener("resize",o)}));const d=c&&a?function(t,e){let o,r=null;const i=Lo(t);function s(){var t;clearTimeout(o),null==(t=r)||t.disconnect(),r=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),s();const c=t.getBoundingClientRect(),{left:h,top:d,width:u,height:p}=c;if(a||e(),!u||!p)return;const b={rootMargin:-ro(d)+"px "+-ro(i.clientWidth-(h+u))+"px "+-ro(i.clientHeight-(d+p))+"px "+-ro(h)+"px",threshold:eo(0,to(1,l))||1};let f=!0;function g(e){const r=e[0].intersectionRatio;if(r!==l){if(!f)return n();r?n(!1,r):o=setTimeout((()=>{n(!1,1e-7)}),1e3)}1!==r||yr(c,t.getBoundingClientRect())||n(),f=!1}try{r=new IntersectionObserver(g,{...b,root:i.ownerDocument})}catch(t){r=new IntersectionObserver(g,b)}r.observe(t)}(!0),s}(c,o):null;let u,p=-1,b=null;n&&(b=new ResizeObserver((t=>{let[r]=t;r&&r.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),o()})),c&&!l&&b.observe(c),b.observe(e));let f=l?ar(t):null;return l&&function e(){const r=ar(t);f&&!yr(f,r)&&o();f=r,u=requestAnimationFrame(e)}(),o(),()=>{var t;h.forEach((t=>{i&&t.removeEventListener("scroll",o),s&&t.removeEventListener("resize",o)})),null==d||d(),null==(t=b)||t.disconnect(),b=null,l&&cancelAnimationFrame(u)}}const _r=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,r;const{x:i,y:s,placement:n,middlewareData:a}=e,l=await async function(t,e){const{placement:o,platform:r,elements:i}=t,s=await(null==r.isRTL?void 0:r.isRTL(i.floating)),n=co(o),a=ho(o),l="y"===fo(o),c=So.has(n)?-1:1,h=s&&l?-1:1,d=lo(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof b&&(p="end"===a?-1*b:b),l?{x:p*h,y:u*c}:{x:u*c,y:p*h}}(e,t);return n===(null==(o=a.offset)?void 0:o.placement)&&null!=(r=a.arrow)&&r.alignmentOffset?{}:{x:i+l.x,y:s+l.y,data:{...l,placement:n}}}}},xr=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:r,placement:i}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=lo(t,e),c={x:o,y:r},h=await Eo(e,l),d=fo(co(i)),u=uo(d);let p=c[u],b=c[d];if(s){const t="y"===u?"bottom":"right";p=ao(p+h["y"===u?"top":"left"],p,p-h[t])}if(n){const t="y"===d?"bottom":"right";b=ao(b+h["y"===d?"top":"left"],b,b-h[t])}const f=a.fn({...e,[u]:p,[d]:b});return{...f,data:{x:f.x-o,y:f.y-r,enabled:{[u]:s,[d]:n}}}}}},kr=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,r;const{placement:i,middlewareData:s,rects:n,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:f=!0,...g}=lo(t,e);if(null!=(o=s.arrow)&&o.alignmentOffset)return{};const m=co(i),v=fo(a),y=co(a)===a,w=await(null==l.isRTL?void 0:l.isRTL(c.floating)),_=u||(y||!f?[ko(a)]:function(t){const e=ko(t);return[mo(t),e,mo(e)]}(a)),x="none"!==b;!u&&x&&_.push(...xo(a,f,b,w));const k=[a,..._],$=await Eo(e,g),C=[];let A=(null==(r=s.flip)?void 0:r.overflows)||[];if(h&&C.push($[m]),d){const t=function(t,e,o){void 0===o&&(o=!1);const r=ho(t),i=go(t),s=po(i);let n="x"===i?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=ko(n)),[n,ko(n)]}(i,n,w);C.push($[t[0]],$[t[1]])}if(A=[...A,{placement:i,overflows:C}],!C.every((t=>t<=0))){var E,S;const t=((null==(E=s.flip)?void 0:E.index)||0)+1,e=k[t];if(e){if(!("alignment"===d&&v!==fo(e))||A.every((t=>fo(t.placement)!==v||t.overflows[0]>0)))return{data:{index:t,overflows:A},reset:{placement:e}}}let o=null==(S=A.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(p){case"bestFit":{var z;const t=null==(z=A.filter((t=>{if(x){const e=fo(t.placement);return e===v||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:z[0];t&&(o=t);break}case"initialPlacement":o=a}if(i!==o)return{reset:{placement:o}}}return{}}}},$r=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,r;const{placement:i,rects:s,platform:n,elements:a}=e,{apply:l=()=>{},...c}=lo(t,e),h=await Eo(e,c),d=co(i),u=ho(i),p="y"===fo(i),{width:b,height:f}=s.floating;let g,m;"top"===d||"bottom"===d?(g=d,m=u===(await(null==n.isRTL?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(m=d,g="end"===u?"top":"bottom");const v=f-h.top-h.bottom,y=b-h.left-h.right,w=to(f-h[g],v),_=to(b-h[m],y),x=!e.middlewareData.shift;let k=w,$=_;if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&($=y),null!=(r=e.middlewareData.shift)&&r.enabled.y&&(k=v),x&&!u){const t=eo(h.left,0),e=eo(h.right,0),o=eo(h.top,0),r=eo(h.bottom,0);p?$=b-2*(0!==t||0!==e?t+e:eo(h.left,h.right)):k=f-2*(0!==o||0!==r?o+r:eo(h.top,h.bottom))}await l({...e,availableWidth:$,availableHeight:k});const C=await n.getDimensions(a.floating);return b!==C.width||f!==C.height?{reset:{rects:!0}}:{}}}},Cr=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:s,platform:n,elements:a,middlewareData:l}=e,{element:c,padding:h=0}=lo(t,e)||{};if(null==c)return{};const d=$o(h),u={x:o,y:r},p=go(i),b=po(p),f=await n.getDimensions(c),g="y"===p,m=g?"top":"left",v=g?"bottom":"right",y=g?"clientHeight":"clientWidth",w=s.reference[b]+s.reference[p]-u[p]-s.floating[b],_=u[p]-s.reference[p],x=await(null==n.getOffsetParent?void 0:n.getOffsetParent(c));let k=x?x[y]:0;k&&await(null==n.isElement?void 0:n.isElement(x))||(k=a.floating[y]||s.floating[b]);const $=w/2-_/2,C=k/2-f[b]/2-1,A=to(d[m],C),E=to(d[v],C),S=A,z=k-f[b]-E,T=k/2-f[b]/2+$,P=ao(S,T,z),L=!l.arrow&&null!=ho(i)&&T!==P&&s.reference[b]/2-(T<S?A:E)-f[b]/2<0,O=L?T<S?T-S:T-z:0;return{[p]:u[p]+O,data:{[p]:P,centerOffset:T-P-O,...L&&{alignmentOffset:O}},reset:L}}}),Ar=(t,e,o)=>{const r=new Map,i={platform:vr,...o},s={...i.platform,_c:r};return(async(t,e,o)=>{const{placement:r="bottom",strategy:i="absolute",middleware:s=[],platform:n}=o,a=s.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:h,y:d}=Ao(c,r,l),u=r,p={},b=0;for(let o=0;o<a.length;o++){const{name:s,fn:f}=a[o],{x:g,y:m,data:v,reset:y}=await f({x:h,y:d,initialPlacement:r,placement:u,strategy:i,middlewareData:p,rects:c,platform:n,elements:{reference:t,floating:e}});h=null!=g?g:h,d=null!=m?m:d,p={...p,[s]:{...p[s],...v}},y&&b<=50&&(b++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await n.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:h,y:d}=Ao(c,u,l))),o=-1)}return{x:h,y:d,placement:u,strategy:i,middlewareData:p}})(t,e,{...i,platform:s})};function Er(t){return function(t){for(let e=t;e;e=Sr(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Sr(t);e;e=Sr(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||qo(t))return e;if("BODY"===e.tagName)return e}}return null}(t)}function Sr(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var zr=class extends qt{constructor(){super(...arguments),this.localize=new De(this),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect(),e=this.popup.getBoundingClientRect();let o=0,r=0,i=0,s=0,n=0,a=0,l=0,c=0;this.placement.includes("top")||this.placement.includes("bottom")?t.top<e.top?(o=t.left,r=t.bottom,i=t.right,s=t.bottom,n=e.left,a=e.top,l=e.right,c=e.top):(o=e.left,r=e.bottom,i=e.right,s=e.bottom,n=t.left,a=t.top,l=t.right,c=t.top):t.left<e.left?(o=t.right,r=t.top,i=e.left,s=e.top,n=t.right,a=t.bottom,l=e.left,c=e.bottom):(o=e.right,r=e.top,i=t.left,s=t.top,n=e.right,a=e.bottom,l=t.left,c=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${r}px`),this.style.setProperty("--hover-bridge-top-right-x",`${i}px`),this.style.setProperty("--hover-bridge-top-right-y",`${s}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${c}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||function(t){return null!==t&&"object"==typeof t&&"getBoundingClientRect"in t&&(!("contextElement"in t)||t.contextElement instanceof Element)}(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){this.anchorEl&&this.active&&(this.cleanup=wr(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[_r({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push($r({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,o="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=o?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(kr({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(xr({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push($r({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Cr({element:this.arrowEl,padding:this.arrowPadding}));const e="absolute"===this.strategy?t=>vr.getOffsetParent(t,Er):vr.getOffsetParent;Ar(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:d(h({},vr),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:o,placement:r})=>{const i="rtl"===this.localize.dir(),s={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(this.setAttribute("data-current-placement",r),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=o.arrow.x,e=o.arrow.y;let r="",n="",a="",l="";if("start"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";r="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",n=i?o:"",l=i?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";n=i?"":o,l=i?o:"",a="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",r="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",r="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:r,right:n,bottom:a,left:l,[s]:"calc(var(--arrow-size-diagonal) * -1)"})}})),requestAnimationFrame((()=>this.updateHoverBridge())),this.emit("sl-reposition")}render(){return lt`
|
|
950
950
|
<slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
|
|
951
951
|
|
|
952
952
|
<span
|
|
@@ -961,7 +961,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
961
961
|
<slot></slot>
|
|
962
962
|
${this.arrow?lt`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
|
|
963
963
|
</div>
|
|
964
|
-
`}};function
|
|
964
|
+
`}};function Tr(t,e){return new Promise((o=>{t.addEventListener(e,(function r(i){i.target===t&&(t.removeEventListener(e,r),o())}))}))}function Pr(t,e,o){return new Promise((r=>{if((null==o?void 0:o.duration)===1/0)throw new Error("Promise-based animations must be finite.");const i=t.animate(e,d(h({},o),{duration:Or()?0:o.duration}));i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})}))}function Lr(t){return(t=t.toString().toLowerCase()).indexOf("ms")>-1?parseFloat(t):t.indexOf("s")>-1?1e3*parseFloat(t):parseFloat(t)}function Or(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Br(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{t.cancel(),requestAnimationFrame(e)})))))}zr.styles=[Nt,Qe],u([Wt(".popup")],zr.prototype,"popup",2),u([Wt(".popup__arrow")],zr.prototype,"arrowEl",2),u([It()],zr.prototype,"anchor",2),u([It({type:Boolean,reflect:!0})],zr.prototype,"active",2),u([It({reflect:!0})],zr.prototype,"placement",2),u([It({reflect:!0})],zr.prototype,"strategy",2),u([It({type:Number})],zr.prototype,"distance",2),u([It({type:Number})],zr.prototype,"skidding",2),u([It({type:Boolean})],zr.prototype,"arrow",2),u([It({attribute:"arrow-placement"})],zr.prototype,"arrowPlacement",2),u([It({attribute:"arrow-padding",type:Number})],zr.prototype,"arrowPadding",2),u([It({type:Boolean})],zr.prototype,"flip",2),u([It({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],zr.prototype,"flipFallbackPlacements",2),u([It({attribute:"flip-fallback-strategy"})],zr.prototype,"flipFallbackStrategy",2),u([It({type:Object})],zr.prototype,"flipBoundary",2),u([It({attribute:"flip-padding",type:Number})],zr.prototype,"flipPadding",2),u([It({type:Boolean})],zr.prototype,"shift",2),u([It({type:Object})],zr.prototype,"shiftBoundary",2),u([It({attribute:"shift-padding",type:Number})],zr.prototype,"shiftPadding",2),u([It({attribute:"auto-size"})],zr.prototype,"autoSize",2),u([It()],zr.prototype,"sync",2),u([It({type:Object})],zr.prototype,"autoSizeBoundary",2),u([It({attribute:"auto-size-padding",type:Number})],zr.prototype,"autoSizePadding",2),u([It({attribute:"hover-bridge",type:Boolean})],zr.prototype,"hoverBridge",2);var Fr=class extends qt{constructor(){super(),this.localize=new De(this),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1,this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()},this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())},this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()},this.handleDocumentKeyDown=t=>{"Escape"===t.key&&(t.stopPropagation(),this.hide())},this.handleMouseOver=()=>{if(this.hasTrigger("hover")){const t=Lr(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}},this.handleMouseOut=()=>{if(this.hasTrigger("hover")){const t=Lr(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}},this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this.closeWatcher)||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){var t,e;if(this.open){if(this.disabled)return;this.emit("sl-show"),"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await Br(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:e,options:o}=w(this,"tooltip.show",{dir:this.localize.dir()});await Pr(this.popup.popup,e,o),this.popup.reposition(),this.emit("sl-after-show")}else{this.emit("sl-hide"),null==(e=this.closeWatcher)||e.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await Br(this.body);const{keyframes:t,options:o}=w(this,"tooltip.hide",{dir:this.localize.dir()});await Pr(this.popup.popup,t,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sl-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,Tr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,Tr(this,"sl-after-hide")}render(){return lt`
|
|
965
965
|
<sl-popup
|
|
966
966
|
part="base"
|
|
967
967
|
exportparts="
|
|
@@ -986,7 +986,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
986
986
|
<slot name="content">${this.content}</slot>
|
|
987
987
|
</div>
|
|
988
988
|
</sl-popup>
|
|
989
|
-
`}};
|
|
989
|
+
`}};Fr.styles=[Nt,Je],Fr.dependencies={"sl-popup":zr},u([Wt("slot:not([name])")],Fr.prototype,"defaultSlot",2),u([Wt(".tooltip__body")],Fr.prototype,"body",2),u([Wt("sl-popup")],Fr.prototype,"popup",2),u([It()],Fr.prototype,"content",2),u([It()],Fr.prototype,"placement",2),u([It({type:Boolean,reflect:!0})],Fr.prototype,"disabled",2),u([It({type:Number})],Fr.prototype,"distance",2),u([It({type:Boolean,reflect:!0})],Fr.prototype,"open",2),u([It({type:Number})],Fr.prototype,"skidding",2),u([It()],Fr.prototype,"trigger",2),u([It({type:Boolean})],Fr.prototype,"hoist",2),u([Mt("open",{waitUntilFirstUpdate:!0})],Fr.prototype,"handleOpenChange",1),u([Mt(["content","distance","hoist","placement","skidding"])],Fr.prototype,"handleOptionsChange",1),u([Mt("disabled")],Fr.prototype,"handleDisabledChange",1),y("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),y("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}}),Fr.define("sl-tooltip");var Dr=A`
|
|
990
990
|
:host {
|
|
991
991
|
--height: 1rem;
|
|
992
992
|
--track-color: var(--sl-color-neutral-200);
|
|
@@ -1073,7 +1073,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
1073
1073
|
* @license
|
|
1074
1074
|
* Copyright 2018 Google LLC
|
|
1075
1075
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1076
|
-
*/;const
|
|
1076
|
+
*/;const Rr="important",Mr=" !"+Rr,Nr=Xt(class extends Yt{constructor(t){if(super(t),t.type!==Kt||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,o)=>{const r=t[o];return null==r?e:e+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?o.removeProperty(t):o[t]=null);for(const t in e){const r=e[t];if(null!=r){this.ft.add(t);const e="string"==typeof r&&r.endsWith(Mr);t.includes("-")||e?o.setProperty(t,e?r.slice(0,-11):r,e?Rr:""):o[t]=r}}return ct}});var Hr=class extends qt{constructor(){super(...arguments),this.localize=new De(this),this.value=0,this.indeterminate=!1,this.label=""}render(){return lt`
|
|
1077
1077
|
<div
|
|
1078
1078
|
part="base"
|
|
1079
1079
|
class=${Jt({"progress-bar":!0,"progress-bar--indeterminate":this.indeterminate,"progress-bar--rtl":"rtl"===this.localize.dir()})}
|
|
@@ -1084,11 +1084,11 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
1084
1084
|
aria-valuemax="100"
|
|
1085
1085
|
aria-valuenow=${this.indeterminate?0:this.value}
|
|
1086
1086
|
>
|
|
1087
|
-
<div part="indicator" class="progress-bar__indicator" style=${
|
|
1087
|
+
<div part="indicator" class="progress-bar__indicator" style=${Nr({width:`${this.value}%`})}>
|
|
1088
1088
|
${this.indeterminate?"":lt` <slot part="label" class="progress-bar__label"></slot> `}
|
|
1089
1089
|
</div>
|
|
1090
1090
|
</div>
|
|
1091
|
-
`}};function*
|
|
1091
|
+
`}};function*Ur(t=document.activeElement){null!=t&&(yield t,"shadowRoot"in t&&t.shadowRoot&&"closed"!==t.shadowRoot.mode&&(yield*f(Ur(t.shadowRoot.activeElement))))}Hr.styles=[Nt,Dr],u([It({type:Number,reflect:!0})],Hr.prototype,"value",2),u([It({type:Boolean,reflect:!0})],Hr.prototype,"indeterminate",2),u([It()],Hr.prototype,"label",2),Hr.define("sl-progress-bar");var Ir=new WeakMap;function Vr(t){let e=Ir.get(t);return e||(e=window.getComputedStyle(t,null),Ir.set(t,e)),e}function Wr(t){const e=t.tagName.toLowerCase(),o=Number(t.getAttribute("tabindex"));if(t.hasAttribute("tabindex")&&(isNaN(o)||o<=-1))return!1;if(t.hasAttribute("disabled"))return!1;if(t.closest("[inert]"))return!1;if("input"===e&&"radio"===t.getAttribute("type")){const e=t.getRootNode(),o=`input[type='radio'][name="${t.getAttribute("name")}"]`,r=e.querySelector(`${o}:checked`);if(r)return r===t;return e.querySelector(o)===t}if(!function(t){if("function"==typeof t.checkVisibility)return t.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});const e=Vr(t);return"hidden"!==e.visibility&&"none"!==e.display}(t))return!1;if(("audio"===e||"video"===e)&&t.hasAttribute("controls"))return!0;if(t.hasAttribute("tabindex"))return!0;if(t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))return!0;return!!["button","input","select","textarea","a","audio","video","summary","iframe"].includes(e)||function(t){const e=Vr(t),{overflowY:o,overflowX:r}=e;return"scroll"===o||"scroll"===r||"auto"===o&&"auto"===r&&(t.scrollHeight>t.clientHeight&&"auto"===o||!(!(t.scrollWidth>t.clientWidth)||"auto"!==r))}(t)}function jr(t){const e=new WeakMap,o=[];return function r(i){if(i instanceof Element){if(i.hasAttribute("inert")||i.closest("[inert]"))return;if(e.has(i))return;e.set(i,!0),!o.includes(i)&&Wr(i)&&o.push(i),i instanceof HTMLSlotElement&&function(t,e){var o;return(null==(o=t.getRootNode({composed:!0}))?void 0:o.host)!==e}(i,t)&&i.assignedElements({flatten:!0}).forEach((t=>{r(t)})),null!==i.shadowRoot&&"open"===i.shadowRoot.mode&&r(i.shadowRoot)}for(const t of i.children)r(t)}(t),o.sort(((t,e)=>{const o=Number(t.getAttribute("tabindex"))||0;return(Number(e.getAttribute("tabindex"))||0)-o}))}var qr=[],Kr=class{constructor(t){this.tabDirection="forward",this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()},this.handleKeyDown=t=>{var e;if("Tab"!==t.key||this.isExternalActivated)return;if(!this.isActive())return;const o=[...Ur()].pop();if(this.previousFocus=o,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;t.shiftKey?this.tabDirection="backward":this.tabDirection="forward";const r=jr(this.element);let i=r.findIndex((t=>t===o));this.previousFocus=this.currentFocus;const s="forward"===this.tabDirection?1:-1;for(;;){i+s>=r.length?i=0:i+s<0?i=r.length-1:i+=s,this.previousFocus=this.currentFocus;const o=r[i];if("backward"===this.tabDirection&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;if(o&&this.possiblyHasTabbableChildren(o))return;t.preventDefault(),this.currentFocus=o,null==(e=this.currentFocus)||e.focus({preventScroll:!1});const n=[...Ur()];if(n.includes(this.currentFocus)||!n.includes(this.previousFocus))break}setTimeout((()=>this.checkFocus()))},this.handleKeyUp=()=>{this.tabDirection="forward"},this.element=t,this.elementsWithTabbableControls=["iframe"]}activate(){qr.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){qr=qr.filter((t=>t!==this.element)),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return qr[qr.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){const t=jr(this.element);if(!this.element.matches(":focus-within")){const e=t[0],o=t[t.length-1],r="forward"===this.tabDirection?e:o;"function"==typeof(null==r?void 0:r.focus)&&(this.currentFocus=r,r.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(t){return this.elementsWithTabbableControls.includes(t.tagName.toLowerCase())||t.hasAttribute("controls")}},Zr=A`
|
|
1092
1092
|
:host {
|
|
1093
1093
|
--width: 31rem;
|
|
1094
1094
|
--header-spacing: var(--sl-spacing-large);
|
|
@@ -1205,7 +1205,7 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
1205
1205
|
border: solid 1px var(--sl-color-neutral-0);
|
|
1206
1206
|
}
|
|
1207
1207
|
}
|
|
1208
|
-
`,
|
|
1208
|
+
`,Gr=class extends qt{constructor(){super(...arguments),this.hasSlotController=new Rt(this,"footer"),this.localize=new De(this),this.modal=new Kr(this),this.open=!1,this.label="",this.noHeader=!1,this.handleDocumentKeyDown=t=>{"Escape"===t.key&&this.modal.isActive()&&this.open&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),Ve(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),We(this),this.removeOpenListeners()}requestClose(t){if(this.emit("sl-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=w(this,"dialog.denyClose",{dir:this.localize.dir()});Pr(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;null==(t=this.closeWatcher)||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),Ve(this);const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([Br(this.dialog),Br(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame((()=>{this.emit("sl-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=w(this,"dialog.show",{dir:this.localize.dir()}),o=w(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([Pr(this.panel,e.keyframes,e.options),Pr(this.overlay,o.keyframes,o.options)]),this.emit("sl-after-show")}else{(t=>{var e;const{activeElement:o}=document;o&&t.contains(o)&&(null==(e=document.activeElement)||e.blur())})(this),this.emit("sl-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([Br(this.dialog),Br(this.overlay)]);const t=w(this,"dialog.hide",{dir:this.localize.dir()}),e=w(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([Pr(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),Pr(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,We(this);const o=this.originalTrigger;"function"==typeof(null==o?void 0:o.focus)&&setTimeout((()=>o.focus())),this.emit("sl-after-hide")}}async show(){if(!this.open)return this.open=!0,Tr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,Tr(this,"sl-after-hide")}render(){return lt`
|
|
1209
1209
|
<div
|
|
1210
1210
|
part="base"
|
|
1211
1211
|
class=${Jt({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
|
|
@@ -1249,4 +1249,686 @@ const ye=Symbol.for(""),we=t=>{if(t?.r===ye)return t?._$litStatic$},_e=(t,...e)=
|
|
|
1249
1249
|
</footer>
|
|
1250
1250
|
</div>
|
|
1251
1251
|
</div>
|
|
1252
|
-
`}};
|
|
1252
|
+
`}};Gr.styles=[Nt,Zr],Gr.dependencies={"sl-icon-button":$e},u([Wt(".dialog")],Gr.prototype,"dialog",2),u([Wt(".dialog__panel")],Gr.prototype,"panel",2),u([Wt(".dialog__overlay")],Gr.prototype,"overlay",2),u([It({type:Boolean,reflect:!0})],Gr.prototype,"open",2),u([It({reflect:!0})],Gr.prototype,"label",2),u([It({attribute:"no-header",type:Boolean,reflect:!0})],Gr.prototype,"noHeader",2),u([Mt("open",{waitUntilFirstUpdate:!0})],Gr.prototype,"handleOpenChange",1),y("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),y("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),y("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}}),y("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),y("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}}),Gr.define("sl-dialog");var Xr=A`
|
|
1253
|
+
:host {
|
|
1254
|
+
--track-width: 2px;
|
|
1255
|
+
--track-color: rgb(128 128 128 / 25%);
|
|
1256
|
+
--indicator-color: var(--sl-color-primary-600);
|
|
1257
|
+
--speed: 2s;
|
|
1258
|
+
|
|
1259
|
+
display: inline-flex;
|
|
1260
|
+
width: 1em;
|
|
1261
|
+
height: 1em;
|
|
1262
|
+
flex: none;
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
.spinner {
|
|
1266
|
+
flex: 1 1 auto;
|
|
1267
|
+
height: 100%;
|
|
1268
|
+
width: 100%;
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
.spinner__track,
|
|
1272
|
+
.spinner__indicator {
|
|
1273
|
+
fill: none;
|
|
1274
|
+
stroke-width: var(--track-width);
|
|
1275
|
+
r: calc(0.5em - var(--track-width) / 2);
|
|
1276
|
+
cx: 0.5em;
|
|
1277
|
+
cy: 0.5em;
|
|
1278
|
+
transform-origin: 50% 50%;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
.spinner__track {
|
|
1282
|
+
stroke: var(--track-color);
|
|
1283
|
+
transform-origin: 0% 0%;
|
|
1284
|
+
}
|
|
1285
|
+
|
|
1286
|
+
.spinner__indicator {
|
|
1287
|
+
stroke: var(--indicator-color);
|
|
1288
|
+
stroke-linecap: round;
|
|
1289
|
+
stroke-dasharray: 150% 75%;
|
|
1290
|
+
animation: spin var(--speed) linear infinite;
|
|
1291
|
+
}
|
|
1292
|
+
|
|
1293
|
+
@keyframes spin {
|
|
1294
|
+
0% {
|
|
1295
|
+
transform: rotate(0deg);
|
|
1296
|
+
stroke-dasharray: 0.05em, 3em;
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1299
|
+
50% {
|
|
1300
|
+
transform: rotate(450deg);
|
|
1301
|
+
stroke-dasharray: 1.375em, 1.375em;
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
100% {
|
|
1305
|
+
transform: rotate(1080deg);
|
|
1306
|
+
stroke-dasharray: 0.05em, 3em;
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
`,Yr=class extends qt{constructor(){super(...arguments),this.localize=new De(this)}render(){return lt`
|
|
1310
|
+
<svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
|
|
1311
|
+
<circle class="spinner__track"></circle>
|
|
1312
|
+
<circle class="spinner__indicator"></circle>
|
|
1313
|
+
</svg>
|
|
1314
|
+
`}};Yr.styles=[Nt,Xr];var Jr=A`
|
|
1315
|
+
:host {
|
|
1316
|
+
display: inline-block;
|
|
1317
|
+
position: relative;
|
|
1318
|
+
width: auto;
|
|
1319
|
+
cursor: pointer;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
.button {
|
|
1323
|
+
display: inline-flex;
|
|
1324
|
+
align-items: stretch;
|
|
1325
|
+
justify-content: center;
|
|
1326
|
+
width: 100%;
|
|
1327
|
+
border-style: solid;
|
|
1328
|
+
border-width: var(--sl-input-border-width);
|
|
1329
|
+
font-family: var(--sl-input-font-family);
|
|
1330
|
+
font-weight: var(--sl-font-weight-semibold);
|
|
1331
|
+
text-decoration: none;
|
|
1332
|
+
user-select: none;
|
|
1333
|
+
-webkit-user-select: none;
|
|
1334
|
+
white-space: nowrap;
|
|
1335
|
+
vertical-align: middle;
|
|
1336
|
+
padding: 0;
|
|
1337
|
+
transition:
|
|
1338
|
+
var(--sl-transition-x-fast) background-color,
|
|
1339
|
+
var(--sl-transition-x-fast) color,
|
|
1340
|
+
var(--sl-transition-x-fast) border,
|
|
1341
|
+
var(--sl-transition-x-fast) box-shadow;
|
|
1342
|
+
cursor: inherit;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
.button::-moz-focus-inner {
|
|
1346
|
+
border: 0;
|
|
1347
|
+
}
|
|
1348
|
+
|
|
1349
|
+
.button:focus {
|
|
1350
|
+
outline: none;
|
|
1351
|
+
}
|
|
1352
|
+
|
|
1353
|
+
.button:focus-visible {
|
|
1354
|
+
outline: var(--sl-focus-ring);
|
|
1355
|
+
outline-offset: var(--sl-focus-ring-offset);
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
.button--disabled {
|
|
1359
|
+
opacity: 0.5;
|
|
1360
|
+
cursor: not-allowed;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
/* When disabled, prevent mouse events from bubbling up from children */
|
|
1364
|
+
.button--disabled * {
|
|
1365
|
+
pointer-events: none;
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1368
|
+
.button__prefix,
|
|
1369
|
+
.button__suffix {
|
|
1370
|
+
flex: 0 0 auto;
|
|
1371
|
+
display: flex;
|
|
1372
|
+
align-items: center;
|
|
1373
|
+
pointer-events: none;
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.button__label {
|
|
1377
|
+
display: inline-block;
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
.button__label::slotted(sl-icon) {
|
|
1381
|
+
vertical-align: -2px;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
/*
|
|
1385
|
+
* Standard buttons
|
|
1386
|
+
*/
|
|
1387
|
+
|
|
1388
|
+
/* Default */
|
|
1389
|
+
.button--standard.button--default {
|
|
1390
|
+
background-color: var(--sl-color-neutral-0);
|
|
1391
|
+
border-color: var(--sl-input-border-color);
|
|
1392
|
+
color: var(--sl-color-neutral-700);
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
.button--standard.button--default:hover:not(.button--disabled) {
|
|
1396
|
+
background-color: var(--sl-color-primary-50);
|
|
1397
|
+
border-color: var(--sl-color-primary-300);
|
|
1398
|
+
color: var(--sl-color-primary-700);
|
|
1399
|
+
}
|
|
1400
|
+
|
|
1401
|
+
.button--standard.button--default:active:not(.button--disabled) {
|
|
1402
|
+
background-color: var(--sl-color-primary-100);
|
|
1403
|
+
border-color: var(--sl-color-primary-400);
|
|
1404
|
+
color: var(--sl-color-primary-700);
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
/* Primary */
|
|
1408
|
+
.button--standard.button--primary {
|
|
1409
|
+
background-color: var(--sl-color-primary-600);
|
|
1410
|
+
border-color: var(--sl-color-primary-600);
|
|
1411
|
+
color: var(--sl-color-neutral-0);
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1414
|
+
.button--standard.button--primary:hover:not(.button--disabled) {
|
|
1415
|
+
background-color: var(--sl-color-primary-500);
|
|
1416
|
+
border-color: var(--sl-color-primary-500);
|
|
1417
|
+
color: var(--sl-color-neutral-0);
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
.button--standard.button--primary:active:not(.button--disabled) {
|
|
1421
|
+
background-color: var(--sl-color-primary-600);
|
|
1422
|
+
border-color: var(--sl-color-primary-600);
|
|
1423
|
+
color: var(--sl-color-neutral-0);
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
/* Success */
|
|
1427
|
+
.button--standard.button--success {
|
|
1428
|
+
background-color: var(--sl-color-success-600);
|
|
1429
|
+
border-color: var(--sl-color-success-600);
|
|
1430
|
+
color: var(--sl-color-neutral-0);
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1433
|
+
.button--standard.button--success:hover:not(.button--disabled) {
|
|
1434
|
+
background-color: var(--sl-color-success-500);
|
|
1435
|
+
border-color: var(--sl-color-success-500);
|
|
1436
|
+
color: var(--sl-color-neutral-0);
|
|
1437
|
+
}
|
|
1438
|
+
|
|
1439
|
+
.button--standard.button--success:active:not(.button--disabled) {
|
|
1440
|
+
background-color: var(--sl-color-success-600);
|
|
1441
|
+
border-color: var(--sl-color-success-600);
|
|
1442
|
+
color: var(--sl-color-neutral-0);
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1445
|
+
/* Neutral */
|
|
1446
|
+
.button--standard.button--neutral {
|
|
1447
|
+
background-color: var(--sl-color-neutral-600);
|
|
1448
|
+
border-color: var(--sl-color-neutral-600);
|
|
1449
|
+
color: var(--sl-color-neutral-0);
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
.button--standard.button--neutral:hover:not(.button--disabled) {
|
|
1453
|
+
background-color: var(--sl-color-neutral-500);
|
|
1454
|
+
border-color: var(--sl-color-neutral-500);
|
|
1455
|
+
color: var(--sl-color-neutral-0);
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
.button--standard.button--neutral:active:not(.button--disabled) {
|
|
1459
|
+
background-color: var(--sl-color-neutral-600);
|
|
1460
|
+
border-color: var(--sl-color-neutral-600);
|
|
1461
|
+
color: var(--sl-color-neutral-0);
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
/* Warning */
|
|
1465
|
+
.button--standard.button--warning {
|
|
1466
|
+
background-color: var(--sl-color-warning-600);
|
|
1467
|
+
border-color: var(--sl-color-warning-600);
|
|
1468
|
+
color: var(--sl-color-neutral-0);
|
|
1469
|
+
}
|
|
1470
|
+
.button--standard.button--warning:hover:not(.button--disabled) {
|
|
1471
|
+
background-color: var(--sl-color-warning-500);
|
|
1472
|
+
border-color: var(--sl-color-warning-500);
|
|
1473
|
+
color: var(--sl-color-neutral-0);
|
|
1474
|
+
}
|
|
1475
|
+
|
|
1476
|
+
.button--standard.button--warning:active:not(.button--disabled) {
|
|
1477
|
+
background-color: var(--sl-color-warning-600);
|
|
1478
|
+
border-color: var(--sl-color-warning-600);
|
|
1479
|
+
color: var(--sl-color-neutral-0);
|
|
1480
|
+
}
|
|
1481
|
+
|
|
1482
|
+
/* Danger */
|
|
1483
|
+
.button--standard.button--danger {
|
|
1484
|
+
background-color: var(--sl-color-danger-600);
|
|
1485
|
+
border-color: var(--sl-color-danger-600);
|
|
1486
|
+
color: var(--sl-color-neutral-0);
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
.button--standard.button--danger:hover:not(.button--disabled) {
|
|
1490
|
+
background-color: var(--sl-color-danger-500);
|
|
1491
|
+
border-color: var(--sl-color-danger-500);
|
|
1492
|
+
color: var(--sl-color-neutral-0);
|
|
1493
|
+
}
|
|
1494
|
+
|
|
1495
|
+
.button--standard.button--danger:active:not(.button--disabled) {
|
|
1496
|
+
background-color: var(--sl-color-danger-600);
|
|
1497
|
+
border-color: var(--sl-color-danger-600);
|
|
1498
|
+
color: var(--sl-color-neutral-0);
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
/*
|
|
1502
|
+
* Outline buttons
|
|
1503
|
+
*/
|
|
1504
|
+
|
|
1505
|
+
.button--outline {
|
|
1506
|
+
background: none;
|
|
1507
|
+
border: solid 1px;
|
|
1508
|
+
}
|
|
1509
|
+
|
|
1510
|
+
/* Default */
|
|
1511
|
+
.button--outline.button--default {
|
|
1512
|
+
border-color: var(--sl-input-border-color);
|
|
1513
|
+
color: var(--sl-color-neutral-700);
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
.button--outline.button--default:hover:not(.button--disabled),
|
|
1517
|
+
.button--outline.button--default.button--checked:not(.button--disabled) {
|
|
1518
|
+
border-color: var(--sl-color-primary-600);
|
|
1519
|
+
background-color: var(--sl-color-primary-600);
|
|
1520
|
+
color: var(--sl-color-neutral-0);
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
.button--outline.button--default:active:not(.button--disabled) {
|
|
1524
|
+
border-color: var(--sl-color-primary-700);
|
|
1525
|
+
background-color: var(--sl-color-primary-700);
|
|
1526
|
+
color: var(--sl-color-neutral-0);
|
|
1527
|
+
}
|
|
1528
|
+
|
|
1529
|
+
/* Primary */
|
|
1530
|
+
.button--outline.button--primary {
|
|
1531
|
+
border-color: var(--sl-color-primary-600);
|
|
1532
|
+
color: var(--sl-color-primary-600);
|
|
1533
|
+
}
|
|
1534
|
+
|
|
1535
|
+
.button--outline.button--primary:hover:not(.button--disabled),
|
|
1536
|
+
.button--outline.button--primary.button--checked:not(.button--disabled) {
|
|
1537
|
+
background-color: var(--sl-color-primary-600);
|
|
1538
|
+
color: var(--sl-color-neutral-0);
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
.button--outline.button--primary:active:not(.button--disabled) {
|
|
1542
|
+
border-color: var(--sl-color-primary-700);
|
|
1543
|
+
background-color: var(--sl-color-primary-700);
|
|
1544
|
+
color: var(--sl-color-neutral-0);
|
|
1545
|
+
}
|
|
1546
|
+
|
|
1547
|
+
/* Success */
|
|
1548
|
+
.button--outline.button--success {
|
|
1549
|
+
border-color: var(--sl-color-success-600);
|
|
1550
|
+
color: var(--sl-color-success-600);
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
.button--outline.button--success:hover:not(.button--disabled),
|
|
1554
|
+
.button--outline.button--success.button--checked:not(.button--disabled) {
|
|
1555
|
+
background-color: var(--sl-color-success-600);
|
|
1556
|
+
color: var(--sl-color-neutral-0);
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
.button--outline.button--success:active:not(.button--disabled) {
|
|
1560
|
+
border-color: var(--sl-color-success-700);
|
|
1561
|
+
background-color: var(--sl-color-success-700);
|
|
1562
|
+
color: var(--sl-color-neutral-0);
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
/* Neutral */
|
|
1566
|
+
.button--outline.button--neutral {
|
|
1567
|
+
border-color: var(--sl-color-neutral-600);
|
|
1568
|
+
color: var(--sl-color-neutral-600);
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.button--outline.button--neutral:hover:not(.button--disabled),
|
|
1572
|
+
.button--outline.button--neutral.button--checked:not(.button--disabled) {
|
|
1573
|
+
background-color: var(--sl-color-neutral-600);
|
|
1574
|
+
color: var(--sl-color-neutral-0);
|
|
1575
|
+
}
|
|
1576
|
+
|
|
1577
|
+
.button--outline.button--neutral:active:not(.button--disabled) {
|
|
1578
|
+
border-color: var(--sl-color-neutral-700);
|
|
1579
|
+
background-color: var(--sl-color-neutral-700);
|
|
1580
|
+
color: var(--sl-color-neutral-0);
|
|
1581
|
+
}
|
|
1582
|
+
|
|
1583
|
+
/* Warning */
|
|
1584
|
+
.button--outline.button--warning {
|
|
1585
|
+
border-color: var(--sl-color-warning-600);
|
|
1586
|
+
color: var(--sl-color-warning-600);
|
|
1587
|
+
}
|
|
1588
|
+
|
|
1589
|
+
.button--outline.button--warning:hover:not(.button--disabled),
|
|
1590
|
+
.button--outline.button--warning.button--checked:not(.button--disabled) {
|
|
1591
|
+
background-color: var(--sl-color-warning-600);
|
|
1592
|
+
color: var(--sl-color-neutral-0);
|
|
1593
|
+
}
|
|
1594
|
+
|
|
1595
|
+
.button--outline.button--warning:active:not(.button--disabled) {
|
|
1596
|
+
border-color: var(--sl-color-warning-700);
|
|
1597
|
+
background-color: var(--sl-color-warning-700);
|
|
1598
|
+
color: var(--sl-color-neutral-0);
|
|
1599
|
+
}
|
|
1600
|
+
|
|
1601
|
+
/* Danger */
|
|
1602
|
+
.button--outline.button--danger {
|
|
1603
|
+
border-color: var(--sl-color-danger-600);
|
|
1604
|
+
color: var(--sl-color-danger-600);
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
.button--outline.button--danger:hover:not(.button--disabled),
|
|
1608
|
+
.button--outline.button--danger.button--checked:not(.button--disabled) {
|
|
1609
|
+
background-color: var(--sl-color-danger-600);
|
|
1610
|
+
color: var(--sl-color-neutral-0);
|
|
1611
|
+
}
|
|
1612
|
+
|
|
1613
|
+
.button--outline.button--danger:active:not(.button--disabled) {
|
|
1614
|
+
border-color: var(--sl-color-danger-700);
|
|
1615
|
+
background-color: var(--sl-color-danger-700);
|
|
1616
|
+
color: var(--sl-color-neutral-0);
|
|
1617
|
+
}
|
|
1618
|
+
|
|
1619
|
+
@media (forced-colors: active) {
|
|
1620
|
+
.button.button--outline.button--checked:not(.button--disabled) {
|
|
1621
|
+
outline: solid 2px transparent;
|
|
1622
|
+
}
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
/*
|
|
1626
|
+
* Text buttons
|
|
1627
|
+
*/
|
|
1628
|
+
|
|
1629
|
+
.button--text {
|
|
1630
|
+
background-color: transparent;
|
|
1631
|
+
border-color: transparent;
|
|
1632
|
+
color: var(--sl-color-primary-600);
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1635
|
+
.button--text:hover:not(.button--disabled) {
|
|
1636
|
+
background-color: transparent;
|
|
1637
|
+
border-color: transparent;
|
|
1638
|
+
color: var(--sl-color-primary-500);
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
.button--text:focus-visible:not(.button--disabled) {
|
|
1642
|
+
background-color: transparent;
|
|
1643
|
+
border-color: transparent;
|
|
1644
|
+
color: var(--sl-color-primary-500);
|
|
1645
|
+
}
|
|
1646
|
+
|
|
1647
|
+
.button--text:active:not(.button--disabled) {
|
|
1648
|
+
background-color: transparent;
|
|
1649
|
+
border-color: transparent;
|
|
1650
|
+
color: var(--sl-color-primary-700);
|
|
1651
|
+
}
|
|
1652
|
+
|
|
1653
|
+
/*
|
|
1654
|
+
* Size modifiers
|
|
1655
|
+
*/
|
|
1656
|
+
|
|
1657
|
+
.button--small {
|
|
1658
|
+
height: auto;
|
|
1659
|
+
min-height: var(--sl-input-height-small);
|
|
1660
|
+
font-size: var(--sl-button-font-size-small);
|
|
1661
|
+
line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
|
|
1662
|
+
border-radius: var(--sl-input-border-radius-small);
|
|
1663
|
+
}
|
|
1664
|
+
|
|
1665
|
+
.button--medium {
|
|
1666
|
+
height: auto;
|
|
1667
|
+
min-height: var(--sl-input-height-medium);
|
|
1668
|
+
font-size: var(--sl-button-font-size-medium);
|
|
1669
|
+
line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
|
|
1670
|
+
border-radius: var(--sl-input-border-radius-medium);
|
|
1671
|
+
}
|
|
1672
|
+
|
|
1673
|
+
.button--large {
|
|
1674
|
+
height: auto;
|
|
1675
|
+
min-height: var(--sl-input-height-large);
|
|
1676
|
+
font-size: var(--sl-button-font-size-large);
|
|
1677
|
+
line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
|
|
1678
|
+
border-radius: var(--sl-input-border-radius-large);
|
|
1679
|
+
}
|
|
1680
|
+
|
|
1681
|
+
/*
|
|
1682
|
+
* Pill modifier
|
|
1683
|
+
*/
|
|
1684
|
+
|
|
1685
|
+
.button--pill.button--small {
|
|
1686
|
+
border-radius: var(--sl-input-height-small);
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
.button--pill.button--medium {
|
|
1690
|
+
border-radius: var(--sl-input-height-medium);
|
|
1691
|
+
}
|
|
1692
|
+
|
|
1693
|
+
.button--pill.button--large {
|
|
1694
|
+
border-radius: var(--sl-input-height-large);
|
|
1695
|
+
}
|
|
1696
|
+
|
|
1697
|
+
/*
|
|
1698
|
+
* Circle modifier
|
|
1699
|
+
*/
|
|
1700
|
+
|
|
1701
|
+
.button--circle {
|
|
1702
|
+
padding-left: 0;
|
|
1703
|
+
padding-right: 0;
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1706
|
+
.button--circle.button--small {
|
|
1707
|
+
width: var(--sl-input-height-small);
|
|
1708
|
+
border-radius: 50%;
|
|
1709
|
+
}
|
|
1710
|
+
|
|
1711
|
+
.button--circle.button--medium {
|
|
1712
|
+
width: var(--sl-input-height-medium);
|
|
1713
|
+
border-radius: 50%;
|
|
1714
|
+
}
|
|
1715
|
+
|
|
1716
|
+
.button--circle.button--large {
|
|
1717
|
+
width: var(--sl-input-height-large);
|
|
1718
|
+
border-radius: 50%;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
.button--circle .button__prefix,
|
|
1722
|
+
.button--circle .button__suffix,
|
|
1723
|
+
.button--circle .button__caret {
|
|
1724
|
+
display: none;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
/*
|
|
1728
|
+
* Caret modifier
|
|
1729
|
+
*/
|
|
1730
|
+
|
|
1731
|
+
.button--caret .button__suffix {
|
|
1732
|
+
display: none;
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1735
|
+
.button--caret .button__caret {
|
|
1736
|
+
height: auto;
|
|
1737
|
+
}
|
|
1738
|
+
|
|
1739
|
+
/*
|
|
1740
|
+
* Loading modifier
|
|
1741
|
+
*/
|
|
1742
|
+
|
|
1743
|
+
.button--loading {
|
|
1744
|
+
position: relative;
|
|
1745
|
+
cursor: wait;
|
|
1746
|
+
}
|
|
1747
|
+
|
|
1748
|
+
.button--loading .button__prefix,
|
|
1749
|
+
.button--loading .button__label,
|
|
1750
|
+
.button--loading .button__suffix,
|
|
1751
|
+
.button--loading .button__caret {
|
|
1752
|
+
visibility: hidden;
|
|
1753
|
+
}
|
|
1754
|
+
|
|
1755
|
+
.button--loading sl-spinner {
|
|
1756
|
+
--indicator-color: currentColor;
|
|
1757
|
+
position: absolute;
|
|
1758
|
+
font-size: 1em;
|
|
1759
|
+
height: 1em;
|
|
1760
|
+
width: 1em;
|
|
1761
|
+
top: calc(50% - 0.5em);
|
|
1762
|
+
left: calc(50% - 0.5em);
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
/*
|
|
1766
|
+
* Badges
|
|
1767
|
+
*/
|
|
1768
|
+
|
|
1769
|
+
.button ::slotted(sl-badge) {
|
|
1770
|
+
position: absolute;
|
|
1771
|
+
top: 0;
|
|
1772
|
+
right: 0;
|
|
1773
|
+
translate: 50% -50%;
|
|
1774
|
+
pointer-events: none;
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1777
|
+
.button--rtl ::slotted(sl-badge) {
|
|
1778
|
+
right: auto;
|
|
1779
|
+
left: 0;
|
|
1780
|
+
translate: -50% -50%;
|
|
1781
|
+
}
|
|
1782
|
+
|
|
1783
|
+
/*
|
|
1784
|
+
* Button spacing
|
|
1785
|
+
*/
|
|
1786
|
+
|
|
1787
|
+
.button--has-label.button--small .button__label {
|
|
1788
|
+
padding: 0 var(--sl-spacing-small);
|
|
1789
|
+
}
|
|
1790
|
+
|
|
1791
|
+
.button--has-label.button--medium .button__label {
|
|
1792
|
+
padding: 0 var(--sl-spacing-medium);
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
.button--has-label.button--large .button__label {
|
|
1796
|
+
padding: 0 var(--sl-spacing-large);
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
.button--has-prefix.button--small {
|
|
1800
|
+
padding-inline-start: var(--sl-spacing-x-small);
|
|
1801
|
+
}
|
|
1802
|
+
|
|
1803
|
+
.button--has-prefix.button--small .button__label {
|
|
1804
|
+
padding-inline-start: var(--sl-spacing-x-small);
|
|
1805
|
+
}
|
|
1806
|
+
|
|
1807
|
+
.button--has-prefix.button--medium {
|
|
1808
|
+
padding-inline-start: var(--sl-spacing-small);
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1811
|
+
.button--has-prefix.button--medium .button__label {
|
|
1812
|
+
padding-inline-start: var(--sl-spacing-small);
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1815
|
+
.button--has-prefix.button--large {
|
|
1816
|
+
padding-inline-start: var(--sl-spacing-small);
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
.button--has-prefix.button--large .button__label {
|
|
1820
|
+
padding-inline-start: var(--sl-spacing-small);
|
|
1821
|
+
}
|
|
1822
|
+
|
|
1823
|
+
.button--has-suffix.button--small,
|
|
1824
|
+
.button--caret.button--small {
|
|
1825
|
+
padding-inline-end: var(--sl-spacing-x-small);
|
|
1826
|
+
}
|
|
1827
|
+
|
|
1828
|
+
.button--has-suffix.button--small .button__label,
|
|
1829
|
+
.button--caret.button--small .button__label {
|
|
1830
|
+
padding-inline-end: var(--sl-spacing-x-small);
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
.button--has-suffix.button--medium,
|
|
1834
|
+
.button--caret.button--medium {
|
|
1835
|
+
padding-inline-end: var(--sl-spacing-small);
|
|
1836
|
+
}
|
|
1837
|
+
|
|
1838
|
+
.button--has-suffix.button--medium .button__label,
|
|
1839
|
+
.button--caret.button--medium .button__label {
|
|
1840
|
+
padding-inline-end: var(--sl-spacing-small);
|
|
1841
|
+
}
|
|
1842
|
+
|
|
1843
|
+
.button--has-suffix.button--large,
|
|
1844
|
+
.button--caret.button--large {
|
|
1845
|
+
padding-inline-end: var(--sl-spacing-small);
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
.button--has-suffix.button--large .button__label,
|
|
1849
|
+
.button--caret.button--large .button__label {
|
|
1850
|
+
padding-inline-end: var(--sl-spacing-small);
|
|
1851
|
+
}
|
|
1852
|
+
|
|
1853
|
+
/*
|
|
1854
|
+
* Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
|
|
1855
|
+
* This means buttons aren't always direct descendants of the button group, thus we can't target them with the
|
|
1856
|
+
* ::slotted selector. To work around this, the button group component does some magic to add these special classes to
|
|
1857
|
+
* buttons and we style them here instead.
|
|
1858
|
+
*/
|
|
1859
|
+
|
|
1860
|
+
:host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button {
|
|
1861
|
+
border-start-end-radius: 0;
|
|
1862
|
+
border-end-end-radius: 0;
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
:host([data-sl-button-group__button--inner]) .button {
|
|
1866
|
+
border-radius: 0;
|
|
1867
|
+
}
|
|
1868
|
+
|
|
1869
|
+
:host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button {
|
|
1870
|
+
border-start-start-radius: 0;
|
|
1871
|
+
border-end-start-radius: 0;
|
|
1872
|
+
}
|
|
1873
|
+
|
|
1874
|
+
/* All except the first */
|
|
1875
|
+
:host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) {
|
|
1876
|
+
margin-inline-start: calc(-1 * var(--sl-input-border-width));
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
/* Add a visual separator between solid buttons */
|
|
1880
|
+
:host(
|
|
1881
|
+
[data-sl-button-group__button]:not(
|
|
1882
|
+
[data-sl-button-group__button--first],
|
|
1883
|
+
[data-sl-button-group__button--radio],
|
|
1884
|
+
[variant='default']
|
|
1885
|
+
):not(:hover)
|
|
1886
|
+
)
|
|
1887
|
+
.button:after {
|
|
1888
|
+
content: '';
|
|
1889
|
+
position: absolute;
|
|
1890
|
+
top: 0;
|
|
1891
|
+
inset-inline-start: 0;
|
|
1892
|
+
bottom: 0;
|
|
1893
|
+
border-left: solid 1px rgb(128 128 128 / 33%);
|
|
1894
|
+
mix-blend-mode: multiply;
|
|
1895
|
+
}
|
|
1896
|
+
|
|
1897
|
+
/* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
|
|
1898
|
+
:host([data-sl-button-group__button--hover]) {
|
|
1899
|
+
z-index: 1;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
/* Focus and checked are always on top */
|
|
1903
|
+
:host([data-sl-button-group__button--focus]),
|
|
1904
|
+
:host([data-sl-button-group__button][checked]) {
|
|
1905
|
+
z-index: 2;
|
|
1906
|
+
}
|
|
1907
|
+
`,Qr=class extends qt{constructor(){super(...arguments),this.formControlController=new Ft(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new Rt(this,"[default]","prefix","suffix"),this.localize=new De(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:Dt}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),e=t?_e`a`:_e`button`;return ke`
|
|
1908
|
+
<${e}
|
|
1909
|
+
part="base"
|
|
1910
|
+
class=${Jt({button:!0,"button--default":"default"===this.variant,"button--primary":"primary"===this.variant,"button--success":"success"===this.variant,"button--neutral":"neutral"===this.variant,"button--warning":"warning"===this.variant,"button--danger":"danger"===this.variant,"button--text":"text"===this.variant,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":"rtl"===this.localize.dir(),"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
|
|
1911
|
+
?disabled=${Qt(t?void 0:this.disabled)}
|
|
1912
|
+
type=${Qt(t?void 0:this.type)}
|
|
1913
|
+
title=${this.title}
|
|
1914
|
+
name=${Qt(t?void 0:this.name)}
|
|
1915
|
+
value=${Qt(t?void 0:this.value)}
|
|
1916
|
+
href=${Qt(t&&!this.disabled?this.href:void 0)}
|
|
1917
|
+
target=${Qt(t?this.target:void 0)}
|
|
1918
|
+
download=${Qt(t?this.download:void 0)}
|
|
1919
|
+
rel=${Qt(t?this.rel:void 0)}
|
|
1920
|
+
role=${Qt(t?void 0:"button")}
|
|
1921
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
1922
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
1923
|
+
@blur=${this.handleBlur}
|
|
1924
|
+
@focus=${this.handleFocus}
|
|
1925
|
+
@invalid=${this.isButton()?this.handleInvalid:null}
|
|
1926
|
+
@click=${this.handleClick}
|
|
1927
|
+
>
|
|
1928
|
+
<slot name="prefix" part="prefix" class="button__prefix"></slot>
|
|
1929
|
+
<slot part="label" class="button__label"></slot>
|
|
1930
|
+
<slot name="suffix" part="suffix" class="button__suffix"></slot>
|
|
1931
|
+
${this.caret?ke` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""}
|
|
1932
|
+
${this.loading?ke`<sl-spinner part="spinner"></sl-spinner>`:""}
|
|
1933
|
+
</${e}>
|
|
1934
|
+
`}};Qr.styles=[Nt,Jr],Qr.dependencies={"sl-icon":ve,"sl-spinner":Yr},u([Wt(".button")],Qr.prototype,"button",2),u([Vt()],Qr.prototype,"hasFocus",2),u([Vt()],Qr.prototype,"invalid",2),u([It()],Qr.prototype,"title",2),u([It({reflect:!0})],Qr.prototype,"variant",2),u([It({reflect:!0})],Qr.prototype,"size",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"caret",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"disabled",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"loading",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"outline",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"pill",2),u([It({type:Boolean,reflect:!0})],Qr.prototype,"circle",2),u([It()],Qr.prototype,"type",2),u([It()],Qr.prototype,"name",2),u([It()],Qr.prototype,"value",2),u([It()],Qr.prototype,"href",2),u([It()],Qr.prototype,"target",2),u([It()],Qr.prototype,"rel",2),u([It()],Qr.prototype,"download",2),u([It()],Qr.prototype,"form",2),u([It({attribute:"formaction"})],Qr.prototype,"formAction",2),u([It({attribute:"formenctype"})],Qr.prototype,"formEnctype",2),u([It({attribute:"formmethod"})],Qr.prototype,"formMethod",2),u([It({attribute:"formnovalidate",type:Boolean})],Qr.prototype,"formNoValidate",2),u([It({attribute:"formtarget"})],Qr.prototype,"formTarget",2),u([Mt("disabled",{waitUntilFirstUpdate:!0})],Qr.prototype,"handleDisabledChange",1),Qr.define("sl-button"),ve.define("sl-icon");export{ue as registerIconLibrary,y as setDefaultAnimation};
|