@umbraco-cms/backoffice 14.0.0-d87d656d → 14.0.0-d9a74398
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.
- package/README.md +12 -6
- package/dist-cms/apps/app/app.element.d.ts +0 -1
- package/dist-cms/apps/app/app.element.js +21 -1
- package/dist-cms/apps/backoffice/backoffice.context.d.ts +5 -1
- package/dist-cms/apps/backoffice/backoffice.context.js +13 -5
- package/dist-cms/apps/backoffice/backoffice.element.d.ts +0 -1
- package/dist-cms/apps/backoffice/backoffice.element.js +4 -5
- package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.d.ts +0 -2
- package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.js +6 -13
- package/dist-cms/apps/backoffice/components/backoffice-main.element.js +11 -9
- package/dist-cms/apps/backoffice/{extension.controller.js → extension-initializer.controller.js} +2 -0
- package/dist-cms/assets/lang/da-dk.d.ts +3 -0
- package/dist-cms/assets/lang/da-dk.js +2989 -0
- package/dist-cms/assets/lang/da-dk.ts +3246 -0
- package/dist-cms/assets/lang/en-us.d.ts +3 -0
- package/dist-cms/assets/lang/en-us.js +2966 -0
- package/dist-cms/assets/lang/en-us.ts +3219 -0
- package/dist-cms/css/uui-css.css +13 -5
- package/dist-cms/custom-elements.json +115 -68
- package/dist-cms/external/backend-api/index.js +1 -1
- package/dist-cms/external/lit/index.js +27 -27
- package/dist-cms/external/monaco-editor/{abap-7ad4f8f0.js → abap-b029dff1.js} +1 -1
- package/dist-cms/external/monaco-editor/{apex-30597c49.js → apex-039bfc5f.js} +1 -1
- package/dist-cms/external/monaco-editor/assets/{bundle-a4f90d1d.css → bundle-b9e43664.css} +25 -13
- package/dist-cms/external/monaco-editor/{azcli-67c34a04.js → azcli-f1f7c576.js} +1 -1
- package/dist-cms/external/monaco-editor/{bat-b8f4738b.js → bat-86aea46a.js} +1 -1
- package/dist-cms/external/monaco-editor/{bicep-b104b38b.js → bicep-75c0c4d5.js} +1 -1
- package/dist-cms/external/monaco-editor/{cameligo-001d1ded.js → cameligo-8043f913.js} +1 -1
- package/dist-cms/external/monaco-editor/{clojure-fa9652a1.js → clojure-73642b02.js} +1 -1
- package/dist-cms/external/monaco-editor/{coffee-b69a8315.js → coffee-a18badcf.js} +1 -1
- package/dist-cms/external/monaco-editor/{cpp-8053752f.js → cpp-4034161e.js} +1 -1
- package/dist-cms/external/monaco-editor/{csharp-886041a3.js → csharp-49cbf0d2.js} +1 -1
- package/dist-cms/external/monaco-editor/{csp-e846bce6.js → csp-d207cac4.js} +1 -1
- package/dist-cms/external/monaco-editor/{css-50032e5e.js → css-74326df0.js} +1 -1
- package/dist-cms/external/monaco-editor/{cssMode-c0406684.js → cssMode-57ec49ea.js} +2 -2
- package/dist-cms/external/monaco-editor/{cypher-6f93a845.js → cypher-49f5f839.js} +1 -1
- package/dist-cms/external/monaco-editor/{dart-14284236.js → dart-84b7c6b4.js} +1 -1
- package/dist-cms/external/monaco-editor/{dockerfile-e9935eb4.js → dockerfile-bbf114b2.js} +1 -1
- package/dist-cms/external/monaco-editor/{ecl-9c89f204.js → ecl-15840f49.js} +1 -1
- package/dist-cms/external/monaco-editor/{elixir-ca8bf661.js → elixir-e479e18e.js} +2 -2
- package/dist-cms/external/monaco-editor/{flow9-ac147227.js → flow9-42a61225.js} +1 -1
- package/dist-cms/external/monaco-editor/{freemarker2-793b7402.js → freemarker2-a72b9c0e.js} +2 -2
- package/dist-cms/external/monaco-editor/{fsharp-8eaad024.js → fsharp-8abe6da0.js} +1 -1
- package/dist-cms/external/monaco-editor/{go-05529e2e.js → go-8759e9f7.js} +1 -1
- package/dist-cms/external/monaco-editor/{graphql-8f5b3fdd.js → graphql-387d549c.js} +1 -1
- package/dist-cms/external/monaco-editor/{handlebars-aaa2fd96.js → handlebars-8fc61d07.js} +2 -2
- package/dist-cms/external/monaco-editor/{hcl-9e201a51.js → hcl-a88f331a.js} +1 -1
- package/dist-cms/external/monaco-editor/{html-1194c0aa.js → html-4320ed19.js} +2 -2
- package/dist-cms/external/monaco-editor/{htmlMode-36df69c6.js → htmlMode-95c2e58e.js} +2 -2
- package/dist-cms/external/monaco-editor/{index-7368f3e3.js → index-e4ee5993.js} +359 -354
- package/dist-cms/external/monaco-editor/index.js +1 -1
- package/dist-cms/external/monaco-editor/{ini-31a5619d.js → ini-18bf1153.js} +1 -1
- package/dist-cms/external/monaco-editor/{java-8c6e1ae8.js → java-000a6283.js} +1 -1
- package/dist-cms/external/monaco-editor/{javascript-86205709.js → javascript-13505434.js} +2 -2
- package/dist-cms/external/monaco-editor/{jsonMode-f663e935.js → jsonMode-1d541b8e.js} +2 -2
- package/dist-cms/external/monaco-editor/{julia-fbb2af47.js → julia-9a5df632.js} +1 -1
- package/dist-cms/external/monaco-editor/{kotlin-bfa96180.js → kotlin-06ee8898.js} +1 -1
- package/dist-cms/external/monaco-editor/{less-0b6a8ff1.js → less-dd86a68c.js} +1 -1
- package/dist-cms/external/monaco-editor/{lexon-585e5248.js → lexon-8d4b0444.js} +1 -1
- package/dist-cms/external/monaco-editor/{liquid-37adc07a.js → liquid-7aa20dd8.js} +2 -2
- package/dist-cms/external/monaco-editor/{lua-f6c17885.js → lua-9adddcd9.js} +1 -1
- package/dist-cms/external/monaco-editor/{m3-1b6456c5.js → m3-aa2dcf72.js} +1 -1
- package/dist-cms/external/monaco-editor/{markdown-7bc251f9.js → markdown-0f073a3a.js} +1 -1
- package/dist-cms/external/monaco-editor/mdx-8a1e4ae9.js +6 -0
- package/dist-cms/external/monaco-editor/{mips-2df76781.js → mips-bdd96c5a.js} +1 -1
- package/dist-cms/external/monaco-editor/{msdax-8c38e8b4.js → msdax-1ac55115.js} +1 -1
- package/dist-cms/external/monaco-editor/{mysql-abbb9ca3.js → mysql-b530c105.js} +1 -1
- package/dist-cms/external/monaco-editor/{objective-c-efbfd08b.js → objective-c-951ded7b.js} +1 -1
- package/dist-cms/external/monaco-editor/{pascal-08abee72.js → pascal-7442fd46.js} +1 -1
- package/dist-cms/external/monaco-editor/{pascaligo-200db0cf.js → pascaligo-385edc0e.js} +1 -1
- package/dist-cms/external/monaco-editor/{perl-079789ee.js → perl-d5fb326c.js} +1 -1
- package/dist-cms/external/monaco-editor/{pgsql-efd093d4.js → pgsql-2d7db25a.js} +1 -1
- package/dist-cms/external/monaco-editor/{php-75c530f2.js → php-1daff147.js} +1 -1
- package/dist-cms/external/monaco-editor/{pla-a55a2765.js → pla-1b3e1614.js} +1 -1
- package/dist-cms/external/monaco-editor/{postiats-6098f37b.js → postiats-9db13649.js} +1 -1
- package/dist-cms/external/monaco-editor/{powerquery-949bb7fe.js → powerquery-4c428232.js} +1 -1
- package/dist-cms/external/monaco-editor/{powershell-7e550b21.js → powershell-d3380668.js} +1 -1
- package/dist-cms/external/monaco-editor/{protobuf-25a4d695.js → protobuf-941cf3e8.js} +1 -1
- package/dist-cms/external/monaco-editor/{pug-f8c9f493.js → pug-cfe384ef.js} +1 -1
- package/dist-cms/external/monaco-editor/{python-78a47148.js → python-b84d078b.js} +2 -2
- package/dist-cms/external/monaco-editor/{qsharp-c4b94317.js → qsharp-e125d03f.js} +1 -1
- package/dist-cms/external/monaco-editor/{r-614353db.js → r-e0a01d4f.js} +1 -1
- package/dist-cms/external/monaco-editor/{razor-5de9ce12.js → razor-96e08c0a.js} +2 -2
- package/dist-cms/external/monaco-editor/{redis-fb089f4d.js → redis-d0a12fea.js} +1 -1
- package/dist-cms/external/monaco-editor/{redshift-a620fcb0.js → redshift-a163b94a.js} +1 -1
- package/dist-cms/external/monaco-editor/{restructuredtext-7ab09fcf.js → restructuredtext-5a906e1a.js} +1 -1
- package/dist-cms/external/monaco-editor/{ruby-922be722.js → ruby-05b021bf.js} +1 -1
- package/dist-cms/external/monaco-editor/{rust-23e08578.js → rust-3d80982c.js} +1 -1
- package/dist-cms/external/monaco-editor/{sb-ccceec0f.js → sb-2020a5af.js} +1 -1
- package/dist-cms/external/monaco-editor/{scala-0535664d.js → scala-54469b4b.js} +1 -1
- package/dist-cms/external/monaco-editor/{scheme-dba621eb.js → scheme-ff6e5671.js} +1 -1
- package/dist-cms/external/monaco-editor/{scss-28539a11.js → scss-77902feb.js} +1 -1
- package/dist-cms/external/monaco-editor/{shell-5b92a834.js → shell-3c06def6.js} +1 -1
- package/dist-cms/external/monaco-editor/{solidity-f63d6049.js → solidity-3d59d6a7.js} +1 -1
- package/dist-cms/external/monaco-editor/{sophia-12e9ad90.js → sophia-12eb7ba8.js} +1 -1
- package/dist-cms/external/monaco-editor/{sparql-dedb74aa.js → sparql-e42fb28a.js} +1 -1
- package/dist-cms/external/monaco-editor/{sql-975a69d7.js → sql-d30fd9fd.js} +1 -1
- package/dist-cms/external/monaco-editor/{st-1904ae33.js → st-ba2e774a.js} +2 -2
- package/dist-cms/external/monaco-editor/{swift-e180a143.js → swift-f0a706dd.js} +1 -1
- package/dist-cms/external/monaco-editor/{systemverilog-c5592fac.js → systemverilog-0cfd4211.js} +1 -1
- package/dist-cms/external/monaco-editor/{tcl-996f4ac7.js → tcl-7df3c0c5.js} +1 -1
- package/dist-cms/external/monaco-editor/{tsMode-f4618e87.js → tsMode-4e2b13b8.js} +2 -2
- package/dist-cms/external/monaco-editor/twig-f894aab2.js +6 -0
- package/dist-cms/external/monaco-editor/{typescript-efea739f.js → typescript-6571f86d.js} +2 -2
- package/dist-cms/external/monaco-editor/{vb-ad68fa9a.js → vb-39a025f4.js} +1 -1
- package/dist-cms/external/monaco-editor/{wgsl-5ee7b1ca.js → wgsl-ea93d538.js} +1 -1
- package/dist-cms/external/monaco-editor/{xml-12b9ace3.js → xml-265c28d1.js} +2 -2
- package/dist-cms/external/monaco-editor/{yaml-65e08cff.js → yaml-cbd1aab5.js} +2 -2
- package/dist-cms/external/rxjs/index.js +2 -2
- package/dist-cms/external/tinymce/index.js +22 -22
- package/dist-cms/external/uui/index.js +470 -292
- package/dist-cms/libs/class-api/class.mixin.js +1 -1
- package/dist-cms/libs/context-api/consume/context-consumer.controller.js +1 -3
- package/dist-cms/libs/context-api/consume/context-consumer.d.ts +0 -1
- package/dist-cms/libs/context-api/consume/context-consumer.js +36 -6
- package/dist-cms/libs/context-api/provide/context-provide.event.d.ts +21 -0
- package/dist-cms/libs/context-api/provide/context-provide.event.js +17 -0
- package/dist-cms/libs/context-api/provide/context-provider.controller.js +1 -1
- package/dist-cms/libs/context-api/provide/context-provider.d.ts +0 -6
- package/dist-cms/libs/context-api/provide/context-provider.js +18 -6
- package/dist-cms/libs/controller-api/controller-host-base.mixin.js +1 -0
- package/dist-cms/libs/controller-api/controller-host-element.mixin.d.ts +9 -3
- package/dist-cms/libs/element-api/element.mixin.d.ts +9 -2
- package/dist-cms/libs/element-api/element.mixin.js +6 -1
- package/dist-cms/libs/extension-api/condition/condition-controller-arguments.type.d.ts +7 -0
- package/dist-cms/libs/extension-api/condition/condition-controller-arguments.type.js +1 -0
- package/dist-cms/libs/extension-api/condition/extension-condition.interface.d.ts +6 -0
- package/dist-cms/libs/extension-api/condition/extension-condition.interface.js +1 -0
- package/dist-cms/libs/extension-api/condition/index.d.ts +2 -0
- package/dist-cms/libs/extension-api/condition/index.js +2 -0
- package/dist-cms/libs/extension-api/controller/base-extension-controller.d.ts +19 -0
- package/dist-cms/libs/extension-api/controller/base-extension-controller.js +178 -0
- package/dist-cms/libs/extension-api/controller/base-extensions-controller.d.ts +19 -0
- package/dist-cms/libs/extension-api/controller/base-extensions-controller.js +112 -0
- package/dist-cms/libs/extension-api/controller/extension-element-controller.d.ts +20 -0
- package/dist-cms/libs/extension-api/controller/extension-element-controller.js +82 -0
- package/dist-cms/libs/extension-api/controller/extension-manifest-controller.d.ts +9 -0
- package/dist-cms/libs/extension-api/controller/extension-manifest-controller.js +13 -0
- package/dist-cms/libs/extension-api/controller/extensions-element-controller.d.ts +13 -0
- package/dist-cms/libs/extension-api/controller/extensions-element-controller.js +29 -0
- package/dist-cms/libs/extension-api/controller/extensions-manifest-controller.d.ts +11 -0
- package/dist-cms/libs/extension-api/controller/extensions-manifest-controller.js +16 -0
- package/dist-cms/libs/extension-api/controller/index.d.ts +6 -0
- package/dist-cms/libs/extension-api/controller/index.js +6 -0
- package/dist-cms/libs/extension-api/index.d.ts +3 -1
- package/dist-cms/libs/extension-api/index.js +3 -1
- package/dist-cms/libs/extension-api/registry/extension.registry.d.ts +3 -0
- package/dist-cms/libs/extension-api/registry/extension.registry.js +82 -14
- package/dist-cms/libs/extension-api/types.d.ts +45 -8
- package/dist-cms/libs/localization-api/index.d.ts +3 -0
- package/dist-cms/libs/localization-api/index.js +3 -0
- package/dist-cms/libs/localization-api/localize.controller.d.ts +47 -0
- package/dist-cms/libs/localization-api/localize.controller.js +123 -0
- package/dist-cms/libs/localization-api/manager.d.ts +18 -0
- package/dist-cms/libs/localization-api/manager.js +40 -0
- package/dist-cms/libs/localization-api/types/translation.d.ts +3 -0
- package/dist-cms/libs/localization-api/types/translation.js +1 -0
- package/dist-cms/libs/observable-api/class-state.d.ts +2 -3
- package/dist-cms/libs/observable-api/observer.controller.d.ts +4 -3
- package/dist-cms/libs/observable-api/observer.controller.js +9 -2
- package/dist-cms/libs/observable-api/observer.d.ts +13 -2
- package/dist-cms/libs/observable-api/observer.js +32 -4
- package/dist-cms/mocks/data/data-type.data.js +1 -28
- package/dist-cms/mocks/data/document-type.data.js +2 -59
- package/dist-cms/mocks/data/log-viewer.data.d.ts +4 -4
- package/dist-cms/mocks/data/log-viewer.data.js +4 -4
- package/dist-cms/mocks/handlers/manifests.handlers.js +1 -1
- package/dist-cms/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.js +1 -1
- package/dist-cms/packages/core/components/extension-slot/extension-slot.element.d.ts +38 -14
- package/dist-cms/packages/core/components/extension-slot/extension-slot.element.js +81 -71
- package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js +2 -2
- package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js +2 -2
- package/dist-cms/packages/core/entity-action/entity-action-list.element.d.ts +5 -5
- package/dist-cms/packages/core/entity-action/entity-action-list.element.js +17 -21
- package/dist-cms/packages/core/extension-registry/conditions/index.d.ts +1 -0
- package/dist-cms/packages/core/extension-registry/conditions/index.js +4 -0
- package/dist-cms/packages/core/extension-registry/conditions/manifests.d.ts +1 -0
- package/dist-cms/packages/core/extension-registry/conditions/manifests.js +3 -0
- package/dist-cms/packages/core/extension-registry/conditions/menu-alias.condition.d.ts +12 -0
- package/dist-cms/packages/core/extension-registry/conditions/menu-alias.condition.js +23 -0
- package/dist-cms/packages/core/extension-registry/conditions/section-alias.condition.d.ts +18 -0
- package/dist-cms/packages/core/extension-registry/conditions/section-alias.condition.js +23 -0
- package/dist-cms/packages/core/extension-registry/conditions/switch.condition.d.ts +19 -0
- package/dist-cms/packages/core/extension-registry/conditions/switch.condition.js +38 -0
- package/dist-cms/packages/core/extension-registry/conditions/types.d.ts +5 -0
- package/dist-cms/packages/core/extension-registry/conditions/types.js +1 -0
- package/dist-cms/packages/core/extension-registry/index.d.ts +3 -2
- package/dist-cms/packages/core/extension-registry/index.js +3 -2
- package/dist-cms/packages/core/extension-registry/models/dashboard.model.d.ts +3 -16
- package/dist-cms/packages/core/extension-registry/models/dashboard.model.js +5 -0
- package/dist-cms/packages/core/extension-registry/models/entity-action.model.d.ts +2 -5
- package/dist-cms/packages/core/extension-registry/models/index.d.ts +4 -2
- package/dist-cms/packages/core/extension-registry/models/index.js +1 -0
- package/dist-cms/packages/core/extension-registry/models/menu-item.model.d.ts +1 -7
- package/dist-cms/packages/core/extension-registry/models/property-action.model.d.ts +5 -3
- package/dist-cms/packages/core/extension-registry/models/property-editor.model.d.ts +21 -2
- package/dist-cms/packages/core/extension-registry/models/section-sidebar-app.model.d.ts +3 -6
- package/dist-cms/packages/core/extension-registry/models/section-view.model.d.ts +3 -5
- package/dist-cms/packages/core/extension-registry/models/section.model.d.ts +2 -2
- package/dist-cms/packages/core/extension-registry/models/translations.model.d.ts +40 -0
- package/dist-cms/packages/core/extension-registry/models/translations.model.js +1 -0
- package/dist-cms/packages/core/extension-registry/models/tree-item.model.d.ts +2 -2
- package/dist-cms/packages/core/extension-registry/models/workspace-action.model.d.ts +4 -7
- package/dist-cms/packages/core/extension-registry/models/workspace-editor-view.model.d.ts +3 -6
- package/dist-cms/packages/core/extension-registry/models/workspace-view-collection.model.d.ts +3 -29
- package/dist-cms/packages/core/extension-registry/{class-extensions-initializer.d.ts → multi-extensions-class-initializer.d.ts} +2 -2
- package/dist-cms/packages/core/extension-registry/{class-extensions-initializer.js → multi-extensions-class-initializer.js} +10 -2
- package/dist-cms/packages/core/index.d.ts +1 -0
- package/dist-cms/packages/core/index.js +7 -2
- package/dist-cms/packages/core/localization/index.d.ts +2 -0
- package/dist-cms/packages/core/localization/index.js +2 -0
- package/dist-cms/packages/core/localization/localize.element.d.ts +34 -0
- package/dist-cms/packages/core/localization/localize.element.js +64 -0
- package/dist-cms/packages/core/localization/manifests.d.ts +2 -0
- package/dist-cms/packages/core/localization/manifests.js +23 -0
- package/dist-cms/packages/core/localization/registry/translation.registry.d.ts +17 -0
- package/dist-cms/packages/core/localization/registry/translation.registry.js +79 -0
- package/dist-cms/packages/core/menu/index.d.ts +1 -0
- package/dist-cms/packages/core/menu/index.js +1 -0
- package/dist-cms/packages/core/menu/menu.context.d.ts +9 -0
- package/dist-cms/packages/core/menu/menu.context.js +14 -0
- package/dist-cms/packages/core/menu/menu.element.d.ts +1 -0
- package/dist-cms/packages/core/menu/menu.element.js +6 -2
- package/dist-cms/packages/core/modal/common/folder/folder-modal.element.d.ts +2 -2
- package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.js +1 -0
- package/dist-cms/packages/core/modal/token/folder-modal.token.d.ts +2 -2
- package/dist-cms/packages/core/property-action/manifests.js +2 -2
- package/dist-cms/packages/core/property-action/shared/property-action-menu/property-action-menu.element.js +2 -1
- package/dist-cms/packages/core/property-editor/index.d.ts +1 -1
- package/dist-cms/packages/core/property-editor/index.js +1 -1
- package/dist-cms/packages/core/property-editor/manifests.d.ts +1 -1
- package/dist-cms/packages/core/property-editor/schemas/manifests.js +0 -2
- package/dist-cms/packages/core/property-editor/uis/icon-picker/manifests.js +1 -1
- package/dist-cms/packages/core/property-editor/uis/value-type/manifests.js +0 -1
- package/dist-cms/packages/core/section/index.d.ts +1 -1
- package/dist-cms/packages/core/section/index.js +1 -1
- package/dist-cms/packages/core/section/section-default.element.d.ts +1 -1
- package/dist-cms/packages/core/section/section-default.element.js +13 -21
- package/dist-cms/packages/core/section/section-main-views/index.d.ts +1 -0
- package/dist-cms/packages/core/section/section-main-views/index.js +1 -0
- package/dist-cms/packages/core/section/section-main-views/section-main-views.element.d.ts +19 -0
- package/dist-cms/packages/core/section/{section-views/section-views.element.js → section-main-views/section-main-views.element.js} +20 -48
- package/dist-cms/packages/core/section/section-sidebar-context-menu/section-sidebar-context-menu.element.js +18 -5
- package/dist-cms/packages/core/section/section-sidebar-menu/section-sidebar-menu.element.js +3 -4
- package/dist-cms/packages/core/section/section-sidebar-menu-with-entity-actions/section-sidebar-menu-with-entity-actions.element.js +2 -2
- package/dist-cms/packages/core/sorter/sorter.controller.js +6 -6
- package/dist-cms/packages/core/sorter/stories/test-sorter-controller.element.d.ts +13 -0
- package/dist-cms/packages/core/sorter/stories/test-sorter-controller.element.js +92 -0
- package/dist-cms/packages/core/tree/tree-item/tree-item.context.interface.d.ts +0 -2
- package/dist-cms/packages/core/tree/tree-item/tree-item.element.js +1 -1
- package/dist-cms/packages/core/tree/tree-item-base/tree-item-base.context.d.ts +3 -4
- package/dist-cms/packages/core/tree/tree-item-base/tree-item-base.context.js +26 -30
- package/dist-cms/packages/core/workspace/index.d.ts +1 -0
- package/dist-cms/packages/core/workspace/index.js +1 -0
- package/dist-cms/packages/core/workspace/manifests.d.ts +1 -1
- package/dist-cms/packages/core/workspace/manifests.js +2 -1
- package/dist-cms/packages/core/workspace/workspace-action/workspace-action-base.js +2 -2
- package/dist-cms/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.js +8 -4
- package/dist-cms/packages/core/workspace/workspace-alias.condition.d.ts +18 -0
- package/dist-cms/packages/core/workspace/workspace-alias.condition.js +21 -0
- package/dist-cms/packages/core/workspace/workspace-content/views/collection/workspace-view-collection.element.js +2 -2
- package/dist-cms/packages/core/workspace/workspace-context/index.d.ts +1 -1
- package/dist-cms/packages/core/workspace/workspace-context/index.js +1 -1
- package/dist-cms/packages/core/workspace/workspace-context/workspace-context.d.ts +2 -1
- package/dist-cms/packages/core/workspace/workspace-context/workspace-context.interface.d.ts +2 -2
- package/dist-cms/packages/core/workspace/workspace-context/workspace-context.js +4 -3
- package/dist-cms/packages/core/workspace/workspace-context/workspace-context.token.d.ts +4 -0
- package/dist-cms/packages/core/workspace/workspace-context/workspace-context.token.js +2 -0
- package/dist-cms/packages/core/workspace/workspace-context/workspace-entity-context.interface.d.ts +0 -1
- package/dist-cms/packages/core/workspace/workspace-editor/workspace-editor.element.d.ts +4 -8
- package/dist-cms/packages/core/workspace/workspace-editor/workspace-editor.element.js +11 -39
- package/dist-cms/packages/core/workspace/workspace-footer/workspace-footer.element.d.ts +0 -10
- package/dist-cms/packages/core/workspace/workspace-footer/workspace-footer.element.js +1 -23
- package/dist-cms/packages/core/workspace/workspace-property/workspace-property.context.js +2 -2
- package/dist-cms/packages/core/workspace/workspace-property/workspace-property.element.js +4 -0
- package/dist-cms/packages/core/workspace/workspace-variant/workspace-variant.context.js +2 -2
- package/dist-cms/packages/dictionary/dashboards/dictionary/dashboard-translation-dictionary.element.js +2 -2
- package/dist-cms/packages/dictionary/dictionary/entity-actions/create/create.action.js +1 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/export/export.action.d.ts +0 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/export/export.action.js +0 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/import/import.action.d.ts +0 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/import/import.action.js +0 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/manifests.d.ts +1 -1
- package/dist-cms/packages/dictionary/dictionary/entity-actions/manifests.js +0 -12
- package/dist-cms/packages/dictionary/dictionary/manifests.d.ts +1 -1
- package/dist-cms/packages/dictionary/dictionary/menu-item/manifests.js +0 -2
- package/dist-cms/packages/dictionary/dictionary/tree/manifests.js +1 -1
- package/dist-cms/packages/dictionary/dictionary/workspace/dictionary-workspace-editor.element.js +3 -3
- package/dist-cms/packages/dictionary/dictionary/workspace/dictionary-workspace.context.js +1 -1
- package/dist-cms/packages/dictionary/dictionary/workspace/manifests.js +13 -8
- package/dist-cms/packages/dictionary/dictionary/workspace/views/editor/workspace-view-dictionary-editor.element.js +2 -2
- package/dist-cms/packages/dictionary/manifests.d.ts +1 -1
- package/dist-cms/packages/dictionary/section.manifest.d.ts +1 -1
- package/dist-cms/packages/dictionary/section.manifest.js +12 -6
- package/dist-cms/packages/documents/dashboards/manifests.js +6 -3
- package/dist-cms/packages/documents/document-blueprints/menu-item/manifests.js +0 -2
- package/dist-cms/packages/documents/document-types/entity-actions/create/manifests.js +0 -2
- package/dist-cms/packages/documents/document-types/entity-actions/manifests.js +0 -8
- package/dist-cms/packages/documents/document-types/menu-item/manifests.js +0 -2
- package/dist-cms/packages/documents/document-types/tree/manifests.js +1 -1
- package/dist-cms/packages/documents/document-types/workspace/document-type-workspace-editor.element.js +7 -6
- package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js +1 -1
- package/dist-cms/packages/documents/document-types/workspace/manifests.js +30 -15
- package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-properties.element.js +9 -7
- package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-property.element.js +10 -5
- package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-tab.element.js +12 -6
- package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.d.ts +3 -0
- package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.js +143 -45
- package/dist-cms/packages/documents/document-types/workspace/views/settings/document-type-workspace-view-settings.element.js +2 -2
- package/dist-cms/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.js +6 -6
- package/dist-cms/packages/documents/document-types/workspace/views/templates/document-type-workspace-view-templates.element.js +2 -2
- package/dist-cms/packages/documents/documents/entity-actions/manifests.d.ts +1 -1
- package/dist-cms/packages/documents/documents/entity-actions/manifests.js +0 -24
- package/dist-cms/packages/documents/documents/menu-item/manifests.js +0 -2
- package/dist-cms/packages/documents/documents/tree/manifests.js +1 -1
- package/dist-cms/packages/documents/documents/tree/tree-item/document-tree-item.context.d.ts +3 -3
- package/dist-cms/packages/documents/documents/workspace/document-workspace-editor.element.js +2 -2
- package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view.element.js +2 -2
- package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js +1 -1
- package/dist-cms/packages/documents/documents/workspace/manifests.js +36 -21
- package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit-properties.element.js +2 -2
- package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit-tab.element.js +2 -2
- package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.js +3 -3
- package/dist-cms/packages/documents/documents/workspace/views/info/document-info-workspace-view.element.js +2 -2
- package/dist-cms/packages/documents/section.manifests.js +6 -3
- package/dist-cms/packages/media/manifests.d.ts +1 -1
- package/dist-cms/packages/media/media/entity-actions/manifests.js +0 -2
- package/dist-cms/packages/media/media/manifests.d.ts +1 -1
- package/dist-cms/packages/media/media/menu-item/manifests.js +0 -2
- package/dist-cms/packages/media/media/tree/manifests.js +1 -1
- package/dist-cms/packages/media/media/workspace/manifests.js +24 -12
- package/dist-cms/packages/media/media/workspace/media-workspace-editor.element.js +2 -2
- package/dist-cms/packages/media/media/workspace/media-workspace.context.js +1 -1
- package/dist-cms/packages/media/media/workspace/media-workspace.element.d.ts +1 -0
- package/dist-cms/packages/media/media/workspace/media-workspace.element.js +1 -0
- package/dist-cms/packages/media/media-types/entity-actions/manifests.js +0 -10
- package/dist-cms/packages/media/media-types/manifests.d.ts +1 -1
- package/dist-cms/packages/media/media-types/menu-item/manifests.js +0 -2
- package/dist-cms/packages/media/media-types/tree/manifests.js +1 -1
- package/dist-cms/packages/media/media-types/workspace/media-type-workspace-editor.element.js +2 -2
- package/dist-cms/packages/media/media-types/workspace/media-type-workspace.context.js +1 -1
- package/dist-cms/packages/media/section.manifests.d.ts +1 -1
- package/dist-cms/packages/media/section.manifests.js +7 -3
- package/dist-cms/packages/members/manifests.d.ts +1 -1
- package/dist-cms/packages/members/member-groups/entity-actions/manifests.js +0 -2
- package/dist-cms/packages/members/member-groups/manifests.d.ts +1 -1
- package/dist-cms/packages/members/member-groups/menu-item/manifests.js +0 -2
- package/dist-cms/packages/members/member-groups/tree/manifests.js +1 -1
- package/dist-cms/packages/members/member-groups/workspace/manifests.js +12 -6
- package/dist-cms/packages/members/member-groups/workspace/member-group-workspace-editor.element.js +2 -2
- package/dist-cms/packages/members/member-groups/workspace/member-group-workspace.context.js +1 -1
- package/dist-cms/packages/members/member-groups/workspace/views/info/workspace-view-member-group-info.element.js +2 -2
- package/dist-cms/packages/members/member-types/entity-actions/manifests.js +0 -2
- package/dist-cms/packages/members/member-types/manifests.d.ts +1 -1
- package/dist-cms/packages/members/member-types/menu-item/manifests.js +0 -2
- package/dist-cms/packages/members/member-types/tree/manifests.js +1 -1
- package/dist-cms/packages/members/member-types/workspace/member-type-workspace.context.js +1 -1
- package/dist-cms/packages/members/member-types/workspace/member-type-workspace.element.d.ts +1 -0
- package/dist-cms/packages/members/member-types/workspace/member-type-workspace.element.js +1 -0
- package/dist-cms/packages/members/members/entity-actions/manifests.js +0 -2
- package/dist-cms/packages/members/members/manifests.d.ts +1 -1
- package/dist-cms/packages/members/members/menu-item/manifests.js +0 -2
- package/dist-cms/packages/members/members/tree/manifests.js +1 -1
- package/dist-cms/packages/members/members/workspace/member-workspace.context.js +1 -1
- package/dist-cms/packages/members/section.manifests.d.ts +1 -1
- package/dist-cms/packages/members/section.manifests.js +12 -6
- package/dist-cms/packages/packages/package-section/manifests.js +18 -9
- package/dist-cms/packages/packages/package-section/views/created/created-packages-section-view.element.d.ts +0 -1
- package/dist-cms/packages/packages/package-section/views/created/created-packages-section-view.element.js +0 -1
- package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-indexers.d.ts +1 -0
- package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-indexers.js +3 -0
- package/dist-cms/packages/search/manifests.js +6 -3
- package/dist-cms/packages/settings/dashboards/manifests.js +37 -18
- package/dist-cms/packages/settings/data-types/entity-actions/copy/manifests.js +0 -2
- package/dist-cms/packages/settings/data-types/entity-actions/create/manifests.js +0 -2
- package/dist-cms/packages/settings/data-types/entity-actions/manifests.js +0 -6
- package/dist-cms/packages/settings/data-types/entity-actions/move/manifests.js +0 -2
- package/dist-cms/packages/settings/data-types/menu-item/manifests.js +0 -2
- package/dist-cms/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.js +2 -1
- package/dist-cms/packages/settings/data-types/modals/property-editor-ui-picker/property-editor-ui-picker-modal.element.js +3 -2
- package/dist-cms/packages/settings/data-types/repository/data-type.repository.d.ts +2 -2
- package/dist-cms/packages/settings/data-types/repository/manifests.d.ts +1 -1
- package/dist-cms/packages/settings/data-types/repository/sources/data-type-folder.server.data.d.ts +3 -3
- package/dist-cms/packages/settings/data-types/tree/manifests.js +1 -1
- package/dist-cms/packages/settings/data-types/workspace/data-type-workspace-editor.element.js +2 -2
- package/dist-cms/packages/settings/data-types/workspace/data-type-workspace.context.js +1 -1
- package/dist-cms/packages/settings/data-types/workspace/manifests.js +18 -9
- package/dist-cms/packages/settings/data-types/workspace/views/details/data-type-details-workspace-view.element.js +2 -2
- package/dist-cms/packages/settings/data-types/workspace/views/info/workspace-view-data-type-info.element.js +2 -2
- package/dist-cms/packages/settings/extensions/menu-item/manifests.js +0 -2
- package/dist-cms/packages/settings/languages/app-language-select/app-language-select.element.js +1 -5
- package/dist-cms/packages/settings/languages/app-language-select/manifests.js +6 -3
- package/dist-cms/packages/settings/languages/entity-actions/manifests.js +0 -4
- package/dist-cms/packages/settings/languages/menu-item/manifests.js +0 -2
- package/dist-cms/packages/settings/languages/workspace/language/language-workspace-editor.element.js +2 -2
- package/dist-cms/packages/settings/languages/workspace/language/language-workspace.context.js +1 -1
- package/dist-cms/packages/settings/languages/workspace/language/language-workspace.element.d.ts +0 -1
- package/dist-cms/packages/settings/languages/workspace/language/language-workspace.element.js +0 -1
- package/dist-cms/packages/settings/languages/workspace/language/manifests.js +12 -6
- package/dist-cms/packages/settings/languages/workspace/language/views/details/language-details-workspace-view.element.js +2 -2
- package/dist-cms/packages/settings/logviewer/manifests.d.ts +1 -1
- package/dist-cms/packages/settings/logviewer/menu-item/manifests.js +0 -2
- package/dist-cms/packages/settings/logviewer/workspace/{logviewer-root/logviewer-root-workspace.element.d.ts → logviewer/logviewer-workspace.element.d.ts} +0 -9
- package/dist-cms/packages/settings/logviewer/workspace/logviewer/logviewer-workspace.element.js +65 -0
- package/dist-cms/packages/settings/logviewer/workspace/{logviewer-root → logviewer}/manifests.js +16 -10
- package/dist-cms/packages/settings/logviewer/workspace/logviewer.context.d.ts +28 -15
- package/dist-cms/packages/settings/logviewer/workspace/logviewer.context.js +33 -5
- package/dist-cms/packages/settings/logviewer/workspace/manifests.js +2 -2
- package/dist-cms/packages/settings/relation-types/manifests.d.ts +1 -1
- package/dist-cms/packages/settings/relation-types/menu-item/manifests.js +0 -2
- package/dist-cms/packages/settings/relation-types/tree/manifests.js +1 -1
- package/dist-cms/packages/settings/relation-types/workspace/manifests.js +18 -9
- package/dist-cms/packages/settings/relation-types/workspace/relation-type-workspace-editor.element.js +2 -2
- package/dist-cms/packages/settings/relation-types/workspace/relation-type-workspace.context.js +1 -1
- package/dist-cms/packages/settings/relation-types/workspace/views/relation-type/relation-type-workspace-view-relation-type.element.js +2 -2
- package/dist-cms/packages/settings/section.manifests.d.ts +1 -1
- package/dist-cms/packages/settings/section.manifests.js +6 -3
- package/dist-cms/packages/templating/components/insert-menu/templating-insert-menu.element.js +1 -1
- package/dist-cms/packages/templating/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/menu.manifests.d.ts +1 -1
- package/dist-cms/packages/templating/menu.manifests.js +7 -3
- package/dist-cms/packages/templating/partial-views/entity-actions/manifests.js +0 -10
- package/dist-cms/packages/templating/partial-views/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/partial-views/menu-item/manifests.js +0 -2
- package/dist-cms/packages/templating/partial-views/repository/partial-views.repository.d.ts +2 -2
- package/dist-cms/packages/templating/partial-views/repository/sources/partial-views.folder.server.data.d.ts +2 -2
- package/dist-cms/packages/templating/partial-views/tree/manifests.js +1 -1
- package/dist-cms/packages/templating/partial-views/workspace/manifests.js +6 -3
- package/dist-cms/packages/templating/partial-views/workspace/partial-views-workspace-edit.element.js +2 -1
- package/dist-cms/packages/templating/partial-views/workspace/partial-views-workspace.context.js +2 -1
- package/dist-cms/packages/templating/stylesheets/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/stylesheets/menu-item/manifests.js +0 -2
- package/dist-cms/packages/templating/stylesheets/tree/manifests.js +1 -1
- package/dist-cms/packages/templating/stylesheets/workspace/stylesheet-workspace.context.js +1 -1
- package/dist-cms/packages/templating/templates/entity-actions/manifests.js +0 -4
- package/dist-cms/packages/templating/templates/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/templates/menu-item/manifests.js +0 -2
- package/dist-cms/packages/templating/templates/repository/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/templates/tree/manifests.js +1 -1
- package/dist-cms/packages/templating/templates/workspace/manifests.js +6 -3
- package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js +2 -1
- package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js +1 -1
- package/dist-cms/packages/umbraco-news/manifests.js +6 -3
- package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js +1 -1
- package/dist-cms/packages/users/current-user/modals/current-user/current-user-modal.element.js +10 -6
- package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-profile.element.js +7 -5
- package/dist-cms/packages/users/user-groups/manifests.d.ts +1 -1
- package/dist-cms/packages/users/user-groups/repository/manifests.d.ts +1 -1
- package/dist-cms/packages/users/user-groups/section-view/manifests.js +6 -3
- package/dist-cms/packages/users/user-groups/workspace/actions/workspace-action-user-group-save.element.js +2 -2
- package/dist-cms/packages/users/user-groups/workspace/manifests.js +6 -3
- package/dist-cms/packages/users/user-groups/workspace/user-group-workspace-editor.element.js +2 -2
- package/dist-cms/packages/users/user-groups/workspace/user-group-workspace.context.js +1 -1
- package/dist-cms/packages/users/users/manifests.d.ts +1 -1
- package/dist-cms/packages/users/users/repository/manifests.d.ts +1 -1
- package/dist-cms/packages/users/users/repository/user.repository.js +5 -1
- package/dist-cms/packages/users/users/section-view/manifests.js +6 -3
- package/dist-cms/packages/users/users/workspace/actions/user-workspace-action-save.element.js +2 -2
- package/dist-cms/packages/users/users/workspace/manifests.js +6 -3
- package/dist-cms/packages/users/users/workspace/user-workspace-editor.element.d.ts +1 -0
- package/dist-cms/packages/users/users/workspace/user-workspace-editor.element.js +53 -8
- package/dist-cms/packages/users/users/workspace/user-workspace.context.d.ts +1 -1
- package/dist-cms/packages/users/users/workspace/user-workspace.context.js +18 -1
- package/dist-cms/shared/auth/auth.context.d.ts +1 -0
- package/dist-cms/shared/auth/auth.context.js +1 -2
- package/dist-cms/shared/auth/auth.interface.d.ts +4 -0
- package/dist-cms/shared/lit-element/lit-element.element.d.ts +25 -0
- package/dist-cms/shared/lit-element/lit-element.element.js +42 -1
- package/dist-cms/shared/repository/data-source/folder-data-source.interface.d.ts +3 -3
- package/dist-cms/shared/repository/folder-repository.interface.d.ts +3 -3
- package/dist-cms/shared/resources/resource.controller.js +2 -2
- package/dist-cms/shared/utils/component-has-manifest-property.function.d.ts +4 -0
- package/dist-cms/shared/utils/component-has-manifest-property.function.js +3 -0
- package/dist-cms/shared/utils/index.d.ts +1 -0
- package/dist-cms/shared/utils/index.js +1 -0
- package/dist-cms/shared/utils/media-helper.service.js +1 -0
- package/dist-cms/tinymce/CHANGELOG.md +23 -0
- package/dist-cms/tinymce/composer.json +1 -1
- package/dist-cms/tinymce/langs/hy.js +2 -2
- package/dist-cms/tinymce/langs/id.js +19 -19
- package/dist-cms/tinymce/langs/it.js +2 -2
- package/dist-cms/tinymce/langs/ka_GE.js +132 -132
- package/dist-cms/tinymce/langs/ru.js +4 -4
- package/dist-cms/tinymce/langs/sk.js +7 -7
- package/dist-cms/tinymce/models/dom/model.js +1 -1
- package/dist-cms/tinymce/models/dom/model.min.js +1 -1
- package/dist-cms/tinymce/package.json +1 -1
- package/dist-cms/tinymce/plugins/accordion/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/accordion/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/advlist/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/advlist/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/anchor/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/anchor/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/autolink/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/autolink/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/autoresize/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/autoresize/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/autosave/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/autosave/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/charmap/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/charmap/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/code/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/code/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/codesample/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/codesample/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/directionality/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/directionality/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/emoticons/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/emoticons/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/fullscreen/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/fullscreen/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/help/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/help/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/image/plugin.js +2 -2
- package/dist-cms/tinymce/plugins/image/plugin.min.js +2 -2
- package/dist-cms/tinymce/plugins/importcss/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/importcss/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/insertdatetime/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/insertdatetime/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/link/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/link/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/lists/plugin.js +2 -2
- package/dist-cms/tinymce/plugins/lists/plugin.min.js +2 -2
- package/dist-cms/tinymce/plugins/media/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/media/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/nonbreaking/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/nonbreaking/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/pagebreak/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/pagebreak/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/preview/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/preview/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/quickbars/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/quickbars/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/save/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/save/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/searchreplace/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/searchreplace/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/table/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/table/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/template/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/template/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/visualblocks/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/visualblocks/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/visualchars/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/visualchars/plugin.min.js +1 -1
- package/dist-cms/tinymce/plugins/wordcount/plugin.js +1 -1
- package/dist-cms/tinymce/plugins/wordcount/plugin.min.js +1 -1
- package/dist-cms/tinymce/skins/ui/oxide/skin.css +15 -2
- package/dist-cms/tinymce/skins/ui/oxide/skin.min.css +1 -1
- package/dist-cms/tinymce/skins/ui/oxide-dark/skin.css +15 -2
- package/dist-cms/tinymce/skins/ui/oxide-dark/skin.min.css +1 -1
- package/dist-cms/tinymce/skins/ui/tinymce-5/skin.css +15 -2
- package/dist-cms/tinymce/skins/ui/tinymce-5/skin.min.css +1 -1
- package/dist-cms/tinymce/skins/ui/tinymce-5-dark/skin.css +15 -2
- package/dist-cms/tinymce/skins/ui/tinymce-5-dark/skin.min.css +1 -1
- package/dist-cms/tinymce/themes/silver/theme.js +181 -108
- package/dist-cms/tinymce/themes/silver/theme.min.js +2 -2
- package/dist-cms/tinymce/tinymce.d.ts +3 -0
- package/dist-cms/tinymce/tinymce.js +23 -15
- package/dist-cms/tinymce/tinymce.min.js +2 -2
- package/dist-cms/tsconfig.build.json +15 -0
- package/dist-cms/tsconfig.build.tsbuildinfo +1 -0
- package/dist-cms/umbraco-package-schema.json +536 -236
- package/dist-cms/vscode-html-custom-data.json +58 -58
- package/package.json +14 -12
- package/dist-cms/external/monaco-editor/twig-4859b551.js +0 -6
- package/dist-cms/packages/core/property-editor/schemas/Umbraco.JSON.d.ts +0 -2
- package/dist-cms/packages/core/property-editor/schemas/Umbraco.JSON.js +0 -8
- package/dist-cms/packages/core/section/section-views/index.d.ts +0 -1
- package/dist-cms/packages/core/section/section-views/index.js +0 -1
- package/dist-cms/packages/core/section/section-views/section-views.element.d.ts +0 -26
- package/dist-cms/packages/core/workspace/workspace-context/entity-workspace-context.token.d.ts +0 -4
- package/dist-cms/packages/core/workspace/workspace-context/entity-workspace-context.token.js +0 -2
- package/dist-cms/packages/settings/logviewer/workspace/logviewer-root/logviewer-root-workspace.element.js +0 -166
- package/dist-cms/tsconfig.tsbuildinfo +0 -1
- /package/dist-cms/apps/backoffice/{extension.controller.d.ts → extension-initializer.controller.d.ts} +0 -0
- /package/dist-cms/packages/settings/logviewer/workspace/{logviewer-root → logviewer}/manifests.d.ts +0 -0
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const Gr=window,qi=Gr.ShadowRoot&&(Gr.ShadyCSS===void 0||Gr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Wi=Symbol(),es=new WeakMap;let ts=class{constructor(e,r,o){if(this._$cssResult$=!0,o!==Wi)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=r}get styleSheet(){let e=this.o;const r=this.t;if(qi&&e===void 0){const o=r!==void 0&&r.length===1;o&&(e=es.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&es.set(r,e))}return e}toString(){return this.cssText}};const Ve=t=>new ts(typeof t=="string"?t:t+"",void 0,Wi),d=(t,...e)=>{const r=t.length===1?t[0]:e.reduce((o,i,s)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new ts(r,t,Wi)},Nl=(t,e)=>{qi?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{const o=document.createElement("style"),i=Gr.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=r.cssText,t.appendChild(o)})},rs=qi?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let r="";for(const o of e.cssRules)r+=o.cssText;return Ve(r)})(t):t;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var Ki;const qr=window,is=qr.trustedTypes,Hl=is?is.emptyScript:"",os=qr.reactiveElementPolyfillSupport,Xi={toAttribute(t,e){switch(e){case Boolean:t=t?Hl:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=t!==null;break;case Number:r=t===null?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},ss=(t,e)=>e!==t&&(e==e||t==t),Yi={attribute:!0,type:String,converter:Xi,reflect:!1,hasChanged:ss};let $t=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var r;this.finalize(),((r=this.h)!==null&&r!==void 0?r:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((r,o)=>{const i=this._$Ep(o,r);i!==void 0&&(this._$Ev.set(i,o),e.push(i))}),e}static createProperty(e,r=Yi){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(e,r),!r.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,i=this.getPropertyDescriptor(e,o,r);i!==void 0&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,r,o){return{get(){return this[r]},set(i){const s=this[e];this[r]=i,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Yi}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const r=this.properties,o=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(const i of o)this.createProperty(i,r[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const r=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)r.unshift(rs(i))}else e!==void 0&&r.push(rs(e));return r}static _$Ep(e,r){const o=r.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(r=>r(this))}addController(e){var r,o;((r=this._$ES)!==null&&r!==void 0?r:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var r;(r=this._$ES)===null||r===void 0||r.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,r)=>{this.hasOwnProperty(r)&&(this._$Ei.set(r,this[r]),delete this[r])})}createRenderRoot(){var e;const r=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Nl(r,this.constructor.elementStyles),r}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostConnected)===null||o===void 0?void 0:o.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostDisconnected)===null||o===void 0?void 0:o.call(r)})}attributeChangedCallback(e,r,o){this._$AK(e,o)}_$EO(e,r,o=Yi){var i;const s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){const n=(((i=o.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?o.converter:Xi).toAttribute(r,o.type);this._$El=e,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(e,r){var o;const i=this.constructor,s=i._$Ev.get(e);if(s!==void 0&&this._$El!==s){const n=i.getPropertyOptions(s),u=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?n.converter:Xi;this._$El=s,this[s]=u.fromAttribute(r,n.type),this._$El=null}}requestUpdate(e,r,o){let i=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||ss)(this[e],r)?(this._$AL.has(e)||this._$AL.set(e,r),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(r){Promise.reject(r)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((i,s)=>this[s]=i),this._$Ei=void 0);let r=!1;const o=this._$AL;try{r=this.shouldUpdate(o),r?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdate)===null||s===void 0?void 0:s.call(i)}),this.update(o)):this._$Ek()}catch(i){throw r=!1,this._$Ek(),i}r&&this._$AE(o)}willUpdate(e){}_$AE(e){var r;(r=this._$ES)===null||r===void 0||r.forEach(o=>{var i;return(i=o.hostUpdated)===null||i===void 0?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach((r,o)=>this._$EO(o,this[o],r)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};$t.finalized=!0,$t.elementProperties=new Map,$t.elementStyles=[],$t.shadowRootOptions={mode:"open"},os?.({ReactiveElement:$t}),((Ki=qr.reactiveElementVersions)!==null&&Ki!==void 0?Ki:qr.reactiveElementVersions=[]).push("1.6.1");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/var Zi;const Wr=window,Et=Wr.trustedTypes,ns=Et?Et.createPolicy("lit-html",{createHTML:t=>t}):void 0,Kr="$lit$",Ee=`lit$${(Math.random()+"").slice(9)}$`,Qi="?"+Ee,Tl=`<${Qi}>`,Je=document,nr=()=>Je.createComment(""),ar=t=>t===null||typeof t!="object"&&typeof t!="function",as=Array.isArray,ls=t=>as(t)||typeof t?.[Symbol.iterator]=="function",Ji=`[
|
|
14
|
+
\f\r]`,lr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,us=/-->/g,cs=/>/g,et=RegExp(`>|${Ji}(?:([^\\s"'>=/]+)(${Ji}*=${Ji}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),hs=/'/g,ds=/"/g,ps=/^(?:script|style|textarea|title)$/i,vs=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),l=vs(1),g=vs(2),F=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),fs=new WeakMap,tt=Je.createTreeWalker(Je,129,null,!1);function bs(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return ns!==void 0?ns.createHTML(e):e}const gs=(t,e)=>{const r=t.length-1,o=[];let i,s=e===2?"<svg>":"",n=lr;for(let u=0;u<r;u++){const c=t[u];let h,m,y=-1,b=0;for(;b<c.length&&(n.lastIndex=b,m=n.exec(c),m!==null);)b=n.lastIndex,n===lr?m[1]==="!--"?n=us:m[1]!==void 0?n=cs:m[2]!==void 0?(ps.test(m[2])&&(i=RegExp("</"+m[2],"g")),n=et):m[3]!==void 0&&(n=et):n===et?m[0]===">"?(n=i??lr,y=-1):m[1]===void 0?y=-2:(y=n.lastIndex-m[2].length,h=m[1],n=m[3]===void 0?et:m[3]==='"'?ds:hs):n===ds||n===hs?n=et:n===us||n===cs?n=lr:(n=et,i=void 0);const w=n===et&&t[u+1].startsWith("/>")?" ":"";s+=n===lr?c+Tl:y>=0?(o.push(h),c.slice(0,y)+Kr+c.slice(y)+Ee+w):c+Ee+(y===-2?(o.push(void 0),u):w)}return[bs(t,s+(t[r]||"<?>")+(e===2?"</svg>":"")),o]};let eo=class Dl{constructor({strings:e,_$litType$:r},o){let i;this.parts=[];let s=0,n=0;const u=e.length-1,c=this.parts,[h,m]=gs(e,r);if(this.el=Dl.createElement(h,o),tt.currentNode=this.el.content,r===2){const y=this.el.content,b=y.firstChild;b.remove(),y.append(...b.childNodes)}for(;(i=tt.nextNode())!==null&&c.length<u;){if(i.nodeType===1){if(i.hasAttributes()){const y=[];for(const b of i.getAttributeNames())if(b.endsWith(Kr)||b.startsWith(Ee)){const w=m[n++];if(y.push(b),w!==void 0){const $=i.getAttribute(w.toLowerCase()+Kr).split(Ee),E=/([.?@])?(.*)/.exec(w);c.push({type:1,index:s,name:E[2],strings:$,ctor:E[1]==="."?_s:E[1]==="?"?ys:E[1]==="@"?ws:ur})}else c.push({type:6,index:s})}for(const b of y)i.removeAttribute(b)}if(ps.test(i.tagName)){const y=i.textContent.split(Ee),b=y.length-1;if(b>0){i.textContent=Et?Et.emptyScript:"";for(let w=0;w<b;w++)i.append(y[w],nr()),tt.nextNode(),c.push({type:2,index:++s});i.append(y[b],nr())}}}else if(i.nodeType===8)if(i.data===Qi)c.push({type:2,index:s});else{let y=-1;for(;(y=i.data.indexOf(Ee,y+1))!==-1;)c.push({type:7,index:s}),y+=Ee.length-1}s++}}static createElement(e,r){const o=Je.createElement("template");return o.innerHTML=e,o}};function rt(t,e,r=t,o){var i,s,n,u;if(e===F)return e;let c=o!==void 0?(i=r._$Co)===null||i===void 0?void 0:i[o]:r._$Cl;const h=ar(e)?void 0:e._$litDirective$;return c?.constructor!==h&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),h===void 0?c=void 0:(c=new h(t),c._$AT(t,r,o)),o!==void 0?((n=(u=r)._$Co)!==null&&n!==void 0?n:u._$Co=[])[o]=c:r._$Cl=c),c!==void 0&&(e=rt(t,c._$AS(t,e.values),c,o)),e}let ms=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var r;const{el:{content:o},parts:i}=this._$AD,s=((r=e?.creationScope)!==null&&r!==void 0?r:Je).importNode(o,!0);tt.currentNode=s;let n=tt.nextNode(),u=0,c=0,h=i[0];for(;h!==void 0;){if(u===h.index){let m;h.type===2?m=new or(n,n.nextSibling,this,e):h.type===1?m=new h.ctor(n,h.name,h.strings,this,e):h.type===6&&(m=new xs(n,this,e)),this._$AV.push(m),h=i[++c]}u!==h?.index&&(n=tt.nextNode(),u++)}return tt.currentNode=Je,s}v(e){let r=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,r),r+=o.strings.length-2):o._$AI(e[r])),r++}};class or{constructor(e,r,o,i){var s;this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=o,this.options=i,this._$Cp=(s=i?.isConnected)===null||s===void 0||s}get _$AU(){var e,r;return(r=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&r!==void 0?r:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=rt(this,e,r),ar(e)?e===x||e==null||e===""?(this._$AH!==x&&this._$AR(),this._$AH=x):e!==this._$AH&&e!==F&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):ls(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==x&&ar(this._$AH)?this._$AA.nextSibling.data=e:this.$(Je.createTextNode(e)),this._$AH=e}g(e){var r;const{values:o,_$litType$:i}=e,s=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=eo.createElement(bs(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)===null||r===void 0?void 0:r._$AD)===s)this._$AH.v(o);else{const n=new ms(s,this),u=n.u(this.options);n.v(o),this.$(u),this._$AH=n}}_$AC(e){let r=fs.get(e.strings);return r===void 0&&fs.set(e.strings,r=new eo(e)),r}T(e){as(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let o,i=0;for(const s of e)i===r.length?r.push(o=new or(this.k(nr()),this.k(nr()),this,this.options)):o=r[i],o._$AI(s),i++;i<r.length&&(this._$AR(o&&o._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,r);e&&e!==this._$AB;){const i=e.nextSibling;e.remove(),e=i}}setConnected(e){var r;this._$AM===void 0&&(this._$Cp=e,(r=this._$AP)===null||r===void 0||r.call(this,e))}}let ur=class{constructor(e,r,o,i,s){this.type=1,this._$AH=x,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=x}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,r=this,o,i){const s=this.strings;let n=!1;if(s===void 0)e=rt(this,e,r,0),n=!ar(e)||e!==this._$AH&&e!==F,n&&(this._$AH=e);else{const u=e;let c,h;for(e=s[0],c=0;c<s.length-1;c++)h=rt(this,u[o+c],r,c),h===F&&(h=this._$AH[c]),n||(n=!ar(h)||h!==this._$AH[c]),h===x?e=x:e!==x&&(e+=(h??"")+s[c+1]),this._$AH[c]=h}n&&!i&&this.j(e)}j(e){e===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},_s=class extends ur{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===x?void 0:e}};const Ml=Et?Et.emptyScript:"";class ys extends ur{constructor(){super(...arguments),this.type=4}j(e){e&&e!==x?this.element.setAttribute(this.name,Ml):this.element.removeAttribute(this.name)}}class ws extends ur{constructor(e,r,o,i,s){super(e,r,o,i,s),this.type=5}_$AI(e,r=this){var o;if((e=(o=rt(this,e,r,0))!==null&&o!==void 0?o:x)===F)return;const i=this._$AH,s=e===x&&i!==x||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==x&&(i===x||s);s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var r,o;typeof this._$AH=="function"?this._$AH.call((o=(r=this.options)===null||r===void 0?void 0:r.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class xs{constructor(e,r,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){rt(this,e)}}const jl={O:Kr,P:Ee,A:Qi,C:1,M:gs,L:ms,R:ls,D:rt,I:or,V:ur,H:ys,N:ws,U:_s,F:xs},$s=Wr.litHtmlPolyfillSupport;$s?.(eo,or),((Zi=Wr.litHtmlVersions)!==null&&Zi!==void 0?Zi:Wr.litHtmlVersions=[]).push("2.8.0");const Vl=(t,e,r)=>{var o,i;const s=(o=r?.renderBefore)!==null&&o!==void 0?o:e;let n=s._$litPart$;if(n===void 0){const u=(i=r?.renderBefore)!==null&&i!==void 0?i:null;s._$litPart$=n=new or(e.insertBefore(nr(),u),u,void 0,r??{})}return n._$AI(t),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var to,ro;let v=class extends $t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,r;const o=super.createRenderRoot();return(e=(r=this.renderOptions).renderBefore)!==null&&e!==void 0||(r.renderBefore=o.firstChild),o}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=
|
|
19
|
+
*/var to,ro;let v=class extends $t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,r;const o=super.createRenderRoot();return(e=(r=this.renderOptions).renderBefore)!==null&&e!==void 0||(r.renderBefore=o.firstChild),o}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Vl(r,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return F}};v.finalized=!0,v._$litElement$=!0,(to=globalThis.litElementHydrateSupport)===null||to===void 0||to.call(globalThis,{LitElement:v});const Es=globalThis.litElementPolyfillSupport;Es?.({LitElement:v}),((ro=globalThis.litElementVersions)!==null&&ro!==void 0?ro:globalThis.litElementVersions=[]).push("3.3.2");var Bl=`.uui-text {
|
|
20
20
|
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
21
21
|
font-size: 15px;
|
|
22
22
|
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
@@ -120,6 +120,10 @@
|
|
|
120
120
|
font-size: var(--uui-size-6,18px);
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
+
.uui-text a {
|
|
124
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
125
|
+
}
|
|
126
|
+
|
|
123
127
|
.uui-text a:link,
|
|
124
128
|
.uui-text a:active {
|
|
125
129
|
color: var(--uui-color-interactive,#1b264f);
|
|
@@ -180,7 +184,7 @@
|
|
|
180
184
|
margin-top: var(--uui-size-layout-1,24px);
|
|
181
185
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
182
186
|
}
|
|
183
|
-
`;const Xr=
|
|
187
|
+
`;const Xr=Ve(Bl);/**
|
|
184
188
|
* @license
|
|
185
189
|
* Copyright 2017 Google LLC
|
|
186
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -188,7 +192,7 @@
|
|
|
188
192
|
* @license
|
|
189
193
|
* Copyright 2017 Google LLC
|
|
190
194
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const
|
|
195
|
+
*/const Rl=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(r){r.createProperty(e.key,t)}};function a(t){return(e,r)=>r!==void 0?((o,i,s)=>{i.constructor.createProperty(s,o)})(t,e,r):Rl(t,e)}/**
|
|
192
196
|
* @license
|
|
193
197
|
* Copyright 2017 Google LLC
|
|
194
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -204,11 +208,11 @@
|
|
|
204
208
|
* @license
|
|
205
209
|
* Copyright 2017 Google LLC
|
|
206
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
207
|
-
*/function
|
|
211
|
+
*/function Fl(t){return oo({descriptor:e=>({get(){var r,o;return(o=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelectorAll(t))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
208
212
|
* @license
|
|
209
213
|
* Copyright 2021 Google LLC
|
|
210
214
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/var so;const
|
|
215
|
+
*/var so;const Gl=((so=window.HTMLSlotElement)===null||so===void 0?void 0:so.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(r=>r.nodeType===Node.ELEMENT_NODE);function Be(t){const{slot:e,selector:r}=t??{};return oo({descriptor:o=>({get(){var i;const s="slot"+(e?`[name=${e}]`:":not([name])"),n=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(s),u=n!=null?Gl(n,t):[];return r?u.filter(c=>c.matches(r)):u},enumerable:!0,configurable:!0})})}const ql=d`
|
|
212
216
|
@keyframes uui-blink {
|
|
213
217
|
0%,
|
|
214
218
|
100% {
|
|
@@ -218,7 +222,7 @@
|
|
|
218
222
|
opacity: 1;
|
|
219
223
|
}
|
|
220
224
|
}
|
|
221
|
-
`,
|
|
225
|
+
`,Wl=Ve("uui-blink 0.9s infinite both"),Kl=d`
|
|
222
226
|
@keyframes pulse {
|
|
223
227
|
0% {
|
|
224
228
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -236,7 +240,7 @@
|
|
|
236
240
|
opacity: 0;
|
|
237
241
|
}
|
|
238
242
|
}
|
|
239
|
-
`,
|
|
243
|
+
`,Xl=Ve("pulse 0.8s ease-in-out infinite both"),Yl=d`
|
|
240
244
|
@keyframes uui-horizontal-shake {
|
|
241
245
|
10%,
|
|
242
246
|
90% {
|
|
@@ -259,14 +263,14 @@
|
|
|
259
263
|
transform: translateX(2px);
|
|
260
264
|
}
|
|
261
265
|
}
|
|
262
|
-
`,
|
|
266
|
+
`,Zl=Ve("uui-horizontal-shake 600ms ease backwards");var Ql=Object.defineProperty,Ps=Object.getOwnPropertySymbols,Jl=Object.prototype.hasOwnProperty,eu=Object.prototype.propertyIsEnumerable,Cs=(t,e,r)=>e in t?Ql(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tu=(t,e)=>{for(var r in e||(e={}))Jl.call(e,r)&&Cs(t,r,e[r]);if(Ps)for(var r of Ps(e))eu.call(e,r)&&Cs(t,r,e[r]);return t};let no=class extends Event{constructor(e,r={}){super(e,tu({},r)),this.detail=r.detail||{}}};var ru=Object.defineProperty,Os=Object.getOwnPropertySymbols,iu=Object.prototype.hasOwnProperty,ou=Object.prototype.propertyIsEnumerable,Ss=(t,e,r)=>e in t?ru(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ks=(t,e)=>{for(var r in e||(e={}))iu.call(e,r)&&Ss(t,r,e[r]);if(Os)for(var r of Os(e))ou.call(e,r)&&Ss(t,r,e[r]);return t};let it=class extends no{constructor(e,r={}){super(e,ks(ks({},{bubbles:!0}),r))}};it.VALID="valid",it.INVALID="invalid";var su=Object.defineProperty,zs=Object.getOwnPropertySymbols,nu=Object.prototype.hasOwnProperty,au=Object.prototype.propertyIsEnumerable,Is=(t,e,r)=>e in t?su(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,As=(t,e)=>{for(var r in e||(e={}))nu.call(e,r)&&Is(t,r,e[r]);if(zs)for(var r of zs(e))au.call(e,r)&&Is(t,r,e[r]);return t};let ot=class extends no{constructor(e,r={}){super(e,As(As({},{bubbles:!0,cancelable:!0}),r))}};ot.SELECTED="selected",ot.DESELECTED="deselected";var lu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,cu=(t,e,r,o)=>{for(var i=o>1?void 0:o?uu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lu(e,r,i),i};const hu=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return cu([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var du=Object.defineProperty,pu=Object.getOwnPropertyDescriptor,Us=(t,e,r,o)=>{for(var i=o>1?void 0:o?pu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&du(e,r,i),i};const vu=(t,e)=>{class r extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(i){this._labelSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
263
267
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
264
268
|
<slot
|
|
265
269
|
class="label"
|
|
266
270
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
267
271
|
name=${t||""}
|
|
268
272
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
269
|
-
`}}return
|
|
273
|
+
`}}return Us([a({type:String})],r.prototype,"label",2),Us([f()],r.prototype,"_labelSlotHasContent",2),r};var fu=Object.defineProperty,bu=Object.getOwnPropertyDescriptor,Ds=(t,e,r,o)=>{for(var i=o>1?void 0:o?bu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fu(e,r,i),i};const gu=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=i=>{if(this.selectableTarget===this){if(i.key!==" "&&i.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const i=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}_select(){if(!this.selectable)return;const o=new ot(ot.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new ot(ot.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Ds([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Ds([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var mu=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,yu=(t,e,r,o)=>{for(var i=o>1?void 0:o?_u(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&mu(e,r,i),i};const wu=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const i=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",i)}}return yu([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var xu=Object.defineProperty,$u=Object.getOwnPropertyDescriptor,st=(t,e,r,o)=>{for(var i=o>1?void 0:o?$u(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&xu(e,r,i),i};const Eu=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const i=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",i)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,i,s){const n={flagKey:o,getMessageMethod:i,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const i=this._validators.indexOf(o);i!==-1&&this._validators.splice(i,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(i=>{for(const s in i.validity)s!=="valid"&&i.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,i.validationMessage,i))}),this._validators.forEach(i=>{i.checkMethod()&&(this._validityState[i.flagKey]=!0,this._internals.setValidity(this._validityState,i.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new it(it.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new it(it.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const i in this._formCtrlElements)if(this._formCtrlElements[i].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,st([a({type:String})],e.prototype,"name",2),st([a()],e.prototype,"value",1),st([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),st([a({type:Boolean,reflect:!0})],e.prototype,"required",2),st([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),st([a({type:Boolean,reflect:!0})],e.prototype,"error",2),st([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};function Pu(t,e){return r=>{if(t.indexOf("-")>0===!1){console.error(`${t} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(t)||window.customElements.define(t,r,e)}}const Cu=["default","primary","secondary","outline","placeholder"],Ou=["default","positive","warning","danger"],Su=["h1","h2","h3","h4","h5","h6"];let ku=class{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const zu=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},Iu=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const m=h.pageX-u,y=h.pageY-c;e?.onMove&&e.onMove(m,y)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},Au=(t,e,r)=>Math.min(Math.max(t,e),r),Uu=(t,e,r)=>r+e-t,Du=t=>{const e=Math.round(t).toString(16);return e.length===1?`0${e}`:e};function p(t,e){return r=>{if(t.indexOf("-")>0===!1){console.error(`${t} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(t)||window.customElements.define(t,r,e)}}var Lu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,Hu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Lu(e,r,i),i};let Pt=class extends v{render(){return l`<slot></slot>`}};Pt.styles=[d`
|
|
270
274
|
:host {
|
|
271
275
|
display: inline-flex;
|
|
272
276
|
align-items: stretch;
|
|
@@ -312,7 +316,7 @@
|
|
|
312
316
|
::slotted(*:hover) {
|
|
313
317
|
z-index: 1;
|
|
314
318
|
}
|
|
315
|
-
`],Pt=
|
|
319
|
+
`],Pt=Hu([p("uui-button-group")],Pt);var Tu=Object.defineProperty,Mu=Object.getOwnPropertyDescriptor,ju=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Tu(e,r,i),i};let Yr=class extends Pt{};Yr.styles=[...Pt.styles,d`
|
|
316
320
|
::slotted(*) {
|
|
317
321
|
--uui-button-padding-left-factor: 0.5;
|
|
318
322
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -354,10 +358,10 @@
|
|
|
354
358
|
--uui-button-padding-left-factor: 1.5;
|
|
355
359
|
--uui-button-padding-right-factor: 1.5;
|
|
356
360
|
}
|
|
357
|
-
`],Yr=
|
|
361
|
+
`],Yr=ju([p("uui-action-bar")],Yr);var Vu=Object.defineProperty,Bu=Object.getOwnPropertyDescriptor,Zr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Bu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Vu(e,r,i),i};let nt=class extends v{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`
|
|
358
362
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
359
363
|
${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
360
|
-
`}};
|
|
364
|
+
`}};nt.styles=[d`
|
|
361
365
|
:host {
|
|
362
366
|
display: inline-flex;
|
|
363
367
|
align-items: center;
|
|
@@ -374,7 +378,7 @@
|
|
|
374
378
|
#overflow-indication {
|
|
375
379
|
margin-left: 6px;
|
|
376
380
|
}
|
|
377
|
-
`],Zr([
|
|
381
|
+
`],Zr([Be({selector:"uui-avatar, [uui-avatar]",flatten:!0})],nt.prototype,"_avatarNodes",2),Zr([f()],nt.prototype,"_avatarArray",2),Zr([a({type:Number,attribute:!0})],nt.prototype,"limit",2),nt=Zr([p("uui-avatar-group")],nt);var Ru=Object.defineProperty,Fu=Object.getOwnPropertyDescriptor,Ct=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ru(e,r,i),i};let Pe=class extends v{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(!t)return e;const r=t.match(/(\w+)/g);return r?.length?(e=r[0].substring(0,1),r.length>1&&(e+=r[r.length-1].substring(0,1)),e.toUpperCase()):e}renderImage(){return l` <img
|
|
378
382
|
src="${this.imgSrc}"
|
|
379
383
|
srcset="${this.imgSrcset}"
|
|
380
384
|
alt="${this.initials}"
|
|
@@ -382,7 +386,7 @@
|
|
|
382
386
|
${this.imgSrc?this.renderImage():""}
|
|
383
387
|
${this.imgSrc?"":this.initials}
|
|
384
388
|
<slot></slot>
|
|
385
|
-
`}};Pe.styles=[
|
|
389
|
+
`}};Pe.styles=[d`
|
|
386
390
|
:host {
|
|
387
391
|
display: inline-flex;
|
|
388
392
|
align-items: center;
|
|
@@ -413,7 +417,7 @@
|
|
|
413
417
|
overflow: hidden;
|
|
414
418
|
border-radius: 50%;
|
|
415
419
|
}
|
|
416
|
-
`],Ct([a({type:Boolean,attribute:!0,reflect:!0})],Pe.prototype,"overflow",2),Ct([a({type:String,attribute:"img-src"})],Pe.prototype,"imgSrc",2),Ct([a({type:String,attribute:"img-srcset"})],Pe.prototype,"imgSrcset",2),Ct([a({type:String,reflect:!0})],Pe.prototype,"name",1),Ct([f()],Pe.prototype,"initials",2),Pe=Ct([p("uui-avatar")],Pe);var
|
|
420
|
+
`],Ct([a({type:Boolean,attribute:!0,reflect:!0})],Pe.prototype,"overflow",2),Ct([a({type:String,attribute:"img-src"})],Pe.prototype,"imgSrc",2),Ct([a({type:String,attribute:"img-srcset"})],Pe.prototype,"imgSrcset",2),Ct([a({type:String,reflect:!0})],Pe.prototype,"name",1),Ct([f()],Pe.prototype,"initials",2),Pe=Ct([p("uui-avatar")],Pe);var Gu=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,Qr=(t,e,r,o)=>{for(var i=o>1?void 0:o?qu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gu(e,r,i),i};let at=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l` <slot></slot> `}};at.styles=[d`
|
|
417
421
|
:host {
|
|
418
422
|
position: var(--uui-badge-position, absolute);
|
|
419
423
|
display: flex;
|
|
@@ -444,13 +448,13 @@
|
|
|
444
448
|
--color-contrast: var(--uui-color-default-contrast,#fff);
|
|
445
449
|
}
|
|
446
450
|
:host([color='positive']) {
|
|
447
|
-
--color: var(--uui-color-positive,#
|
|
448
|
-
--color-standalone: var(--uui-color-positive-standalone
|
|
451
|
+
--color: var(--uui-color-positive,#1f9554);
|
|
452
|
+
--color-standalone: var(--uui-color-positive-standalone,#19864a);
|
|
449
453
|
--color-contrast: var(--uui-color-positive-contrast,#fff);
|
|
450
454
|
}
|
|
451
455
|
:host([color='warning']) {
|
|
452
|
-
--color: var(--uui-color-warning,#
|
|
453
|
-
--color-standalone: var(--uui-color-warning-standalone
|
|
456
|
+
--color: var(--uui-color-warning,#fbd142);
|
|
457
|
+
--color-standalone: var(--uui-color-warning-standalone,#a17700);
|
|
454
458
|
--color-contrast: var(--uui-color-warning-contrast,#000);
|
|
455
459
|
}
|
|
456
460
|
:host([color='danger']) {
|
|
@@ -523,14 +527,14 @@
|
|
|
523
527
|
animation: none;
|
|
524
528
|
}
|
|
525
529
|
}
|
|
526
|
-
`],Qr([a({reflect:!0})],
|
|
530
|
+
`],Qr([a({reflect:!0})],at.prototype,"color",2),Qr([a({reflect:!0})],at.prototype,"look",2),Qr([a({type:Boolean,reflect:!0})],at.prototype,"attention",2),at=Qr([p("uui-badge")],at);var Wu=Object.defineProperty,Ku=Object.getOwnPropertyDescriptor,Xu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ku(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Wu(e,r,i),i};const cr=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return Xu([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var Yu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,Ls=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Yu(e,r,i),i};const ve=(t,e)=>{class r extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(i){this._labelSlotHasContent=i.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
527
531
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
528
532
|
<slot
|
|
529
533
|
class="label"
|
|
530
534
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
531
535
|
name=${t||""}
|
|
532
536
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
533
|
-
`}}return Is([a({type:String})],r.prototype,"label",2),Is([f()],r.prototype,"_labelSlotHasContent",2),r};var Bu=Object.defineProperty,As=Object.getOwnPropertySymbols,Ru=Object.prototype.hasOwnProperty,Fu=Object.prototype.propertyIsEnumerable,Us=(t,e,r)=>e in t?Bu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gu=(t,e)=>{for(var r in e||(e={}))Ru.call(e,r)&&Us(t,r,e[r]);if(As)for(var r of As(e))Fu.call(e,r)&&Us(t,r,e[r]);return t};let qu=class extends Event{constructor(e,r={}){super(e,Gu({},r)),this.detail=r.detail||{}}};var Wu=Object.defineProperty,Ds=Object.getOwnPropertySymbols,Ku=Object.prototype.hasOwnProperty,Xu=Object.prototype.propertyIsEnumerable,Ls=(t,e,r)=>e in t?Wu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ns=(t,e)=>{for(var r in e||(e={}))Ku.call(e,r)&&Ls(t,r,e[r]);if(Ds)for(var r of Ds(e))Xu.call(e,r)&&Ls(t,r,e[r]);return t};let Ot=class extends qu{constructor(e,r={}){super(e,Ns(Ns({},{bubbles:!0,cancelable:!0}),r))}};Ot.SELECTED="selected",Ot.DESELECTED="deselected";var Yu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,Hs=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zu(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Yu(e,r,i),i};const St=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const i=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_select(){if(!this.selectable)return;const o=new Ot(Ot.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Ot(Ot.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return Hs([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Hs([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Qu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,ec=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ju(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Qu(e,r,i),i};const Jr=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const i=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",i)}}return ec([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var tc=Object.defineProperty,Ms=Object.getOwnPropertySymbols,rc=Object.prototype.hasOwnProperty,ic=Object.prototype.propertyIsEnumerable,Ts=(t,e,r)=>e in t?tc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,oc=(t,e)=>{for(var r in e||(e={}))rc.call(e,r)&&Ts(t,r,e[r]);if(Ms)for(var r of Ms(e))ic.call(e,r)&&Ts(t,r,e[r]);return t};let js=class extends Event{constructor(e,r={}){super(e,oc({},r)),this.detail=r.detail||{}}};var sc=Object.defineProperty,Vs=Object.getOwnPropertySymbols,nc=Object.prototype.hasOwnProperty,ac=Object.prototype.propertyIsEnumerable,Bs=(t,e,r)=>e in t?sc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Rs=(t,e)=>{for(var r in e||(e={}))nc.call(e,r)&&Bs(t,r,e[r]);if(Vs)for(var r of Vs(e))ac.call(e,r)&&Bs(t,r,e[r]);return t};let kt=class extends js{constructor(e,r={}){super(e,Rs(Rs({},{bubbles:!0}),r))}};kt.VALID="valid",kt.INVALID="invalid";var lc=Object.defineProperty,Fs=Object.getOwnPropertySymbols,uc=Object.prototype.hasOwnProperty,cc=Object.prototype.propertyIsEnumerable,Gs=(t,e,r)=>e in t?lc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,qs=(t,e)=>{for(var r in e||(e={}))uc.call(e,r)&&Gs(t,r,e[r]);if(Fs)for(var r of Fs(e))cc.call(e,r)&&Gs(t,r,e[r]);return t};let Ws=class extends js{constructor(e,r={}){super(e,qs(qs({},{bubbles:!0,cancelable:!0}),r))}};Ws.SELECTED="selected",Ws.DESELECTED="deselected";var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,at=(t,e,r,o)=>{for(var i=o>1?void 0:o?dc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&hc(e,r,i),i};const fe=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const i=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",i)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,i,s){const n={flagKey:o,getMessageMethod:i,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const i=this._validators.indexOf(o);i!==-1&&this._validators.splice(i,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(i=>{for(const s in i.validity)s!=="valid"&&i.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,i.validationMessage,i))}),this._validators.forEach(i=>{i.checkMethod()&&(this._validityState[i.flagKey]=!0,this._internals.setValidity(this._validityState,i.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new kt(kt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new kt(kt.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const i in this._formCtrlElements)if(this._formCtrlElements[i].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,at([a({type:String})],e.prototype,"name",2),at([a()],e.prototype,"value",1),at([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),at([a({type:Boolean,reflect:!0})],e.prototype,"required",2),at([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),at([a({type:Boolean,reflect:!0})],e.prototype,"error",2),at([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var pc=Object.defineProperty,Ks=Object.getOwnPropertySymbols,vc=Object.prototype.hasOwnProperty,fc=Object.prototype.propertyIsEnumerable,Xs=(t,e,r)=>e in t?pc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,bc=(t,e)=>{for(var r in e||(e={}))vc.call(e,r)&&Xs(t,r,e[r]);if(Ks)for(var r of Ks(e))fc.call(e,r)&&Xs(t,r,e[r]);return t};class O extends Event{constructor(e,r={}){super(e,bc({},r)),this.detail=r.detail||{}}}var gc=Object.defineProperty,Ys=Object.getOwnPropertySymbols,mc=Object.prototype.hasOwnProperty,_c=Object.prototype.propertyIsEnumerable,Zs=(t,e,r)=>e in t?gc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Qs=(t,e)=>{for(var r in e||(e={}))mc.call(e,r)&&Zs(t,r,e[r]);if(Ys)for(var r of Ys(e))_c.call(e,r)&&Zs(t,r,e[r]);return t};class zt extends O{constructor(e,r={}){super(e,Qs(Qs({},{bubbles:!0}),r))}}zt.VALID="valid",zt.INVALID="invalid";var yc=Object.defineProperty,Js=Object.getOwnPropertySymbols,wc=Object.prototype.hasOwnProperty,xc=Object.prototype.propertyIsEnumerable,en=(t,e,r)=>e in t?yc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tn=(t,e)=>{for(var r in e||(e={}))wc.call(e,r)&&en(t,r,e[r]);if(Js)for(var r of Js(e))xc.call(e,r)&&en(t,r,e[r]);return t};class Ve extends O{constructor(e,r={}){super(e,tn(tn({},{bubbles:!0,cancelable:!0}),r))}}Ve.SELECTED="selected",Ve.DESELECTED="deselected";var $c=Object.defineProperty,rn=Object.getOwnPropertySymbols,Ec=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,on=(t,e,r)=>e in t?$c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sn=(t,e)=>{for(var r in e||(e={}))Ec.call(e,r)&&on(t,r,e[r]);if(rn)for(var r of rn(e))Pc.call(e,r)&&on(t,r,e[r]);return t};class ei extends O{constructor(e,r={}){super(e,sn(sn({},{bubbles:!0}),r))}}ei.CHANGE="change";var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,ti=(t,e,r,o)=>{for(var i=o>1?void 0:o?Oc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cc(e,r,i),i};class be extends fe(ve("",v)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const r=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",r)}get checked(){return this._checked}set checked(e){const r=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",r)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var r;super.firstUpdated(e);const o=(r=this.shadowRoot)==null?void 0:r.querySelector("label");let i=!1;this._input.addEventListener("blur",()=>{i===!1&&this.style.setProperty("--uui-show-focus-outline","1"),i=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),i=!0}),o.addEventListener("mouseup",()=>{i=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new ei(ei.CHANGE))}render(){return l`
|
|
537
|
+
`}}return Ls([a({type:String})],r.prototype,"label",2),Ls([f()],r.prototype,"_labelSlotHasContent",2),r};var Qu=Object.defineProperty,Ns=Object.getOwnPropertySymbols,Ju=Object.prototype.hasOwnProperty,ec=Object.prototype.propertyIsEnumerable,Hs=(t,e,r)=>e in t?Qu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tc=(t,e)=>{for(var r in e||(e={}))Ju.call(e,r)&&Hs(t,r,e[r]);if(Ns)for(var r of Ns(e))ec.call(e,r)&&Hs(t,r,e[r]);return t};let rc=class extends Event{constructor(e,r={}){super(e,tc({},r)),this.detail=r.detail||{}}};var ic=Object.defineProperty,Ts=Object.getOwnPropertySymbols,oc=Object.prototype.hasOwnProperty,sc=Object.prototype.propertyIsEnumerable,Ms=(t,e,r)=>e in t?ic(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,js=(t,e)=>{for(var r in e||(e={}))oc.call(e,r)&&Ms(t,r,e[r]);if(Ts)for(var r of Ts(e))sc.call(e,r)&&Ms(t,r,e[r]);return t};let Ot=class extends rc{constructor(e,r={}){super(e,js(js({},{bubbles:!0,cancelable:!0}),r))}};Ot.SELECTED="selected",Ot.DESELECTED="deselected";var nc=Object.defineProperty,ac=Object.getOwnPropertyDescriptor,Vs=(t,e,r,o)=>{for(var i=o>1?void 0:o?ac(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&nc(e,r,i),i};const St=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=i=>{if(this.selectableTarget===this){if(i.key!==" "&&i.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const i=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}_select(){if(!this.selectable)return;const o=new Ot(Ot.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Ot(Ot.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Vs([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Vs([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var lc=Object.defineProperty,uc=Object.getOwnPropertyDescriptor,cc=(t,e,r,o)=>{for(var i=o>1?void 0:o?uc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lc(e,r,i),i};const Jr=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const i=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",i)}}return cc([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var hc=Object.defineProperty,Bs=Object.getOwnPropertySymbols,dc=Object.prototype.hasOwnProperty,pc=Object.prototype.propertyIsEnumerable,Rs=(t,e,r)=>e in t?hc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,vc=(t,e)=>{for(var r in e||(e={}))dc.call(e,r)&&Rs(t,r,e[r]);if(Bs)for(var r of Bs(e))pc.call(e,r)&&Rs(t,r,e[r]);return t};let Fs=class extends Event{constructor(e,r={}){super(e,vc({},r)),this.detail=r.detail||{}}};var fc=Object.defineProperty,Gs=Object.getOwnPropertySymbols,bc=Object.prototype.hasOwnProperty,gc=Object.prototype.propertyIsEnumerable,qs=(t,e,r)=>e in t?fc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ws=(t,e)=>{for(var r in e||(e={}))bc.call(e,r)&&qs(t,r,e[r]);if(Gs)for(var r of Gs(e))gc.call(e,r)&&qs(t,r,e[r]);return t};let kt=class extends Fs{constructor(e,r={}){super(e,Ws(Ws({},{bubbles:!0}),r))}};kt.VALID="valid",kt.INVALID="invalid";var mc=Object.defineProperty,Ks=Object.getOwnPropertySymbols,_c=Object.prototype.hasOwnProperty,yc=Object.prototype.propertyIsEnumerable,Xs=(t,e,r)=>e in t?mc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ys=(t,e)=>{for(var r in e||(e={}))_c.call(e,r)&&Xs(t,r,e[r]);if(Ks)for(var r of Ks(e))yc.call(e,r)&&Xs(t,r,e[r]);return t};let Zs=class extends Fs{constructor(e,r={}){super(e,Ys(Ys({},{bubbles:!0,cancelable:!0}),r))}};Zs.SELECTED="selected",Zs.DESELECTED="deselected";var wc=Object.defineProperty,xc=Object.getOwnPropertyDescriptor,lt=(t,e,r,o)=>{for(var i=o>1?void 0:o?xc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wc(e,r,i),i};const fe=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const i=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",i)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,i,s){const n={flagKey:o,getMessageMethod:i,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const i=this._validators.indexOf(o);i!==-1&&this._validators.splice(i,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(i=>{for(const s in i.validity)s!=="valid"&&i.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,i.validationMessage,i))}),this._validators.forEach(i=>{i.checkMethod()&&(this._validityState[i.flagKey]=!0,this._internals.setValidity(this._validityState,i.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new kt(kt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new kt(kt.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const i in this._formCtrlElements)if(this._formCtrlElements[i].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,lt([a({type:String})],e.prototype,"name",2),lt([a()],e.prototype,"value",1),lt([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),lt([a({type:Boolean,reflect:!0})],e.prototype,"required",2),lt([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),lt([a({type:Boolean,reflect:!0})],e.prototype,"error",2),lt([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var $c=Object.defineProperty,Qs=Object.getOwnPropertySymbols,Ec=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,Js=(t,e,r)=>e in t?$c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Cc=(t,e)=>{for(var r in e||(e={}))Ec.call(e,r)&&Js(t,r,e[r]);if(Qs)for(var r of Qs(e))Pc.call(e,r)&&Js(t,r,e[r]);return t};class O extends Event{constructor(e,r={}){super(e,Cc({},r)),this.detail=r.detail||{}}}var Oc=Object.defineProperty,en=Object.getOwnPropertySymbols,Sc=Object.prototype.hasOwnProperty,kc=Object.prototype.propertyIsEnumerable,tn=(t,e,r)=>e in t?Oc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,rn=(t,e)=>{for(var r in e||(e={}))Sc.call(e,r)&&tn(t,r,e[r]);if(en)for(var r of en(e))kc.call(e,r)&&tn(t,r,e[r]);return t};class zt extends O{constructor(e,r={}){super(e,rn(rn({},{bubbles:!0}),r))}}zt.VALID="valid",zt.INVALID="invalid";var zc=Object.defineProperty,on=Object.getOwnPropertySymbols,Ic=Object.prototype.hasOwnProperty,Ac=Object.prototype.propertyIsEnumerable,sn=(t,e,r)=>e in t?zc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,nn=(t,e)=>{for(var r in e||(e={}))Ic.call(e,r)&&sn(t,r,e[r]);if(on)for(var r of on(e))Ac.call(e,r)&&sn(t,r,e[r]);return t};class Re extends O{constructor(e,r={}){super(e,nn(nn({},{bubbles:!0,cancelable:!0}),r))}}Re.SELECTED="selected",Re.DESELECTED="deselected";var Uc=Object.defineProperty,an=Object.getOwnPropertySymbols,Dc=Object.prototype.hasOwnProperty,Lc=Object.prototype.propertyIsEnumerable,ln=(t,e,r)=>e in t?Uc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,un=(t,e)=>{for(var r in e||(e={}))Dc.call(e,r)&&ln(t,r,e[r]);if(an)for(var r of an(e))Lc.call(e,r)&&ln(t,r,e[r]);return t};class ei extends O{constructor(e,r={}){super(e,un(un({},{bubbles:!0}),r))}}ei.CHANGE="change";var Nc=Object.defineProperty,Hc=Object.getOwnPropertyDescriptor,ti=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Nc(e,r,i),i};class be extends fe(ve("",v)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const r=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",r)}get checked(){return this._checked}set checked(e){const r=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",r)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var r;super.firstUpdated(e);const o=(r=this.shadowRoot)==null?void 0:r.querySelector("label");let i=!1;this._input.addEventListener("blur",()=>{i===!1&&this.style.setProperty("--uui-show-focus-outline","1"),i=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),i=!0}),o.addEventListener("mouseup",()=>{i=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new ei(ei.CHANGE))}render(){return l`
|
|
534
538
|
<label>
|
|
535
539
|
<input
|
|
536
540
|
id="input"
|
|
@@ -543,7 +547,7 @@
|
|
|
543
547
|
role="${this.inputRole}" />
|
|
544
548
|
${this.renderCheckbox()} ${this.renderLabel()}
|
|
545
549
|
</label>
|
|
546
|
-
`}}be.styles=[
|
|
550
|
+
`}}be.styles=[d`
|
|
547
551
|
:host {
|
|
548
552
|
display: inline-block;
|
|
549
553
|
}
|
|
@@ -583,21 +587,27 @@
|
|
|
583
587
|
:host([disabled]) .label {
|
|
584
588
|
opacity: 0.5;
|
|
585
589
|
}
|
|
586
|
-
`],ti([a({type:String,attribute:"label-position",reflect:!0})],be.prototype,"labelPosition",2),ti([a({type:Boolean})],be.prototype,"checked",1),ti([a({type:Boolean,reflect:!0})],be.prototype,"disabled",2),ti([C("#input")],be.prototype,"_input",2)
|
|
590
|
+
`],ti([a({type:String,attribute:"label-position",reflect:!0})],be.prototype,"labelPosition",2),ti([a({type:Boolean})],be.prototype,"checked",1),ti([a({type:Boolean,reflect:!0})],be.prototype,"disabled",2),ti([C("#input")],be.prototype,"_input",2);/**
|
|
591
|
+
* @license
|
|
592
|
+
* Copyright 2020 Google LLC
|
|
593
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
594
|
+
*/const ao=Symbol.for(""),Tc=t=>{if(t?.r===ao)return t?._$litStatic$},Mc=t=>({_$litStatic$:t,r:ao}),cn=(t,...e)=>({_$litStatic$:e.reduce((r,o,i)=>r+(s=>{if(s._$litStatic$!==void 0)return s._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${s}. Use 'unsafeStatic' to pass non-literal values, but
|
|
595
|
+
take care to ensure page security.`)})(o)+t[i+1],t[0]),r:ao}),hn=new Map,jc=t=>(e,...r)=>{const o=r.length;let i,s;const n=[],u=[];let c,h=0,m=!1;for(;h<o;){for(c=e[h];h<o&&(s=r[h],(i=Tc(s))!==void 0);)c+=i+e[++h],m=!0;h!==o&&u.push(s),n.push(c),h++}if(h===o&&n.push(e[o]),m){const y=n.join("$$lit$$");(e=hn.get(y))===void 0&&(n.raw=n,hn.set(y,e=n)),r=u}return t(e,...r)},dn=jc(l);var Vc=Object.defineProperty,Bc=Object.getOwnPropertyDescriptor,It=(t,e,r,o)=>{for(var i=o>1?void 0:o?Bc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Vc(e,r,i),i};let Ce=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=cn`h5`,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}set headlineVariant(t){t?this._headlineVariantTag=Mc(t):this._headlineVariantTag=cn`h5`}renderHeader(){return dn`<div
|
|
587
596
|
id="header"
|
|
588
597
|
class="uui-text"
|
|
589
598
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
590
|
-
|
|
599
|
+
<${this._headlineVariantTag}
|
|
591
600
|
id="headline"
|
|
601
|
+
class="uui-h5"
|
|
592
602
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
593
603
|
${this.headline}
|
|
594
604
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
595
|
-
|
|
605
|
+
</${this._headlineVariantTag}>
|
|
596
606
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
597
|
-
</div>`}render(){return
|
|
607
|
+
</div>`}render(){return dn`
|
|
598
608
|
${this.renderHeader()}
|
|
599
609
|
<slot></slot>
|
|
600
|
-
`}};
|
|
610
|
+
`}};Ce.styles=[Xr,d`
|
|
601
611
|
:host {
|
|
602
612
|
display: block;
|
|
603
613
|
box-shadow: var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24));
|
|
@@ -615,8 +625,8 @@
|
|
|
615
625
|
display: block;
|
|
616
626
|
padding: var(--uui-box-default-padding, var(--uui-size-space-5,18px));
|
|
617
627
|
}
|
|
618
|
-
`],
|
|
619
|
-
><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};ut.styles=[
|
|
628
|
+
`],It([a({type:String})],Ce.prototype,"headline",2),It([a({attribute:"headline-variant"})],Ce.prototype,"headlineVariant",1),It([f()],Ce.prototype,"_headlineVariantTag",2),It([f()],Ce.prototype,"_headlineSlotHasContent",2),It([f()],Ce.prototype,"_headerSlotHasContent",2),Ce=It([p("uui-box")],Ce);var Rc=Object.defineProperty,Fc=Object.getOwnPropertyDescriptor,lo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Rc(e,r,i),i};let ut=class extends v{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href=${this.href}><slot></slot></a
|
|
629
|
+
><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};ut.styles=[d`
|
|
620
630
|
:host {
|
|
621
631
|
font-size: var(--uui-type-small-size,12px);
|
|
622
632
|
color: currentColor;
|
|
@@ -654,9 +664,9 @@
|
|
|
654
664
|
#link {
|
|
655
665
|
cursor: pointer;
|
|
656
666
|
}
|
|
657
|
-
`],
|
|
667
|
+
`],lo([a()],ut.prototype,"href",2),lo([a({type:Boolean,attribute:"last-item"})],ut.prototype,"lastItem",2),ut=lo([p("uui-breadcrumb-item")],ut);var Gc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,pn=(t,e,r,o)=>{for(var i=o>1?void 0:o?qc(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gc(e,r,i),i};let hr=class extends v{elementIsBreadcrumbItem(t){return t instanceof ut}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const t=this.slotNodes[this.slotNodes.length-1];t.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(t)&&(t.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list">
|
|
658
668
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
659
|
-
</ol>`}};
|
|
669
|
+
</ol>`}};hr.styles=[d`
|
|
660
670
|
:host {
|
|
661
671
|
display: flex;
|
|
662
672
|
}
|
|
@@ -670,7 +680,7 @@
|
|
|
670
680
|
margin-inline-end: 0px;
|
|
671
681
|
padding-inline-start: 0px;
|
|
672
682
|
}
|
|
673
|
-
`],
|
|
683
|
+
`],pn([Be({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],hr.prototype,"slotNodes",2),hr=pn([p("uui-breadcrumbs")],hr);const Wc=d`
|
|
674
684
|
@keyframes uui-blink {
|
|
675
685
|
0%,
|
|
676
686
|
100% {
|
|
@@ -680,7 +690,7 @@
|
|
|
680
690
|
opacity: 1;
|
|
681
691
|
}
|
|
682
692
|
}
|
|
683
|
-
`,
|
|
693
|
+
`,Kc=Ve("uui-blink 0.9s infinite both"),vn=d`
|
|
684
694
|
@keyframes pulse {
|
|
685
695
|
0% {
|
|
686
696
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -698,7 +708,7 @@
|
|
|
698
708
|
opacity: 0;
|
|
699
709
|
}
|
|
700
710
|
}
|
|
701
|
-
`;
|
|
711
|
+
`;Ve("pulse 0.8s ease-in-out infinite both");const ri=d`
|
|
702
712
|
@keyframes uui-horizontal-shake {
|
|
703
713
|
10%,
|
|
704
714
|
90% {
|
|
@@ -721,15 +731,15 @@
|
|
|
721
731
|
transform: translateX(2px);
|
|
722
732
|
}
|
|
723
733
|
}
|
|
724
|
-
`,
|
|
734
|
+
`,ii=Ve("uui-horizontal-shake 600ms ease backwards");/**
|
|
725
735
|
* @license
|
|
726
736
|
* Copyright 2017 Google LLC
|
|
727
737
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
728
|
-
*/const
|
|
738
|
+
*/const le={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},At=t=>(...e)=>({_$litDirective$:t,values:e});let Ut=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,o){this._$Ct=e,this._$AM=r,this._$Ci=o}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}};/**
|
|
729
739
|
* @license
|
|
730
740
|
* Copyright 2018 Google LLC
|
|
731
741
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
732
|
-
*/const
|
|
742
|
+
*/const fn="important",Xc=" !"+fn,ge=At(class extends Ut{constructor(t){var e;if(super(t),t.type!==le.ATTRIBUTE||t.name!=="style"||((e=t.strings)===null||e===void 0?void 0:e.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,r)=>{const o=t[r];return o==null?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:r}=t.element;if(this.ht===void 0){this.ht=new Set;for(const o in e)this.ht.add(o);return this.render(e)}this.ht.forEach(o=>{e[o]==null&&(this.ht.delete(o),o.includes("-")?r.removeProperty(o):r[o]="")});for(const o in e){const i=e[o];if(i!=null){this.ht.add(o);const s=typeof i=="string"&&i.endsWith(Xc);o.includes("-")||s?r.setProperty(o,s?i.slice(0,-11):i,s?fn:""):r[o]=i}}return F}});var Yc=Object.defineProperty,bn=Object.getOwnPropertySymbols,Zc=Object.prototype.hasOwnProperty,Qc=Object.prototype.propertyIsEnumerable,gn=(t,e,r)=>e in t?Yc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,mn=(t,e)=>{for(var r in e||(e={}))Zc.call(e,r)&&gn(t,r,e[r]);if(bn)for(var r of bn(e))Qc.call(e,r)&&gn(t,r,e[r]);return t};class oi extends O{constructor(e,r={}){super(e,mn(mn({},{bubbles:!0,composed:!0}),r))}}oi.CLICK="click";var Jc=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,si=(t,e,r,o)=>{for(var i=o>1?void 0:o?eh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Jc(e,r,i),i};let ct=class extends v{constructor(){super(...arguments),this._position=0,this.vertical=!1}_onMouseMove(t){this._position=this.vertical?t.offsetY:t.offsetX}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new oi(oi.CLICK))}render(){return l`
|
|
733
743
|
<button
|
|
734
744
|
id="button-wrapper"
|
|
735
745
|
@mousemove=${this._onMouseMove}
|
|
@@ -747,7 +757,7 @@
|
|
|
747
757
|
</svg>
|
|
748
758
|
</div>
|
|
749
759
|
</button>
|
|
750
|
-
`}};ct.styles=[
|
|
760
|
+
`}};ct.styles=[Wc,d`
|
|
751
761
|
:host {
|
|
752
762
|
display: flex;
|
|
753
763
|
position: relative;
|
|
@@ -801,7 +811,7 @@
|
|
|
801
811
|
:host(:focus) #button-wrapper:before,
|
|
802
812
|
:host(:focus-within) #button-wrapper:before,
|
|
803
813
|
:host(:hover) #button-wrapper:before {
|
|
804
|
-
animation: ${
|
|
814
|
+
animation: ${Kc};
|
|
805
815
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
806
816
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
807
817
|
}
|
|
@@ -897,25 +907,25 @@
|
|
|
897
907
|
#button-wrapper:active #plus {
|
|
898
908
|
transform: scale(1.1);
|
|
899
909
|
}
|
|
900
|
-
`],
|
|
910
|
+
`],si([f()],ct.prototype,"_position",2),si([a({type:String})],ct.prototype,"label",2),si([a({type:Boolean,reflect:!0})],ct.prototype,"vertical",2),ct=si([p("uui-button-inline-create")],ct);class th{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const _=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},_n=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const m=h.pageX-u,y=h.pageY-c;e?.onMove&&e.onMove(m,y)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},L=(t,e,r)=>Math.min(Math.max(t,e),r),yn=(t,e,r)=>r+e-t,ni=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
901
911
|
<path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
|
|
902
|
-
</svg>`,
|
|
912
|
+
</svg>`,rh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,ih=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,oh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,wn=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,sh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,nh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,ah=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,xn=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
903
913
|
<path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
|
|
904
914
|
</svg>`;/**
|
|
905
915
|
* @license
|
|
906
916
|
* Copyright 2018 Google LLC
|
|
907
917
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
908
|
-
*/const
|
|
918
|
+
*/const I=t=>t??x;var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,me=(t,e,r,o)=>{for(var i=o>1?void 0:o?uh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lh(e,r,i),i};let W=class extends fe(ve("",v)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":_(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),t=l`<uui-icon
|
|
909
919
|
name="check"
|
|
910
|
-
.fallback=${
|
|
920
|
+
.fallback=${ni.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),t=l`<uui-icon
|
|
911
921
|
name="wrong"
|
|
912
|
-
.fallback=${
|
|
922
|
+
.fallback=${xn.strings[0]}></uui-icon>`;break;default:return x}return l`<div id="state">${t}</div>`}render(){return this.href?l`
|
|
913
923
|
<a
|
|
914
924
|
id="button"
|
|
915
925
|
aria-label=${this.label}
|
|
916
|
-
href=${
|
|
917
|
-
target=${
|
|
918
|
-
rel=${
|
|
926
|
+
href=${I(this.disabled?void 0:this.href)}
|
|
927
|
+
target=${I(this.target||void 0)}
|
|
928
|
+
rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
919
929
|
${this.renderState()} ${this.renderLabel()}
|
|
920
930
|
<slot name="extra"></slot>
|
|
921
931
|
</a>
|
|
@@ -927,7 +937,7 @@
|
|
|
927
937
|
${this.renderState()} ${this.renderLabel()}
|
|
928
938
|
<slot name="extra"></slot>
|
|
929
939
|
</button>
|
|
930
|
-
`}};W.styles=[
|
|
940
|
+
`}};W.styles=[ri,d`
|
|
931
941
|
:host {
|
|
932
942
|
position: relative;
|
|
933
943
|
display: inline-flex;
|
|
@@ -991,7 +1001,7 @@
|
|
|
991
1001
|
|
|
992
1002
|
display: inline-flex;
|
|
993
1003
|
align-items: center;
|
|
994
|
-
justify-content: center;
|
|
1004
|
+
justify-content: var(--uui-button-content-align, center);
|
|
995
1005
|
|
|
996
1006
|
/* for anchor tag: */
|
|
997
1007
|
text-decoration: none;
|
|
@@ -1015,7 +1025,7 @@
|
|
|
1015
1025
|
}
|
|
1016
1026
|
button[disabled]:active,
|
|
1017
1027
|
a:not([href]):active {
|
|
1018
|
-
animation: ${
|
|
1028
|
+
animation: ${ii};
|
|
1019
1029
|
}
|
|
1020
1030
|
#icon-check,
|
|
1021
1031
|
#icon-wrong {
|
|
@@ -1052,9 +1062,9 @@
|
|
|
1052
1062
|
}
|
|
1053
1063
|
|
|
1054
1064
|
/* edge case for default color */
|
|
1055
|
-
:host(:not([color]):not([look='primary']))
|
|
1056
|
-
:host([color='']:not([look='primary']))
|
|
1057
|
-
:host([color='default']:not([look='primary']))
|
|
1065
|
+
:host(:not([color]):not([look='primary'])),
|
|
1066
|
+
:host([color='']:not([look='primary'])),
|
|
1067
|
+
:host([color='default']:not([look='primary'])) {
|
|
1058
1068
|
--uui-button-contrast-hover: var(--uui-color-default-emphasis,#3544b1);
|
|
1059
1069
|
}
|
|
1060
1070
|
|
|
@@ -1071,14 +1081,14 @@
|
|
|
1071
1081
|
--color-contrast: var(--uui-color-default-contrast,#fff);
|
|
1072
1082
|
}
|
|
1073
1083
|
:host([color='positive']) #button {
|
|
1074
|
-
--color: var(--uui-color-positive,#
|
|
1075
|
-
--color-standalone: var(--uui-color-positive-standalone
|
|
1076
|
-
--color-emphasis: var(--uui-color-positive-emphasis
|
|
1084
|
+
--color: var(--uui-color-positive,#1f9554);
|
|
1085
|
+
--color-standalone: var(--uui-color-positive-standalone,#19864a);
|
|
1086
|
+
--color-emphasis: var(--uui-color-positive-emphasis,#2ca964);
|
|
1077
1087
|
--color-contrast: var(--uui-color-positive-contrast,#fff);
|
|
1078
1088
|
}
|
|
1079
1089
|
:host([color='warning']) #button {
|
|
1080
|
-
--color: var(--uui-color-warning,#
|
|
1081
|
-
--color-standalone: var(--uui-color-warning-standalone
|
|
1090
|
+
--color: var(--uui-color-warning,#fbd142);
|
|
1091
|
+
--color-standalone: var(--uui-color-warning-standalone,#a17700);
|
|
1082
1092
|
--color-emphasis: var(--uui-color-warning-emphasis,rgb(251, 224, 101));
|
|
1083
1093
|
--color-contrast: var(--uui-color-warning-contrast,#000);
|
|
1084
1094
|
}
|
|
@@ -1179,18 +1189,18 @@
|
|
|
1179
1189
|
:host([look='outline']) #button {
|
|
1180
1190
|
background-color: var(--uui-button-background-color, transparent);
|
|
1181
1191
|
color: var(--uui-button-contrast, var(--color-standalone));
|
|
1182
|
-
border-color: var(
|
|
1192
|
+
border-color: var(
|
|
1193
|
+
--uui-button-border-color,
|
|
1194
|
+
var(--uui-color-border-standalone,#c2c2c2)
|
|
1195
|
+
);
|
|
1183
1196
|
|
|
1184
1197
|
/* special for outline: */
|
|
1185
1198
|
font-weight: var(--uui-button-font-weight, 700);
|
|
1186
1199
|
}
|
|
1187
1200
|
:host([look='outline']:not([disabled]):hover) #button {
|
|
1188
1201
|
background-color: var(--uui-button-background-color-hover, transparent);
|
|
1189
|
-
color: var(--uui-button-contrast-hover, var(--color-
|
|
1190
|
-
border-color: var(
|
|
1191
|
-
--uui-button-border-color-hover,
|
|
1192
|
-
var(--color-emphasis)
|
|
1193
|
-
);
|
|
1202
|
+
color: var(--uui-button-contrast-hover, var(--color-standalone));
|
|
1203
|
+
border-color: var(--uui-button-border-color-hover);
|
|
1194
1204
|
}
|
|
1195
1205
|
:host([look='outline'][disabled]) #button {
|
|
1196
1206
|
background-color: var(
|
|
@@ -1217,7 +1227,7 @@
|
|
|
1217
1227
|
:host([look='placeholder']:not([disabled]):hover) #button {
|
|
1218
1228
|
background-color: var(--uui-button-background-color-hover, transparent);
|
|
1219
1229
|
color: var(--uui-button-contrast-hover, var(--color-standalone));
|
|
1220
|
-
border-color: var(--uui-button-border-color-hover
|
|
1230
|
+
border-color: var(--uui-button-border-color-hover);
|
|
1221
1231
|
}
|
|
1222
1232
|
:host([look='placeholder'][disabled]) #button {
|
|
1223
1233
|
background-color: var(
|
|
@@ -1230,7 +1240,7 @@
|
|
|
1230
1240
|
var(--color-standalone)
|
|
1231
1241
|
);
|
|
1232
1242
|
}
|
|
1233
|
-
`],me([a({type:String,reflect:!0})],W.prototype,"type",2),me([a({type:Boolean,reflect:!0})],W.prototype,"disabled",2),me([a({reflect:!0})],W.prototype,"look",2),me([a({reflect:!0})],W.prototype,"color",2),me([a({type:Boolean,reflect:!0})],W.prototype,"compact",2),me([a({type:String,reflect:!0})],W.prototype,"state",2),me([a({type:String})],W.prototype,"href",2),me([a({type:String})],W.prototype,"target",2),me([C("#button")],W.prototype,"_button",2),W=me([p("uui-button")],W);class
|
|
1243
|
+
`],me([a({type:String,reflect:!0})],W.prototype,"type",2),me([a({type:Boolean,reflect:!0})],W.prototype,"disabled",2),me([a({reflect:!0})],W.prototype,"look",2),me([a({reflect:!0})],W.prototype,"color",2),me([a({type:Boolean,reflect:!0})],W.prototype,"compact",2),me([a({type:String,reflect:!0})],W.prototype,"state",2),me([a({type:String})],W.prototype,"href",2),me([a({type:String})],W.prototype,"target",2),me([C("#button")],W.prototype,"_button",2),W=me([p("uui-button")],W);class Dt extends O{}Dt.OPEN="open";var ch=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,uo=(t,e,r,o)=>{for(var i=o>1?void 0:o?hh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ch(e,r,i),i};let J=class extends Jr(St(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new Dt(Dt.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Dt(Dt.OPEN)))}};J.styles=[d`
|
|
1234
1244
|
:host {
|
|
1235
1245
|
position: relative;
|
|
1236
1246
|
display: flex;
|
|
@@ -1309,10 +1319,10 @@
|
|
|
1309
1319
|
:host([select-only]) ::slotted(*) {
|
|
1310
1320
|
pointer-events: none;
|
|
1311
1321
|
}
|
|
1312
|
-
`],
|
|
1322
|
+
`],uo([a({type:Boolean,reflect:!0,attribute:"disabled"})],J.prototype,"disabled",2),uo([a({type:Boolean,reflect:!0})],J.prototype,"error",2),J=uo([p("uui-card")],J);var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,co=(t,e,r,o)=>{for(var i=o>1?void 0:o?ph(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&dh(e,r,i),i};let Lt=class extends J{constructor(){super(...arguments),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return _(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
1313
1323
|
<div
|
|
1314
1324
|
id="open-part"
|
|
1315
|
-
tabindex=${this.disabled?
|
|
1325
|
+
tabindex=${this.disabled?x:0}
|
|
1316
1326
|
@click=${this.handleOpenClick}
|
|
1317
1327
|
@keydown=${this.handleOpenKeydown}>
|
|
1318
1328
|
<span id="icon">
|
|
@@ -1327,7 +1337,7 @@
|
|
|
1327
1337
|
<slot></slot>
|
|
1328
1338
|
<slot name="tag"></slot>
|
|
1329
1339
|
<slot name="actions"></slot>
|
|
1330
|
-
`}};
|
|
1340
|
+
`}};Lt.styles=[...J.styles,d`
|
|
1331
1341
|
:host {
|
|
1332
1342
|
min-width: 250px;
|
|
1333
1343
|
flex-direction: column;
|
|
@@ -1395,14 +1405,14 @@
|
|
|
1395
1405
|
#name {
|
|
1396
1406
|
margin-top: 4px;
|
|
1397
1407
|
}
|
|
1398
|
-
`],
|
|
1408
|
+
`],co([a({type:String})],Lt.prototype,"name",2),co([f()],Lt.prototype,"_iconSlotHasContent",2),Lt=co([p("uui-card-content-node")],Lt);var vh=Object.defineProperty,fh=Object.getOwnPropertyDescriptor,bh=(t,e,r,o)=>{for(var i=o>1?void 0:o?fh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&vh(e,r,i),i};let ai=class extends v{render(){return l`<svg
|
|
1399
1409
|
xmlns="http://www.w3.org/2000/svg"
|
|
1400
1410
|
viewBox="0 0 512 512"
|
|
1401
1411
|
width="100%"
|
|
1402
1412
|
id="icon">
|
|
1403
1413
|
<path
|
|
1404
1414
|
d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z" />
|
|
1405
|
-
</svg> `}};
|
|
1415
|
+
</svg> `}};ai.styles=[d`
|
|
1406
1416
|
:host {
|
|
1407
1417
|
display: block;
|
|
1408
1418
|
box-sizing: border-box;
|
|
@@ -1413,7 +1423,7 @@
|
|
|
1413
1423
|
#icon {
|
|
1414
1424
|
fill: var(--uui-color-border,#d8d7d9);
|
|
1415
1425
|
}
|
|
1416
|
-
`],
|
|
1426
|
+
`],ai=bh([p("uui-symbol-folder")],ai);var gh=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,$n=(t,e,r,o)=>{for(var i=o>1?void 0:o?mh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&gh(e,r,i),i};let dr=class extends v{constructor(){super(...arguments),this.type=""}render(){return l`<svg
|
|
1417
1427
|
xmlns="http://www.w3.org/2000/svg"
|
|
1418
1428
|
viewBox="0 0 512 512"
|
|
1419
1429
|
width="100%"
|
|
@@ -1421,7 +1431,7 @@
|
|
|
1421
1431
|
<path
|
|
1422
1432
|
d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z" />
|
|
1423
1433
|
</svg>
|
|
1424
|
-
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};
|
|
1434
|
+
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};dr.styles=[d`
|
|
1425
1435
|
:host {
|
|
1426
1436
|
position: relative;
|
|
1427
1437
|
display: block;
|
|
@@ -1444,13 +1454,13 @@
|
|
|
1444
1454
|
#icon {
|
|
1445
1455
|
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
1446
1456
|
}
|
|
1447
|
-
`]
|
|
1457
|
+
`],$n([a({type:String})],dr.prototype,"type",2),dr=$n([p("uui-symbol-file")],dr);var _h=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,li=(t,e,r,o)=>{for(var i=o>1?void 0:o?yh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&_h(e,r,i),i};let ht=class extends J{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file
|
|
1448
1458
|
id="file-symbol"
|
|
1449
1459
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return l` ${this.renderMedia()}
|
|
1450
1460
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
1451
1461
|
<button
|
|
1452
1462
|
id="open-part"
|
|
1453
|
-
tabindex=${this.disabled?
|
|
1463
|
+
tabindex=${this.disabled?x:"0"}
|
|
1454
1464
|
@click=${this.handleOpenClick}
|
|
1455
1465
|
@keydown=${this.handleOpenKeydown}>
|
|
1456
1466
|
<!--
|
|
@@ -1467,7 +1477,7 @@
|
|
|
1467
1477
|
<div id="select-border"></div>
|
|
1468
1478
|
|
|
1469
1479
|
<slot name="tag"></slot>
|
|
1470
|
-
<slot name="actions"></slot>`}};ht.styles=[...J.styles,
|
|
1480
|
+
<slot name="actions"></slot>`}};ht.styles=[...J.styles,d`
|
|
1471
1481
|
#file-symbol,
|
|
1472
1482
|
#folder-symbol {
|
|
1473
1483
|
align-self: center;
|
|
@@ -1562,11 +1572,11 @@
|
|
|
1562
1572
|
height: var(--uui-size-8);
|
|
1563
1573
|
}
|
|
1564
1574
|
*/
|
|
1565
|
-
`],
|
|
1575
|
+
`],li([a({type:String})],ht.prototype,"name",2),li([a({type:String,attribute:"file-ext"})],ht.prototype,"fileExt",2),li([f()],ht.prototype,"hasPreview",2),ht=li([p("uui-card-media")],ht);var wh=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,En=(t,e,r,o)=>{for(var i=o>1?void 0:o?xh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wh(e,r,i),i};let pr=class extends J{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return l`
|
|
1566
1576
|
<uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>
|
|
1567
1577
|
<div
|
|
1568
1578
|
id="open-part"
|
|
1569
|
-
tabindex=${this.disabled?
|
|
1579
|
+
tabindex=${this.disabled?x:"0"}
|
|
1570
1580
|
@click=${this.handleOpenClick}
|
|
1571
1581
|
@keydown=${this.handleOpenKeydown}>
|
|
1572
1582
|
<span> ${this.name} </span>
|
|
@@ -1574,7 +1584,7 @@
|
|
|
1574
1584
|
<slot></slot>
|
|
1575
1585
|
<slot name="tag"></slot>
|
|
1576
1586
|
<slot name="actions"></slot>
|
|
1577
|
-
`}};
|
|
1587
|
+
`}};pr.styles=[...J.styles,d`
|
|
1578
1588
|
:host {
|
|
1579
1589
|
min-width: 250px;
|
|
1580
1590
|
flex-direction: column;
|
|
@@ -1646,9 +1656,9 @@
|
|
|
1646
1656
|
text-decoration: underline;
|
|
1647
1657
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1648
1658
|
}
|
|
1649
|
-
`],
|
|
1659
|
+
`],En([a({type:String})],pr.prototype,"name",2),pr=En([p("uui-card-user")],pr);var $h=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,Pn=(t,e,r,o)=>{for(var i=o>1?void 0:o?Eh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&$h(e,r,i),i};let vr=class extends v{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return l`<svg viewBox="0 0 512 512">
|
|
1650
1660
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
1651
|
-
</svg>`}};
|
|
1661
|
+
</svg>`}};vr.styles=[d`
|
|
1652
1662
|
:host {
|
|
1653
1663
|
display: inline-block;
|
|
1654
1664
|
width: 12px;
|
|
@@ -1664,11 +1674,11 @@
|
|
|
1664
1674
|
:host([open]) svg {
|
|
1665
1675
|
transform: rotate(180deg);
|
|
1666
1676
|
}
|
|
1667
|
-
`],
|
|
1677
|
+
`],Pn([a({type:Boolean,reflect:!0})],vr.prototype,"open",2),vr=Pn([p("uui-caret")],vr);var Ph=Object.defineProperty,Ch=Object.getOwnPropertyDescriptor,Oh=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ch(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ph(e,r,i),i};let fr=class extends be{renderCheckbox(){return l`
|
|
1668
1678
|
<div id="ticker">
|
|
1669
|
-
<div id="icon-check">${
|
|
1679
|
+
<div id="icon-check">${ni}</div>
|
|
1670
1680
|
</div>
|
|
1671
|
-
`}};
|
|
1681
|
+
`}};fr.formAssociated=!0,fr.styles=[...be.styles,ri,d`
|
|
1672
1682
|
:host {
|
|
1673
1683
|
--uui-checkbox-size: 18px;
|
|
1674
1684
|
}
|
|
@@ -1804,16 +1814,16 @@
|
|
|
1804
1814
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1805
1815
|
}
|
|
1806
1816
|
:host([disabled]) label:active #ticker {
|
|
1807
|
-
animation: ${
|
|
1817
|
+
animation: ${ii};
|
|
1808
1818
|
}
|
|
1809
1819
|
:host([disabled]) input:checked + #ticker #icon-check {
|
|
1810
1820
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1811
1821
|
}
|
|
1812
|
-
`],
|
|
1822
|
+
`],fr=Oh([p("uui-checkbox")],fr);/**
|
|
1813
1823
|
* @license
|
|
1814
1824
|
* Copyright 2018 Google LLC
|
|
1815
1825
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1816
|
-
*/const
|
|
1826
|
+
*/const ui=At(class extends Ut{constructor(t){var e;if(super(t),t.type!==le.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.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]){var r,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((r=this.nt)===null||r===void 0)&&r.has(s))&&this.it.add(s);return this.render(e)}const i=t.element.classList;this.it.forEach(s=>{s in e||(i.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.it.add(s)):(i.remove(s),this.it.delete(s)))}return F}});var Sh={grad:.9,turn:360,rad:360/(2*Math.PI)},Oe=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ee=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Cn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},On=function(t){return{r:ee(t.r,0,255),g:ee(t.g,0,255),b:ee(t.b,0,255),a:ee(t.a)}},ho=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},kh=/^#([0-9a-f]{3,8})$/i,ci=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Sn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},kn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},zn=function(t){return{h:Cn(t.h),s:ee(t.s,0,100),l:ee(t.l,0,100),a:ee(t.a)}},In=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},An=function(t){return kn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},br=function(t){return{h:(e=Sn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},zh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ih=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ah=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Uh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Un={string:[[function(t){var e=kh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?N(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?N(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Ah.exec(t)||Uh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:On({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=zh.exec(t)||Ih.exec(t);if(!e)return null;var r,o,i=zn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Sh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return An(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Oe(e)&&Oe(r)&&Oe(o)?On({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=zn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return An(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=function(u){return{h:Cn(u.h),s:ee(u.s,0,100),v:ee(u.v,0,100),a:ee(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return kn(n)},"hsv"]]},Dn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Dh=function(t){return typeof t=="string"?Dn(t.trim(),Un.string):typeof t=="object"&&t!==null?Dn(t,Un.object):[null,void 0]},po=function(t,e){var r=br(t);return{h:r.h,s:ee(r.s+100*e,0,100),l:r.l,a:r.a}},vo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Ln=function(t,e){var r=br(t);return{h:r.h,s:r.s,l:ee(r.l+100*e,0,100),a:r.a}},Nn=function(){function t(e){this.parsed=Dh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return N(vo(this.rgba),2)},t.prototype.isDark=function(){return vo(this.rgba)<.5},t.prototype.isLight=function(){return vo(this.rgba)>=.5},t.prototype.toHex=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?ci(N(255*s)):"","#"+ci(r)+ci(o)+ci(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return ho(this.rgba)},t.prototype.toRgbString=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return In(br(this.rgba))},t.prototype.toHslString=function(){return e=In(br(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Sn(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},t.prototype.invert=function(){return te({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,-e))},t.prototype.grayscale=function(){return te(po(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?te({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):N(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=br(this.rgba);return typeof e=="number"?te({h:e,s:r.s,l:r.l,a:r.a}):N(r.h)},t.prototype.isEqual=function(e){return this.toHex()===te(e).toHex()},t}(),te=function(t){return t instanceof Nn?t:new Nn(t)},Lh=Object.defineProperty,Hn=Object.getOwnPropertySymbols,Nh=Object.prototype.hasOwnProperty,Hh=Object.prototype.propertyIsEnumerable,Tn=(t,e,r)=>e in t?Lh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Mn=(t,e)=>{for(var r in e||(e={}))Nh.call(e,r)&&Tn(t,r,e[r]);if(Hn)for(var r of Hn(e))Hh.call(e,r)&&Tn(t,r,e[r]);return t};class hi extends O{constructor(e,r={}){super(e,Mn(Mn({},{bubbles:!0}),r))}}hi.CHANGE="change";var Th=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Se=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Th(e,r,i),i};let re=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=te(t);if(r.isValid()){const{h:o,s:i,l:s}=r.toHsl();this.hue=o,this.saturation=i,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:i}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,_n(e,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=L(s/o*100,0,100),this.brightness=L(100-n/i*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=L(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=L(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=L(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=L(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return L(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return L((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=te({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new hi(hi.CHANGE))}getHexString(t,e,r,o=100){const i=te(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return i.isValid()?i.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
|
|
1817
1827
|
<div
|
|
1818
1828
|
part="grid"
|
|
1819
1829
|
class="color-area"
|
|
@@ -1822,14 +1832,14 @@
|
|
|
1822
1832
|
@touchstart=${this.handleGridDrag}>
|
|
1823
1833
|
<span
|
|
1824
1834
|
part="grid-handle"
|
|
1825
|
-
class=${
|
|
1835
|
+
class=${ui({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
1826
1836
|
style=${ge({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
1827
1837
|
role="application"
|
|
1828
|
-
tabindex=${
|
|
1838
|
+
tabindex=${I(this.disabled?void 0:"0")}
|
|
1829
1839
|
aria-label="HSB"
|
|
1830
1840
|
@keydown=${this.handleGridKeyDown}></span>
|
|
1831
1841
|
</div>
|
|
1832
|
-
`}};re.styles=[
|
|
1842
|
+
`}};re.styles=[d`
|
|
1833
1843
|
:host {
|
|
1834
1844
|
display: inline-block;
|
|
1835
1845
|
width: 280px;
|
|
@@ -1879,17 +1889,17 @@
|
|
|
1879
1889
|
.color-area__handle--empty {
|
|
1880
1890
|
display: none;
|
|
1881
1891
|
}
|
|
1882
|
-
`],
|
|
1892
|
+
`],Se([f()],re.prototype,"isDraggingGridHandle",2),Se([a({type:Number})],re.prototype,"hue",2),Se([a({type:Number})],re.prototype,"saturation",2),Se([a({type:Number})],re.prototype,"lightness",2),Se([a({type:Number})],re.prototype,"brightness",2),Se([a({type:Number})],re.prototype,"alpha",2),Se([a({type:String})],re.prototype,"value",1),Se([a({type:Boolean,reflect:!0})],re.prototype,"disabled",2),re=Se([p("uui-color-area")],re);/**
|
|
1883
1893
|
* @license
|
|
1884
1894
|
* Copyright 2020 Google LLC
|
|
1885
1895
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1886
|
-
*/const{I:
|
|
1896
|
+
*/const{I:jh}=jl,jn=t=>t.strings===void 0,Vn=()=>document.createComment(""),gr=(t,e,r)=>{var o;const i=t._$AA.parentNode,s=e===void 0?t._$AB:e._$AA;if(r===void 0){const n=i.insertBefore(Vn(),s),u=i.insertBefore(Vn(),s);r=new jh(n,u,t,t.options)}else{const n=r._$AB.nextSibling,u=r._$AM,c=u!==t;if(c){let h;(o=r._$AQ)===null||o===void 0||o.call(r,t),r._$AM=t,r._$AP!==void 0&&(h=t._$AU)!==u._$AU&&r._$AP(h)}if(n!==s||c){let h=r._$AA;for(;h!==n;){const m=h.nextSibling;i.insertBefore(h,s),h=m}}}return r},dt=(t,e,r=t)=>(t._$AI(e,r),t),Vh={},Bn=(t,e=Vh)=>t._$AH=e,Bh=t=>t._$AH,fo=t=>{var e;(e=t._$AP)===null||e===void 0||e.call(t,!1,!0);let r=t._$AA;const o=t._$AB.nextSibling;for(;r!==o;){const i=r.nextSibling;r.remove(),r=i}};/**
|
|
1887
1897
|
* @license
|
|
1888
1898
|
* Copyright 2020 Google LLC
|
|
1889
1899
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1890
|
-
*/const zh=It(class extends At{constructor(t){if(super(t),t.type!==ae.PROPERTY&&t.type!==ae.ATTRIBUTE&&t.type!==ae.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Un(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===E)return e;const r=t.element,o=t.name;if(t.type===ae.PROPERTY){if(e===r[o])return F}else if(t.type===ae.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===ae.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return Ln(t),e}});var Ih={grad:.9,turn:360,rad:360/(2*Math.PI)},Se=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Nn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Hn=function(t){return{r:ie(t.r,0,255),g:ie(t.g,0,255),b:ie(t.b,0,255),a:ie(t.a)}},fo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Ah=/^#([0-9a-f]{3,8})$/i,pi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Mn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},Tn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),d=s%6;return{r:255*[o,u,n,n,c,o][d],g:255*[c,o,o,u,n,n][d],b:255*[n,n,c,o,o,u][d],a:i}},jn=function(t){return{h:Nn(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Vn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Bn=function(t){return Tn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},br=function(t){return{h:(e=Mn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},Uh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Dh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Lh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Nh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,bo={string:[[function(t){var e=Ah.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Lh.exec(t)||Nh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Hn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=Uh.exec(t)||Dh.exec(t);if(!e)return null;var r,o,i=jn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Ih[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Bn(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Se(e)&&Se(r)&&Se(o)?Hn({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Se(e)||!Se(r)||!Se(o))return null;var n=jn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Bn(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Se(e)||!Se(r)||!Se(o))return null;var n=function(u){return{h:Nn(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return Tn(n)},"hsv"]]},Rn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Hh=function(t){return typeof t=="string"?Rn(t.trim(),bo.string):typeof t=="object"&&t!==null?Rn(t,bo.object):[null,void 0]},go=function(t,e){var r=br(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},mo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Fn=function(t,e){var r=br(t);return{h:r.h,s:r.s,l:ie(r.l+100*e,0,100),a:r.a}},vi=function(){function t(e){this.parsed=Hh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(mo(this.rgba),2)},t.prototype.isDark=function(){return mo(this.rgba)<.5},t.prototype.isLight=function(){return mo(this.rgba)>=.5},t.prototype.toHex=function(){return e=fo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?pi(H(255*s)):"","#"+pi(r)+pi(o)+pi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return fo(this.rgba)},t.prototype.toRgbString=function(){return e=fo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return Vn(br(this.rgba))},t.prototype.toHslString=function(){return e=Vn(br(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Mn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(go(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(go(this.rgba,-e))},t.prototype.grayscale=function(){return _e(go(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(Fn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(Fn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):H(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=br(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):H(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof vi?t:new vi(t)},Gn=[],Mh=function(t){t.forEach(function(e){Gn.indexOf(e)<0&&(e(vi,bo),Gn.push(e))})};function Th(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,d=o[this.toHex()];if(d)return d;if(n?.closest){var x=this.toRgb(),_=1/0,b="black";if(!s.length)for(var y in r)s[y]=new t(r[y]).toRgb();for(var w in r){var $=(u=x,c=s[w],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));$<_&&(_=$,b=w)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var jh=Object.defineProperty,qn=Object.getOwnPropertySymbols,Vh=Object.prototype.hasOwnProperty,Bh=Object.prototype.propertyIsEnumerable,Wn=(t,e,r)=>e in t?jh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Kn=(t,e)=>{for(var r in e||(e={}))Vh.call(e,r)&&Wn(t,r,e[r]);if(qn)for(var r of qn(e))Bh.call(e,r)&&Wn(t,r,e[r]);return t};class fi extends O{constructor(e,r={}){super(e,Kn(Kn({},{bubbles:!0}),r))}}fi.CHANGE="change";var Rh=Object.defineProperty,Fh=Object.getOwnPropertyDescriptor,I=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Rh(e,r,i),i};Mh([Th]);const Xn="EyeDropper"in window;let z=class extends ve("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=_e("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),m(this,"uui-icon"),m(this,"uui-icon-registry-essential"),m(this,"uui-input"),m(this,"uui-button"),m(this,"uui-button-group"),m(this,"uui-popover"),m(this,"uui-color-swatches"),m(this,"uui-color-swatch"),m(this,"uui-color-area"),m(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:r,l:o,s:i}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),d=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return d;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!Xn)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new vi(t);const{h:e,l:r,s:o,a:i}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=r,this.alpha=this.opacity?i*100:100,this._syncValues(),this.dispatchEvent(new fi(fi.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
|
|
1900
|
+
*/const Rh=At(class extends Ut{constructor(t){if(super(t),t.type!==le.PROPERTY&&t.type!==le.ATTRIBUTE&&t.type!==le.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!jn(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===x)return e;const r=t.element,o=t.name;if(t.type===le.PROPERTY){if(e===r[o])return F}else if(t.type===le.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===le.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return Bn(t),e}});var Fh={grad:.9,turn:360,rad:360/(2*Math.PI)},ke=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Rn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Fn=function(t){return{r:ie(t.r,0,255),g:ie(t.g,0,255),b:ie(t.b,0,255),a:ie(t.a)}},bo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Gh=/^#([0-9a-f]{3,8})$/i,di=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Gn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},qn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},Wn=function(t){return{h:Rn(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Kn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Xn=function(t){return qn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},mr=function(t){return{h:(e=Gn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},qh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Kh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,go={string:[[function(t){var e=Gh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Kh.exec(t)||Xh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Fn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=qh.exec(t)||Wh.exec(t);if(!e)return null;var r,o,i=Wn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Fh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Xn(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return ke(e)&&ke(r)&&ke(o)?Fn({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=Wn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Xn(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=function(u){return{h:Rn(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return qn(n)},"hsv"]]},Yn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Yh=function(t){return typeof t=="string"?Yn(t.trim(),go.string):typeof t=="object"&&t!==null?Yn(t,go.object):[null,void 0]},mo=function(t,e){var r=mr(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},_o=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Zn=function(t,e){var r=mr(t);return{h:r.h,s:r.s,l:ie(r.l+100*e,0,100),a:r.a}},pi=function(){function t(e){this.parsed=Yh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(_o(this.rgba),2)},t.prototype.isDark=function(){return _o(this.rgba)<.5},t.prototype.isLight=function(){return _o(this.rgba)>=.5},t.prototype.toHex=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?di(H(255*s)):"","#"+di(r)+di(o)+di(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return bo(this.rgba)},t.prototype.toRgbString=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return Kn(mr(this.rgba))},t.prototype.toHslString=function(){return e=Kn(mr(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Gn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,-e))},t.prototype.grayscale=function(){return _e(mo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):H(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=mr(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):H(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof pi?t:new pi(t)},Qn=[],Zh=function(t){t.forEach(function(e){Qn.indexOf(e)<0&&(e(pi,go),Qn.push(e))})};function Qh(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var m=this.toRgb(),y=1/0,b="black";if(!s.length)for(var w in r)s[w]=new t(r[w]).toRgb();for(var $ in r){var E=(u=m,c=s[$],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<y&&(y=E,b=$)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var Jh=Object.defineProperty,Jn=Object.getOwnPropertySymbols,ed=Object.prototype.hasOwnProperty,td=Object.prototype.propertyIsEnumerable,ea=(t,e,r)=>e in t?Jh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ta=(t,e)=>{for(var r in e||(e={}))ed.call(e,r)&&ea(t,r,e[r]);if(Jn)for(var r of Jn(e))td.call(e,r)&&ea(t,r,e[r]);return t};class vi extends O{constructor(e,r={}){super(e,ta(ta({},{bubbles:!0}),r))}}vi.CHANGE="change";var rd=Object.defineProperty,id=Object.getOwnPropertyDescriptor,A=(t,e,r,o)=>{for(var i=o>1?void 0:o?id(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&rd(e,r,i),i};Zh([Qh]);const ra="EyeDropper"in window;let z=class extends ve("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=_e("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-popover"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:r,l:o,s:i}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),h=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return h;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return L(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return L((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!ra)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new pi(t);const{h:e,l:r,s:o,a:i}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=r,this.alpha=this.opacity?i*100:100,this._syncValues(),this.dispatchEvent(new vi(vi.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
|
|
1891
1901
|
<div
|
|
1892
|
-
class=${
|
|
1902
|
+
class=${ui({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
1893
1903
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
1894
1904
|
<uui-color-area .value="${this.value}" @change=${this.handleGridChange}>
|
|
1895
1905
|
</uui-color-area>
|
|
@@ -1930,7 +1940,7 @@
|
|
|
1930
1940
|
autocomplete="off"
|
|
1931
1941
|
autocapitalize="off"
|
|
1932
1942
|
spellcheck="false"
|
|
1933
|
-
.value=${
|
|
1943
|
+
.value=${Rh(this.inputValue)}
|
|
1934
1944
|
?disabled=${this.disabled}
|
|
1935
1945
|
@keydown=${this.handleInputKeyDown}
|
|
1936
1946
|
@change=${this.handleInputChange}>
|
|
@@ -1945,7 +1955,7 @@
|
|
|
1945
1955
|
<span>${this.format}</span>
|
|
1946
1956
|
</uui-button>
|
|
1947
1957
|
`}
|
|
1948
|
-
${
|
|
1958
|
+
${ra?l` <uui-button
|
|
1949
1959
|
label="Select a color"
|
|
1950
1960
|
compact
|
|
1951
1961
|
@click=${this.handleEyeDropper}>
|
|
@@ -1964,18 +1974,18 @@
|
|
|
1964
1974
|
${this.swatches.map(t=>l`<uui-color-swatch
|
|
1965
1975
|
label="${t}"
|
|
1966
1976
|
.value=${t}></uui-color-swatch>`)}
|
|
1967
|
-
</uui-color-swatches>`:
|
|
1977
|
+
</uui-color-swatches>`:x}_renderPreviewButton(){return l`<button
|
|
1968
1978
|
type="button"
|
|
1969
1979
|
slot="trigger"
|
|
1970
1980
|
aria-label="${this.label||"Open Color picker"}"
|
|
1971
|
-
class=${
|
|
1981
|
+
class=${ui({"color-picker__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-picker__transparent-bg":!0})}
|
|
1972
1982
|
style=${ge({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
1973
1983
|
@click=${this.openColorPicker}
|
|
1974
1984
|
aria-haspopup="true"
|
|
1975
1985
|
aria-expanded="false"></button>
|
|
1976
1986
|
<uui-popover placement="bottom-start" @close=${this.closeColorPicker}>
|
|
1977
1987
|
<div slot="popover">${this._renderColorPicker()}</div>
|
|
1978
|
-
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};z.styles=[
|
|
1988
|
+
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};z.styles=[d`
|
|
1979
1989
|
:host {
|
|
1980
1990
|
--uui-look-outline-border: #ddd;
|
|
1981
1991
|
--uui-look-outline-border-hover: #aaa;
|
|
@@ -2115,7 +2125,7 @@
|
|
|
2115
2125
|
uui-color-area {
|
|
2116
2126
|
width: 100%;
|
|
2117
2127
|
}
|
|
2118
|
-
`],
|
|
2128
|
+
`],A([C('[part="input"]')],z.prototype,"_input",2),A([C(".color-picker__preview")],z.prototype,"_previewButton",2),A([C("#swatches")],z.prototype,"_swatches",2),A([f()],z.prototype,"inputValue",2),A([f()],z.prototype,"hue",2),A([f()],z.prototype,"saturation",2),A([f()],z.prototype,"lightness",2),A([f()],z.prototype,"alpha",2),A([f()],z.prototype,"_colord",2),A([a()],z.prototype,"value",2),A([a()],z.prototype,"format",2),A([a()],z.prototype,"name",2),A([a()],z.prototype,"size",2),A([a({attribute:"no-format-toggle",type:Boolean})],z.prototype,"noFormatToggle",2),A([a({type:Boolean,reflect:!0})],z.prototype,"inline",2),A([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),A([a({type:Boolean})],z.prototype,"opacity",2),A([a({type:Boolean})],z.prototype,"uppercase",2),A([a({attribute:!1})],z.prototype,"swatches",2),z=A([p("uui-color-picker")],z);var od=Object.defineProperty,ia=Object.getOwnPropertySymbols,sd=Object.prototype.hasOwnProperty,nd=Object.prototype.propertyIsEnumerable,oa=(t,e,r)=>e in t?od(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sa=(t,e)=>{for(var r in e||(e={}))sd.call(e,r)&&oa(t,r,e[r]);if(ia)for(var r of ia(e))nd.call(e,r)&&oa(t,r,e[r]);return t};class fi extends O{constructor(e,r={}){super(e,sa(sa({},{bubbles:!0}),r))}}fi.CHANGE="change";var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,ze=(t,e,r,o)=>{for(var i=o>1?void 0:o?ld(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ad(e,r,i),i};let oe=class extends ve("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),_n(this.container,{onMove:(o,i)=>{this.vertical?this.value=yn(L(i/r*this.max,this.min,this.max),this.min,this.max):this.value=L(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=L(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=L(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=L(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=L(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return L(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return L(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new fi(fi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/yn(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
|
|
2119
2129
|
part="slider"
|
|
2120
2130
|
id="color-slider"
|
|
2121
2131
|
role="slider"
|
|
@@ -2138,9 +2148,9 @@
|
|
|
2138
2148
|
<span
|
|
2139
2149
|
id="color-slider__handle"
|
|
2140
2150
|
style="--current-value: ${this.ccsPropCurrentValue}%;"
|
|
2141
|
-
tabindex=${
|
|
2151
|
+
tabindex=${I(this.disabled?void 0:"0")}></span>
|
|
2142
2152
|
</div>
|
|
2143
|
-
${Math.round(this.value)}`}};oe.styles=[
|
|
2153
|
+
${Math.round(this.value)}`}};oe.styles=[d`
|
|
2144
2154
|
:host {
|
|
2145
2155
|
--uui-slider-height: 15px;
|
|
2146
2156
|
--uui-slider-handle-size: 17px;
|
|
@@ -2249,25 +2259,25 @@
|
|
|
2249
2259
|
position: absolute;
|
|
2250
2260
|
inset: 0 0 0 0;
|
|
2251
2261
|
}
|
|
2252
|
-
`],
|
|
2262
|
+
`],ze([a({reflect:!0})],oe.prototype,"type",2),ze([a()],oe.prototype,"color",2),ze([a({type:Number})],oe.prototype,"min",2),ze([a({type:Number})],oe.prototype,"max",2),ze([a({type:Number})],oe.prototype,"precision",2),ze([a({type:Boolean,reflect:!0})],oe.prototype,"vertical",2),ze([a()],oe.prototype,"value",2),ze([a({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),oe=ze([p("uui-color-slider")],oe);var ud={grad:.9,turn:360,rad:360/(2*Math.PI)},Ie=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},T=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},se=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},na=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},aa=function(t){return{r:se(t.r,0,255),g:se(t.g,0,255),b:se(t.b,0,255),a:se(t.a)}},yo=function(t){return{r:T(t.r),g:T(t.g),b:T(t.b),a:T(t.a,3)}},cd=/^#([0-9a-f]{3,8})$/i,bi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},la=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},ua=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},ca=function(t){return{h:na(t.h),s:se(t.s,0,100),l:se(t.l,0,100),a:se(t.a)}},ha=function(t){return{h:T(t.h),s:T(t.s),l:T(t.l),a:T(t.a,3)}},da=function(t){return ua((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},_r=function(t){return{h:(e=la(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},hd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,dd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,pd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,vd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,pa={string:[[function(t){var e=cd.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?T(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?T(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=pd.exec(t)||vd.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:aa({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=hd.exec(t)||dd.exec(t);if(!e)return null;var r,o,i=ca({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(ud[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return da(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Ie(e)&&Ie(r)&&Ie(o)?aa({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Ie(e)||!Ie(r)||!Ie(o))return null;var n=ca({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return da(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Ie(e)||!Ie(r)||!Ie(o))return null;var n=function(u){return{h:na(u.h),s:se(u.s,0,100),v:se(u.v,0,100),a:se(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return ua(n)},"hsv"]]},va=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},fd=function(t){return typeof t=="string"?va(t.trim(),pa.string):typeof t=="object"&&t!==null?va(t,pa.object):[null,void 0]},wo=function(t,e){var r=_r(t);return{h:r.h,s:se(r.s+100*e,0,100),l:r.l,a:r.a}},xo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},fa=function(t,e){var r=_r(t);return{h:r.h,s:r.s,l:se(r.l+100*e,0,100),a:r.a}},$o=function(){function t(e){this.parsed=fd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return T(xo(this.rgba),2)},t.prototype.isDark=function(){return xo(this.rgba)<.5},t.prototype.isLight=function(){return xo(this.rgba)>=.5},t.prototype.toHex=function(){return e=yo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?bi(T(255*s)):"","#"+bi(r)+bi(o)+bi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return yo(this.rgba)},t.prototype.toRgbString=function(){return e=yo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return ha(_r(this.rgba))},t.prototype.toHslString=function(){return e=ha(_r(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=la(this.rgba),{h:T(e.h),s:T(e.s),v:T(e.v),a:T(e.a,3)};var e},t.prototype.invert=function(){return Ae({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),Ae(wo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),Ae(wo(this.rgba,-e))},t.prototype.grayscale=function(){return Ae(wo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),Ae(fa(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),Ae(fa(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?Ae({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):T(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=_r(this.rgba);return typeof e=="number"?Ae({h:e,s:r.s,l:r.l,a:r.a}):T(r.h)},t.prototype.isEqual=function(e){return this.toHex()===Ae(e).toHex()},t}(),Ae=function(t){return t instanceof $o?t:new $o(t)},bd=Object.defineProperty,gd=Object.getOwnPropertyDescriptor,gi=(t,e,r,o)=>{for(var i=o>1?void 0:o?gd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&bd(e,r,i),i};let pt=class extends ve("label",St(cr(v))){constructor(){super(),this._value="",this.disabled=!1,this.showLabel=!1,this._color=null,this.addEventListener("click",this._setAriaAttributes)}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get color(){return this._color}set color(t){}get isLight(){var t,e;return(e=(t=this.color)==null?void 0:t.isLight())!=null?e:!1}_initializeColor(){var t;this._color=new $o((t=this.value)!=null?t:""),this._color.isValid()||(this.disabled=!0,console.error(`Invalid color provided to uui-color-swatch: ${this.value}`))}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._initializeColor(),this._setAriaAttributes()}willUpdate(t){t.has("value")&&this._initializeColor(),t.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(t.has("selectable")||t.has("selected"))&&this._setAriaAttributes()}render(){return l`
|
|
2253
2263
|
<button
|
|
2254
2264
|
id="swatch"
|
|
2255
2265
|
aria-label=${this.label}
|
|
2256
2266
|
aria-disabled="${this.disabled}"
|
|
2257
2267
|
title="${this.label}">
|
|
2258
2268
|
<div
|
|
2259
|
-
class=${
|
|
2269
|
+
class=${ui({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}>
|
|
2260
2270
|
<div
|
|
2261
2271
|
class="color-swatch__color"
|
|
2262
2272
|
style=${ge({backgroundColor:this.value})}></div>
|
|
2263
|
-
<div class="color-swatch__check">${
|
|
2273
|
+
<div class="color-swatch__check">${ni}</div>
|
|
2264
2274
|
</div>
|
|
2265
2275
|
${this._renderWithLabel()}
|
|
2266
2276
|
</button>
|
|
2267
2277
|
`}_renderWithLabel(){return this.showLabel?l`<div class="color-swatch__label">
|
|
2268
2278
|
<strong>${this.renderLabel()}</strong>
|
|
2269
2279
|
${this.value}
|
|
2270
|
-
</div>`:
|
|
2280
|
+
</div>`:x}};pt.styles=[d`
|
|
2271
2281
|
:host {
|
|
2272
2282
|
position: relative;
|
|
2273
2283
|
display: inline-flex;
|
|
@@ -2427,19 +2437,19 @@
|
|
|
2427
2437
|
white-space: nowrap;
|
|
2428
2438
|
box-sizing: border-box;
|
|
2429
2439
|
}
|
|
2430
|
-
`],
|
|
2440
|
+
`],gi([a()],pt.prototype,"value",1),gi([a({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),gi([a({type:Boolean,attribute:"show-label"})],pt.prototype,"showLabel",2),pt=gi([p("uui-color-swatch")],pt);var md=Object.defineProperty,ba=Object.getOwnPropertySymbols,_d=Object.prototype.hasOwnProperty,yd=Object.prototype.propertyIsEnumerable,ga=(t,e,r)=>e in t?md(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ma=(t,e)=>{for(var r in e||(e={}))_d.call(e,r)&&ga(t,r,e[r]);if(ba)for(var r of ba(e))yd.call(e,r)&&ga(t,r,e[r]);return t};class Nt extends O{constructor(e,r={}){super(e,ma(ma({},{bubbles:!0}),r))}}Nt.CHANGE="change";var wd=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,Eo=(t,e,r,o)=>{for(var i=o>1?void 0:o?xd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wd(e,r,i),i};let Ht=class extends ve("label",v){constructor(){super(),this.value="",this._onSelected=t=>{const e=t.target;this.swatches.includes(e)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Nt(Nt.CHANGE)))},this._onDeselected=t=>{const e=t.target;this.swatches.includes(e)&&(this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Nt(Nt.CHANGE))))},this.addEventListener(Re.SELECTED,this._onSelected),this.addEventListener(Re.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(t){t.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(t=>{var e;t.setAttribute("selectable","selectable"),t.setAttribute("aria-checked","false"),t.setAttribute("role","radio"),this.value!==""&&((e=t.color)!=null&&e.isEqual(this.value))&&(t.selected=!0,t.setAttribute("aria-checked","true"),this._selectedElement=t,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(t=>{t.selected=!1,t.active=!1,t.selectable=!0}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange=${this._handleSlotChange}></slot>`}};Ht.styles=[d`
|
|
2431
2441
|
:host {
|
|
2432
2442
|
display: flex;
|
|
2433
2443
|
flex-wrap: wrap;
|
|
2434
2444
|
gap: 0.4rem;
|
|
2435
2445
|
}
|
|
2436
|
-
`]
|
|
2446
|
+
`],Eo([a()],Ht.prototype,"value",2),Eo([Be({selector:"uui-color-swatch"})],Ht.prototype,"swatches",2),Ht=Eo([p("uui-color-swatches")],Ht);var $d=Object.defineProperty,_a=Object.getOwnPropertySymbols,Ed=Object.prototype.hasOwnProperty,Pd=Object.prototype.propertyIsEnumerable,ya=(t,e,r)=>e in t?$d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,wa=(t,e)=>{for(var r in e||(e={}))Ed.call(e,r)&&ya(t,r,e[r]);if(_a)for(var r of _a(e))Pd.call(e,r)&&ya(t,r,e[r]);return t};class ue extends O{constructor(e,r={}){super(e,wa(wa({},{bubbles:!0}),r))}}ue.CHANGE="change",ue.INNER_SLOT_CHANGE="inner-slot-change";var Cd=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,vt=(t,e,r,o)=>{for(var i=o>1?void 0:o?Od(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cd(e,r,i),i};let ye=class extends v{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let t=0;t<this._activeOptions.length;t++)t===0?this._activeElement=this._activeOptions[t]:this._activeOptions[t].active=!1;this._updateSelection(),this.dispatchEvent(new ue(ue.INNER_SLOT_CHANGE))},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new ue(ue.CHANGE))},this._onDeselected=t=>{const e=t.composedPath()[0];this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new ue(ue.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex()+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{var e;if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),(e=this._activeElement)==null||e.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Re.SELECTED,this._onSelected),this.addEventListener(Re.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Re.SELECTED,this._onSelected),this.removeEventListener(Re.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(t){t=Math.min(Math.max(t,0),this._options.length-1),this._activeElement=this._options[t],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l` <slot @slotchange=${this._onSlotChange}></slot> `}};ye.styles=[d`
|
|
2437
2447
|
:host {
|
|
2438
2448
|
display: flex;
|
|
2439
2449
|
flex-direction: column;
|
|
2440
2450
|
box-sizing: border-box;
|
|
2441
2451
|
}
|
|
2442
|
-
`],vt([a()],ye.prototype,"value",1),vt([a({type:String})],ye.prototype,"displayValue",2),vt([a({attribute:!1})],ye.prototype,"for",1),vt([
|
|
2452
|
+
`],vt([a()],ye.prototype,"value",1),vt([a({type:String})],ye.prototype,"displayValue",2),vt([a({attribute:!1})],ye.prototype,"for",1),vt([Be({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],ye.prototype,"_options",2),vt([Be({flatten:!0,selector:"uui-combobox-list-option[active]"})],ye.prototype,"_activeOptions",2),vt([f()],ye.prototype,"_value",2),ye=vt([p("uui-combobox-list")],ye);var Sd=Object.defineProperty,kd=Object.getOwnPropertyDescriptor,Tt=(t,e,r,o)=>{for(var i=o>1?void 0:o?kd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Sd(e,r,i),i};let Ue=class extends St(cr(v)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){var t;return this._displayValue?this._displayValue:((t=this.textContent)==null?void 0:t.trim())||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return l`<slot></slot>`}};Ue.styles=[d`
|
|
2443
2453
|
:host {
|
|
2444
2454
|
position: relative;
|
|
2445
2455
|
cursor: pointer;
|
|
@@ -2508,7 +2518,7 @@
|
|
|
2508
2518
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2509
2519
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
2510
2520
|
}
|
|
2511
|
-
`],
|
|
2521
|
+
`],Tt([f()],Ue.prototype,"_disabled",2),Tt([f()],Ue.prototype,"_displayValue",2),Tt([a({type:String})],Ue.prototype,"value",1),Tt([a({type:String,attribute:"display-value"})],Ue.prototype,"displayValue",1),Tt([a({type:Boolean,reflect:!0})],Ue.prototype,"disabled",1),Ue=Tt([p("uui-combobox-list-option")],Ue);var zd=Object.defineProperty,xa=Object.getOwnPropertySymbols,Id=Object.prototype.hasOwnProperty,Ad=Object.prototype.propertyIsEnumerable,$a=(t,e,r)=>e in t?zd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ea=(t,e)=>{for(var r in e||(e={}))Id.call(e,r)&&$a(t,r,e[r]);if(xa)for(var r of xa(e))Ad.call(e,r)&&$a(t,r,e[r]);return t};class K extends O{constructor(e,r={}){super(e,Ea(Ea({},{bubbles:!0}),r))}}K.SEARCH="search",K.CHANGE="change";var Ud=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,ce=(t,e,r,o)=>{for(var i=o>1?void 0:o?Dd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ud(e,r,i),i};let G=class extends fe(v){constructor(){super(...arguments),this.open=!1,this.closeLabel="Close",this.disabled=!1,this._displayValue="",this._search="",this._isPhone=!1,this._onPhoneChange=()=>{this._isPhone=this.phoneMediaQuery.matches},this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{var t;(t=this.shadowRoot)!=null&&t.activeElement||this._onClose()}),this._onInput=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new K(K.SEARCH)),this._open()},this._onSlotChange=()=>{var t;this.value&&this.value!==((t=this._comboboxList)==null?void 0:t.value)&&this._updateValue(this.value)},this._onChange=()=>{var t;this.value=((t=this._comboboxList)==null?void 0:t.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new K(K.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new K(K.SEARCH)))},this._onKeyDown=t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&this._open(),(t.key==="Escape"||t.key==="Enter")&&this._onClose()},this._onClear=t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new K(K.SEARCH)),this.dispatchEvent(new K(K.CHANGE)))},this._renderInput=()=>l` <uui-input
|
|
2512
2522
|
slot="trigger"
|
|
2513
2523
|
id="combobox-input"
|
|
2514
2524
|
label="combobox-input"
|
|
@@ -2532,12 +2542,12 @@
|
|
|
2532
2542
|
slot="append"
|
|
2533
2543
|
compact
|
|
2534
2544
|
style="height: 100%;">
|
|
2535
|
-
<uui-icon name="remove" .fallback=${
|
|
2545
|
+
<uui-icon name="remove" .fallback=${wn.strings[0]}></uui-icon>
|
|
2536
2546
|
</uui-button>`:"",this._renderDropdown=()=>l`<div id="dropdown" slot="popover">
|
|
2537
2547
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
2538
2548
|
<slot></slot>
|
|
2539
2549
|
</uui-scroll-container>
|
|
2540
|
-
</div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),
|
|
2550
|
+
</div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),_(this,"uui-icon"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-combobox-list"),_(this,"uui-scroll-container"),_(this,"uui-popover")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery.removeEventListener("change",this._onPhoneChange)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(ue.CHANGE,this._onChange),this._comboboxList.addEventListener(ue.INNER_SLOT_CHANGE,this._onSlotChange),await this.updateComplete,this._updateValue(this.value))}_updateValue(t){this._comboboxList&&(this._comboboxList.value=t,requestAnimationFrame(()=>this._displayValue=this._comboboxList.displayValue||""))}getFormElement(){return this._input}render(){return this._isPhone&&this.open?l` <div id="phone-wrapper">
|
|
2541
2551
|
<uui-button label="close" look="primary" @click=${this._onClose}>
|
|
2542
2552
|
${this.closeLabel}
|
|
2543
2553
|
</uui-button>
|
|
@@ -2549,7 +2559,7 @@
|
|
|
2549
2559
|
@close=${()=>this._onClose()}>
|
|
2550
2560
|
${this._renderInput()} ${this._renderDropdown()}
|
|
2551
2561
|
</uui-popover>
|
|
2552
|
-
`}};G.styles=[
|
|
2562
|
+
`}};G.styles=[d`
|
|
2553
2563
|
:host {
|
|
2554
2564
|
display: inline-block;
|
|
2555
2565
|
}
|
|
@@ -2617,12 +2627,12 @@
|
|
|
2617
2627
|
#phone-wrapper #scroll-container {
|
|
2618
2628
|
max-height: unset;
|
|
2619
2629
|
}
|
|
2620
|
-
`],
|
|
2630
|
+
`],ce([a({attribute:"value",reflect:!0})],G.prototype,"value",1),ce([a({type:String})],G.prototype,"search",1),ce([a({type:Boolean})],G.prototype,"open",2),ce([a({type:String})],G.prototype,"closeLabel",2),ce([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),ce([C("#combobox-input")],G.prototype,"_input",2),ce([Be({flatten:!0,selector:"uui-combobox-list"})],G.prototype,"_comboboxListElements",2),ce([f()],G.prototype,"_displayValue",2),ce([f()],G.prototype,"_search",2),ce([f()],G.prototype,"_isPhone",2),G=ce([p("uui-combobox")],G);var Ld=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Po=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ld(e,r,i),i};let Mt=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l` <h3
|
|
2621
2631
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
2622
2632
|
${this.headline}
|
|
2623
2633
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
2624
2634
|
</h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()}
|
|
2625
|
-
${this.renderActions()} `}};Mt.styles=[
|
|
2635
|
+
${this.renderActions()} `}};Mt.styles=[d`
|
|
2626
2636
|
:host {
|
|
2627
2637
|
display: block;
|
|
2628
2638
|
padding: var(--uui-size-10,30px) var(--uui-size-14,42px);
|
|
@@ -2635,7 +2645,7 @@
|
|
|
2635
2645
|
justify-content: end;
|
|
2636
2646
|
gap: var(--uui-size-4,12px);
|
|
2637
2647
|
}
|
|
2638
|
-
`],
|
|
2648
|
+
`],Po([a({type:String})],Mt.prototype,"headline",2),Po([f()],Mt.prototype,"_headlineSlotHasContent",2),Mt=Po([p("uui-dialog-layout")],Mt);var Hd=Object.defineProperty,Td=Object.getOwnPropertyDescriptor,Md=(t,e,r,o)=>{for(var i=o>1?void 0:o?Td(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hd(e,r,i),i};let mi=class extends v{render(){return l`<slot></slot>`}};mi.styles=[d`
|
|
2639
2649
|
:host {
|
|
2640
2650
|
position: relative;
|
|
2641
2651
|
display: block;
|
|
@@ -2653,7 +2663,7 @@
|
|
|
2653
2663
|
calc(var(--uui-border-radius,3px) * 2)
|
|
2654
2664
|
);
|
|
2655
2665
|
}
|
|
2656
|
-
`],
|
|
2666
|
+
`],mi=Md([p("uui-dialog")],mi);var jd=Object.defineProperty,Pa=Object.getOwnPropertySymbols,Vd=Object.prototype.hasOwnProperty,Bd=Object.prototype.propertyIsEnumerable,Ca=(t,e,r)=>e in t?jd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Oa=(t,e)=>{for(var r in e||(e={}))Vd.call(e,r)&&Ca(t,r,e[r]);if(Pa)for(var r of Pa(e))Bd.call(e,r)&&Ca(t,r,e[r]);return t};class jt extends O{constructor(e,r={}){super(e,Oa(Oa({},{bubbles:!0}),r))}}jt.CHANGE="change";var Rd=Object.defineProperty,Fd=Object.getOwnPropertyDescriptor,yr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Rd(e,r,i),i};let Fe=class extends ve("",v){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(t){if(t){const e=[],r=[];t.split(",").forEach(o=>{o=o.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(o)?e.push(o):r.push(o.replace(/^\./,""))}),this._acceptedMimeTypes=e,this._acceptedFileExtensions=r}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[]}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(t){const e=[],r=[...t];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const i=o.getAsFile();if(!i)continue;this._isAccepted(i)&&e.push(i)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const i=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(i.createReader()))}}return e}async _readAllDirectoryEntries(t){const e=[];let r=await this._readEntriesPromise(t);for(;r.length>0;)e.push(...r),r=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){return new Promise((e,r)=>{try{t.readEntries(e,r)}catch(o){console.log(o),r(o)}})}_isAccepted(t){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const e=t.type.toLowerCase(),r=t.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes){if(e===o)return!0;if(o.endsWith("/*")&&e.startsWith(o.replace("/*","")))return!0}return!1}async _onDrop(t){var e;t.preventDefault(),this._dropzone.classList.remove("hover");const r=(e=t.dataTransfer)==null?void 0:e.items;if(r){let o=await this._getAllFileEntries(r);this.multiple===!1&&o.length&&(o=[o[0]]),this.dispatchEvent(new jt(jt.CHANGE,{detail:{files:o}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new jt(jt.CHANGE,{detail:{files:t}}))}render(){return l`
|
|
2657
2667
|
<div id="dropzone">
|
|
2658
2668
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
2659
2669
|
${this.renderLabel()}
|
|
@@ -2667,7 +2677,7 @@
|
|
|
2667
2677
|
aria-label="${this.label}" />
|
|
2668
2678
|
<slot></slot>
|
|
2669
2679
|
</div>
|
|
2670
|
-
`}};
|
|
2680
|
+
`}};Fe.styles=[d`
|
|
2671
2681
|
#dropzone {
|
|
2672
2682
|
display: flex;
|
|
2673
2683
|
flex-direction: column;
|
|
@@ -2705,7 +2715,7 @@
|
|
|
2705
2715
|
opacity: 0;
|
|
2706
2716
|
display: none;
|
|
2707
2717
|
}
|
|
2708
|
-
`],
|
|
2718
|
+
`],yr([C("#input")],Fe.prototype,"_input",2),yr([C("#dropzone")],Fe.prototype,"_dropzone",2),yr([a({type:String})],Fe.prototype,"accept",1),yr([a({type:Boolean})],Fe.prototype,"multiple",2),Fe=yr([p("uui-file-dropzone")],Fe);class Gd{static humanFileSize(e,r=!1,o=1){const i=r?1e3:1024;if(Math.abs(e)<i)return e+" B";const s=r?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const u=10**o;do e/=i,++n;while(Math.round(Math.abs(e)*u)/u>=i&&n<s.length-1);return e.toFixed(o)+" "+s[n]}}var qd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,we=(t,e,r,o)=>{for(var i=o>1?void 0:o?Wd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&qd(e,r,i),i};let X=class extends v{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(r=>{this._src=r})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-thumbnail"),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?l`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?l`<uui-symbol-file-thumbnail
|
|
2709
2719
|
.src=${this._src}
|
|
2710
2720
|
.alt=${this._name}
|
|
2711
2721
|
id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file
|
|
@@ -2725,10 +2735,10 @@
|
|
|
2725
2735
|
<div id="file-info">
|
|
2726
2736
|
${this._renderLongName()}
|
|
2727
2737
|
<span id="file-size">
|
|
2728
|
-
${this._size&&!this._isDirectory?l`${
|
|
2738
|
+
${this._size&&!this._isDirectory?l`${Gd.humanFileSize(this._size,!0)}`:""}
|
|
2729
2739
|
</span>
|
|
2730
2740
|
</div>
|
|
2731
|
-
`}};X.styles=[
|
|
2741
|
+
`}};X.styles=[d`
|
|
2732
2742
|
:host {
|
|
2733
2743
|
position: relative;
|
|
2734
2744
|
display: grid;
|
|
@@ -2796,7 +2806,7 @@
|
|
|
2796
2806
|
text-decoration: underline;
|
|
2797
2807
|
cursor: pointer;
|
|
2798
2808
|
}
|
|
2799
|
-
`],we([f()],X.prototype,"_name",2),we([f()],X.prototype,"_url",2),we([f()],X.prototype,"_extension",2),we([f()],X.prototype,"_src",2),we([f()],X.prototype,"_size",2),we([f()],X.prototype,"_isDirectory",2),we([f()],X.prototype,"_file",2),we([f()],X.prototype,"_isImage",2),we([a({attribute:!1})],X.prototype,"file",1),X=we([p("uui-file-preview")],X);var
|
|
2809
|
+
`],we([f()],X.prototype,"_name",2),we([f()],X.prototype,"_url",2),we([f()],X.prototype,"_extension",2),we([f()],X.prototype,"_src",2),we([f()],X.prototype,"_size",2),we([f()],X.prototype,"_isDirectory",2),we([f()],X.prototype,"_file",2),we([f()],X.prototype,"_isImage",2),we([a({attribute:!1})],X.prototype,"file",1),X=we([p("uui-file-preview")],X);var Kd=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,_i=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Kd(e,r,i),i};let ft=class extends v{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),_(this,"uui-form-validation-message")}render(){return l`
|
|
2800
2810
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
2801
2811
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
2802
2812
|
</div>
|
|
@@ -2812,7 +2822,7 @@
|
|
|
2812
2822
|
<slot></slot>
|
|
2813
2823
|
<slot name="message" slot="message"></slot>
|
|
2814
2824
|
</uui-form-validation-message>
|
|
2815
|
-
`}};ft.styles=[
|
|
2825
|
+
`}};ft.styles=[d`
|
|
2816
2826
|
:host {
|
|
2817
2827
|
position: relative;
|
|
2818
2828
|
display: block;
|
|
@@ -2831,25 +2841,25 @@
|
|
|
2831
2841
|
margin-top: -8px;
|
|
2832
2842
|
min-height: 8px;
|
|
2833
2843
|
}
|
|
2834
|
-
`],
|
|
2844
|
+
`],_i([a({type:String})],ft.prototype,"description",2),_i([f()],ft.prototype,"_labelSlotHasContent",2),_i([f()],ft.prototype,"_descriptionSlotHasContent",2),ft=_i([p("uui-form-layout-item")],ft);/**
|
|
2835
2845
|
* @license
|
|
2836
2846
|
* Copyright 2017 Google LLC
|
|
2837
2847
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2838
|
-
*/const
|
|
2848
|
+
*/const Sa=(t,e,r)=>{const o=new Map;for(let i=e;i<=r;i++)o.set(t[i],i);return o},ka=At(class extends Ut{constructor(t){if(super(t),t.type!==le.CHILD)throw Error("repeat() can only be used in text expressions")}ct(t,e,r){let o;r===void 0?r=e:e!==void 0&&(o=e);const i=[],s=[];let n=0;for(const u of t)i[n]=o?o(u,n):n,s[n]=r(u,n),n++;return{values:s,keys:i}}render(t,e,r){return this.ct(t,e,r).values}update(t,[e,r,o]){var i;const s=Bh(t),{values:n,keys:u}=this.ct(e,r,o);if(!Array.isArray(s))return this.ut=u,n;const c=(i=this.ut)!==null&&i!==void 0?i:this.ut=[],h=[];let m,y,b=0,w=s.length-1,$=0,E=n.length-1;for(;b<=w&&$<=E;)if(s[b]===null)b++;else if(s[w]===null)w--;else if(c[b]===u[$])h[$]=dt(s[b],n[$]),b++,$++;else if(c[w]===u[E])h[E]=dt(s[w],n[E]),w--,E--;else if(c[b]===u[E])h[E]=dt(s[b],n[E]),gr(t,h[E+1],s[b]),b++,E--;else if(c[w]===u[$])h[$]=dt(s[w],n[$]),gr(t,s[b],s[w]),w--,$++;else if(m===void 0&&(m=Sa(u,$,E),y=Sa(c,b,w)),m.has(c[b]))if(m.has(c[w])){const q=y.get(u[$]),Xe=q!==void 0?s[q]:null;if(Xe===null){const yt=gr(t,s[b]);dt(yt,n[$]),h[$]=yt}else h[$]=dt(Xe,n[$]),gr(t,s[b],Xe),s[q]=null;$++}else fo(s[w]),w--;else fo(s[b]),b++;for(;$<=E;){const q=gr(t,h[E+1]);dt(q,n[$]),h[$++]=q}for(;b<=w;){const q=s[b++];q!==null&&fo(q)}return this.ut=u,Bn(t,h),F}});var Yd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,za=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Yd(e,r,i),i};let wr=class extends v{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=t=>{const e=t.composedPath()[0];e.pristine===!1?this._messages.set(e,e.validationMessage):this._messages.delete(e),this.requestUpdate()},this._onControlValid=t=>{const e=t.composedPath()[0];this._messages.delete(e),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(t){let e=null;if(typeof t=="string"){const i=this.getRootNode();e=i?.getElementById(t)}const r=e||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(zt.INVALID,this._onControlInvalid),o.removeEventListener(zt.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(zt.INVALID,this._onControlInvalid),this._for.addEventListener(zt.VALID,this._onControlValid))}render(){return l`
|
|
2839
2849
|
<slot></slot>
|
|
2840
2850
|
<div id="messages">
|
|
2841
|
-
${
|
|
2851
|
+
${ka(this._messages,t=>l`<div>${t[1]}</div>`)}
|
|
2842
2852
|
<slot name="message"></slot>
|
|
2843
2853
|
</div>
|
|
2844
|
-
`}};
|
|
2854
|
+
`}};wr.styles=[d`
|
|
2845
2855
|
#messages {
|
|
2846
2856
|
color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
2847
2857
|
}
|
|
2848
|
-
`]
|
|
2858
|
+
`],za([a({reflect:!1,attribute:!0})],wr.prototype,"for",1),wr=za([p("uui-form-validation-message")],wr);var Qd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,ep=(t,e,r,o)=>{for(var i=o>1?void 0:o?Jd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Qd(e,r,i),i};let Co=class extends v{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(t){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const e=t.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=e.length>0?e[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(t){if(t.target===null)return;const e=t.target;if(!e.checkValidity()){e.setAttribute("submit-invalid","");return}e.removeAttribute("submit-invalid")}_onReset(t){t.target!==null&&t.target.removeAttribute("submit-invalid")}render(){return l`<slot @slotchange=${this._onSlotChanged}></slot>`}};Co=ep([p("uui-form")],Co);/**
|
|
2849
2859
|
* @license
|
|
2850
2860
|
* Copyright 2017 Google LLC
|
|
2851
2861
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2852
|
-
*/class
|
|
2862
|
+
*/class Oo extends Ut{constructor(e){if(super(e),this.et=x,e.type!==le.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===x||e==null)return this.ft=void 0,this.et=e;if(e===F)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const r=[e];return r.raw=r,this.ft={_$litType$:this.constructor.resultType,strings:r,values:[]}}}Oo.directiveName="unsafeHTML",Oo.resultType=1;const So=At(Oo);var tp=Object.defineProperty,Ia=Object.getOwnPropertySymbols,rp=Object.prototype.hasOwnProperty,ip=Object.prototype.propertyIsEnumerable,Aa=(t,e,r)=>e in t?tp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ua=(t,e)=>{for(var r in e||(e={}))rp.call(e,r)&&Aa(t,r,e[r]);if(Ia)for(var r of Ia(e))ip.call(e,r)&&Aa(t,r,e[r]);return t};class Vt extends O{constructor(e,r={}){super(e,Ua(Ua({},{bubbles:!0,composed:!0}),r)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}Vt.ICON_REQUEST="icon-request";var op=Object.defineProperty,sp=Object.getOwnPropertyDescriptor,Bt=(t,e,r,o)=>{for(var i=o>1?void 0:o?sp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&op(e,r,i),i};let De=class extends v{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new Vt(Vt.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon()}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:So(this.fallback):this._nameSvg!==null?So(this._nameSvg):this.svg!==null?So(this.svg):l`<slot></slot>`}};De.styles=[d`
|
|
2853
2863
|
:host {
|
|
2854
2864
|
display: inline-block;
|
|
2855
2865
|
vertical-align: bottom;
|
|
@@ -2869,20 +2879,20 @@
|
|
|
2869
2879
|
:host-context(div[slot='append']) {
|
|
2870
2880
|
margin-right: var(--uui-size-2, 6px);
|
|
2871
2881
|
}
|
|
2872
|
-
`],
|
|
2882
|
+
`],Bt([f()],De.prototype,"_nameSvg",2),Bt([a()],De.prototype,"name",1),Bt([a({attribute:!1})],De.prototype,"svg",2),Bt([a({attribute:!1})],De.prototype,"fallback",2),Bt([f()],De.prototype,"_useFallback",2),De=Bt([p("uui-icon")],De);class ko{constructor(e){this.promise=new Promise((r,o)=>{this.resolve=r,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class zo{constructor(){this.icons={},this._onIconRequest=e=>{const r=this.getIcon(e.detail.iconName);r!==null&&e.acceptRequest(r)}}attach(e){e.addEventListener(Vt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(Vt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,r){if(this.icons[e]){this.icons[e].svg=r;return}this.icons[e]=new ko(r)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new ko}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var np=Object.defineProperty,ap=Object.getOwnPropertyDescriptor,Da=(t,e,r,o)=>{for(var i=o>1?void 0:o?ap(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&np(e,r,i),i};let xr=class extends v{constructor(){super(),this._icons={},this._registry=new zo,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,r])=>this._registry.defineIcon(e,r))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};Da([a({attribute:!1})],xr.prototype,"_icons",2),xr=Da([p("uui-icon-registry")],xr);const lp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg>`,up=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.399 66.934L36.38 444.893h438.036L255.399 66.934zm22.094 331.988h-46.29v-44.743h46.29v44.743zm-11.458-63.166h-23.068l-12.849-106.419v-57.846h48.458v57.846l-12.541 106.419z"/></svg>`,cp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M127.286 449.816c-21.564.006-43.317-8.494-59.885-25.062-16.578-16.575-25.083-38.336-25.079-59.897-.029-20.296 7.623-40.755 23.034-56.14l3.539-3.539 212.559-212.57c20.227-20.255 47.082-30.304 73.852-30.267 28.454-.012 57.219 11.208 79.179 33.159 21.937 21.949 33.153 50.698 33.147 79.151.028 26.779-10.016 53.627-30.268 73.865l-178.45 178.453-13.28 13.277-26.56-26.559 191.738-191.733c12.842-12.871 19.229-29.708 19.259-47.303-.004-18.645-7.323-37.759-22.152-52.592-14.834-14.838-33.958-22.152-52.613-22.165-17.588.034-34.423 6.418-47.284 19.266L95.447 331.734l-3.536 3.537c-8.011 8.031-11.994 18.482-12.029 29.585.014 11.761 4.614 23.877 14.079 33.345 9.455 9.446 21.562 14.043 33.326 14.056 11.102-.034 21.551-4.014 29.587-12.026l150.412-150.404 12.596-12.595c3.018-3.04 4.521-6.906 4.549-11.331 0-4.666-1.817-9.57-5.722-13.476-3.914-3.916-8.819-5.726-13.48-5.739-4.425.038-8.283 1.542-11.328 4.564L155.27 349.882l-26.561-26.56L267.33 184.703c10.408-10.44 24.289-15.604 37.897-15.57 14.468-.012 29.01 5.704 40.049 16.739 11.007 11.025 16.72 25.554 16.72 40.029.029 13.599-5.129 27.479-15.559 37.89l-12.601 12.595-150.41 150.41c-15.365 15.377-35.768 23.025-56.022 23.021l-.118-.001z"/></svg>`,hp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M475.88 151.615c-.583-.961-10.257-17.833-29.675-35.154-19.305-17.239-49.226-35.216-88.641-35.21-39.424-.02-69.047 18.022-87.958 35.329a162.852 162.852 0 0 0-14.814 15.459 167.873 167.873 0 0 0-15.325-15.578c-19.302-17.239-49.225-35.216-88.635-35.21-39.428-.02-69.049 18.022-87.962 35.329-19.041 17.4-28.3 34.322-28.873 35.328l-1.991 7.796v254.56l30.49 7.78.066.039c.423-.818 8.621-14.927 23.664-28.167 15.169-13.298 36.324-25.537 64.605-25.557 29.166.006 51.354 13.121 66.996 26.975a134.425 134.425 0 0 1 17.578 19.031 110.554 110.554 0 0 1 4.313 6.109 52.672 52.672 0 0 1 1.176 1.876l.008.006.006-.002c2.808 4.888 8.066 8.192 14.113 8.192 6.155 0 11.507-3.421 14.271-8.464h.002l.025-.049.008-.014c.617-1.129 8.778-15.029 23.632-28.104 15.169-13.298 36.327-25.537 64.603-25.557 29.178.006 51.36 13.121 67.002 26.975 7.752 6.894 13.677 13.88 17.576 19.031a110.974 110.974 0 0 1 4.312 6.109c.463.707.792 1.241.984 1.562.092.155.163.263.192.314l.004.006.029-.012 30.37-8.081v-254.56l-2.151-8.087zM150.832 335.806h-.062c-38.245 0-67.258 16.996-86.213 33.819V164.279c3.311-5.068 10.654-15.229 21.67-24.919 15.169-13.31 36.324-25.539 64.605-25.559 29.166 0 51.354 13.122 66.996 26.974a134.046 134.046 0 0 1 17.578 19.03 108.111 108.111 0 0 1 3.338 4.655v205.933c-19.321-17.044-48.976-34.587-87.912-34.587zm294.652 34.57c-19.324-17.04-48.99-34.57-87.92-34.57-38.292-.018-67.307 17.006-86.275 33.849V164.289c3.305-5.058 10.639-15.217 21.673-24.929 15.169-13.31 36.327-25.539 64.603-25.559 29.178 0 51.36 13.122 67.002 26.974 7.752 6.891 13.677 13.875 17.576 19.03a110.27 110.27 0 0 1 3.342 4.651v205.92z"/></svg>`,dp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M342.391 352.428h-44.879v44.865h44.879v-44.865zm-63.234-120.071h-44.849v44.853h44.849v-44.853zm63.234 60.034h-44.879v44.859h44.879v-44.859zm63.174-60.034h-44.854v44.853h44.854v-44.853zm-126.408 60.034h-44.849v44.859h44.849v-44.859zm63.234-60.034h-44.879v44.853h44.879v-44.853zm63.174 60.034h-44.854v44.859h44.854v-44.859zm-252.803 60.037h-44.856v44.865h44.856v-44.865zm0-60.037h-44.856v44.859h44.856v-44.859zM394.024 74.208v19.691c7.737 6.847 12.642 16.825 12.642 27.969 0 20.634-16.732 37.367-37.369 37.367-20.642 0-37.367-16.733-37.367-37.367 0-11.147 4.903-21.124 12.643-27.969V74.208H169.97v19.691c7.739 6.847 12.643 16.825 12.643 27.969 0 20.634-16.732 37.367-37.369 37.367-20.64 0-37.367-16.733-37.367-37.367 0-11.147 4.904-21.124 12.642-27.969V74.208h-83.27v397.644h436.668V74.208h-79.893zm40.011 357.759H77.131V183.544h356.904v248.423zm-218.047-199.61h-44.881v44.853h44.881v-44.853zm0 120.071h-44.881v44.865h44.881v-44.865zm63.169 0h-44.849v44.865h44.849v-44.865zm-63.169-60.037h-44.881v44.859h44.881v-44.859zM145.245 143.64c10.273 0 18.603-8.326 18.603-18.599V58.035c0-10.267-8.329-18.6-18.603-18.6-10.274 0-18.602 8.333-18.602 18.6v67.006c0 10.272 8.328 18.599 18.602 18.599zm224.054 0c10.272 0 18.601-8.326 18.601-18.599V58.035c0-10.267-8.328-18.6-18.601-18.6-10.274 0-18.604 8.333-18.604 18.6v67.006c0 10.272 8.329 18.599 18.604 18.599z"/></svg>`,pp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2873
2883
|
<path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
|
|
2874
|
-
</svg>`,tp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,rp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,ip=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,op=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,sp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,np=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg>`,ap=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,lp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,up=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,cp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,hp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z"/></svg>`,dp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,pp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,vp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,fp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,bp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,gp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,mp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,_p=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,yp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,wp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,xp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,$p=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,Ep=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,Pp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,Cp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,Op=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2884
|
+
</svg>`,vp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,fp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,bp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,gp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,mp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,_p=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg>`,yp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,wp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,xp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,$p=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,Ep=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z"/></svg>`,Pp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,Cp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,Op=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,Sp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,kp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,zp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,Ip=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Ap=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,Up=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,Dp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,Lp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,Np=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,Hp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,Tp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,Mp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,jp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2875
2885
|
<path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
|
|
2876
|
-
</svg>`;class
|
|
2886
|
+
</svg>`;class La extends zo{constructor(){super(),this.defineIcon("add",lp.strings[0]),this.defineIcon("alert",up.strings[0]),this.defineIcon("attachment",cp.strings[0]),this.defineIcon("book-alt",hp.strings[0]),this.defineIcon("calendar",dp.strings[0]),this.defineIcon("check",pp.strings[0]),this.defineIcon("clipboard",vp.strings[0]),this.defineIcon("code",fp.strings[0]),this.defineIcon("colorpicker",bp.strings[0]),this.defineIcon("copy",gp.strings[0]),this.defineIcon("delete",mp.strings[0]),this.defineIcon("document",_p.strings[0]),this.defineIcon("download",yp.strings[0]),this.defineIcon("edit",wp.strings[0]),this.defineIcon("favorite",xp.strings[0]),this.defineIcon("folder",$p.strings[0]),this.defineIcon("forbidden",Ep.strings[0]),this.defineIcon("info",Pp.strings[0]),this.defineIcon("link",Cp.strings[0]),this.defineIcon("lock",Op.strings[0]),this.defineIcon("pause",Sp.strings[0]),this.defineIcon("picture",kp.strings[0]),this.defineIcon("play",zp.strings[0]),this.defineIcon("remove",Ip.strings[0]),this.defineIcon("search",Ap.strings[0]),this.defineIcon("see",Up.strings[0]),this.defineIcon("settings",Dp.strings[0]),this.defineIcon("subtract",Lp.strings[0]),this.defineIcon("sync",Np.strings[0]),this.defineIcon("unlock",Hp.strings[0]),this.defineIcon("unsee",Tp.strings[0]),this.defineIcon("wand",Mp.strings[0]),this.defineIcon("wrong",jp.strings[0])}}var Vp=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Rp=(t,e,r,o)=>{for(var i=o>1?void 0:o?Bp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Vp(e,r,i),i};let Io=class extends xr{constructor(){super(),this.registry=new La}};Io=Rp([p("uui-icon-registry-essential")],Io);var Fp=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,Rt=(t,e,r,o)=>{for(var i=o>1?void 0:o?Gp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Fp(e,r,i),i};let Le=class extends fe(v){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const r of t)this.multiple?e.push(r):e=[r];this._files=e},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return this._value}set value(t){if(super.value=t,t instanceof FormData){const e=this.multiple?t.getAll(this.name):[t.get(this.name)];this._updateFileWrappers(e);return}if(t instanceof File){this._updateFileWrappers([t]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(t){t.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(t){const r=t.detail.files.filter(i=>i instanceof File||i.isFile);if(!this.multiple){const i=r[0],n=i instanceof File?i:await this._getFile(i);if(this.value instanceof File){this.value=n;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,n),this._updateFileWrappers([n]);return}}let o=this.value;if(r.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const i of r){const s=i instanceof File;o.append(this.name,s?i:await this._getFile(i))}this.value=o}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(i=>i!==e);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const i of o)this.value.append(this.name,i)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(t){t?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(t,e){return l`<uui-file-preview .file="${t}">
|
|
2877
2887
|
<uui-action-bar slot="actions">
|
|
2878
2888
|
<uui-button
|
|
2879
2889
|
@click=${()=>this._removeFile(e)}
|
|
2880
2890
|
color="danger"
|
|
2881
2891
|
label=${`Delete ${t.name}`}>
|
|
2882
|
-
<uui-icon name="delete" .fallback=${
|
|
2892
|
+
<uui-icon name="delete" .fallback=${rh.strings[0]}></uui-icon>
|
|
2883
2893
|
</uui-button>
|
|
2884
2894
|
</uui-action-bar>
|
|
2885
|
-
</uui-file-preview>`}_renderFiles(){return l`${
|
|
2895
|
+
</uui-file-preview>`}_renderFiles(){return l`${ka(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`
|
|
2886
2896
|
<uui-file-dropzone
|
|
2887
2897
|
id="dropzone"
|
|
2888
2898
|
?multiple=${this.multiple}
|
|
@@ -2895,9 +2905,9 @@
|
|
|
2895
2905
|
@click=${this._handleClick}
|
|
2896
2906
|
id="add-button"
|
|
2897
2907
|
look="placeholder"
|
|
2898
|
-
label="Add"></uui-button>`:
|
|
2908
|
+
label="Add"></uui-button>`:x}
|
|
2899
2909
|
</div>
|
|
2900
|
-
`}};
|
|
2910
|
+
`}};Le.styles=[d`
|
|
2901
2911
|
:host {
|
|
2902
2912
|
width: 100%;
|
|
2903
2913
|
height: 100%;
|
|
@@ -2946,28 +2956,33 @@
|
|
|
2946
2956
|
justify-content: center;
|
|
2947
2957
|
align-items: stretch;
|
|
2948
2958
|
}
|
|
2949
|
-
`],
|
|
2959
|
+
`],Rt([C("#dropzone")],Le.prototype,"_dropzone",2),Rt([C("#dropzone")],Le.prototype,"_dropZone",2),Rt([a({type:String})],Le.prototype,"accept",2),Rt([a({type:Boolean})],Le.prototype,"multiple",2),Rt([f()],Le.prototype,"_files",2),Le=Rt([p("uui-input-file")],Le);var qp=Object.defineProperty,Na=Object.getOwnPropertySymbols,Wp=Object.prototype.hasOwnProperty,Kp=Object.prototype.propertyIsEnumerable,Ha=(t,e,r)=>e in t?qp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ta=(t,e)=>{for(var r in e||(e={}))Wp.call(e,r)&&Ha(t,r,e[r]);if(Na)for(var r of Na(e))Kp.call(e,r)&&Ha(t,r,e[r]);return t};class bt extends O{constructor(e,r={}){super(e,Ta(Ta({},{bubbles:!0}),r))}}bt.CHANGE="change",bt.INPUT="input";var Xp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,M=(t,e,r,o)=>{for(var i=o>1?void 0:o?Yp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Xp(e,r,i),i};let k=class extends fe(ve("",v)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&String(this._value).length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&String(this._value).length>this.maxlength)}get type(){return this._type}set type(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new bt(bt.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new bt(bt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
|
|
2950
2960
|
${this.renderPrepend()}
|
|
2951
|
-
<
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2961
|
+
<div id="control">
|
|
2962
|
+
<input
|
|
2963
|
+
id="input"
|
|
2964
|
+
.type=${this.type}
|
|
2965
|
+
.value=${this.value}
|
|
2966
|
+
.name=${this.name}
|
|
2967
|
+
pattern=${I(this.pattern)}
|
|
2968
|
+
min=${I(this.min)}
|
|
2969
|
+
max=${I(this.max)}
|
|
2970
|
+
step=${I(this.step)}
|
|
2971
|
+
spellcheck=${this.spellcheck}
|
|
2972
|
+
autocomplete=${I(this.autocomplete)}
|
|
2973
|
+
placeholder=${I(this.placeholder)}
|
|
2974
|
+
aria-label=${I(this.label)}
|
|
2975
|
+
inputmode=${I(this.inputMode)}
|
|
2976
|
+
?disabled=${this.disabled}
|
|
2977
|
+
?autofocus=${this.autofocus}
|
|
2978
|
+
?required=${this.required}
|
|
2979
|
+
?readonly=${this.readonly}
|
|
2980
|
+
@input=${this.onInput}
|
|
2981
|
+
@change=${this.onChange} />
|
|
2982
|
+
${this.autoWidth?this.renderAutoWidth():x}
|
|
2983
|
+
</div>
|
|
2969
2984
|
${this.renderAppend()}
|
|
2970
|
-
`}};k.formAssociated=!0,k.styles=[
|
|
2985
|
+
`}renderAutoWidth(){return l` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return l`${this.value.length>0?this.value:this.placeholder}`}};k.formAssociated=!0,k.styles=[d`
|
|
2971
2986
|
:host {
|
|
2972
2987
|
position: relative;
|
|
2973
2988
|
display: inline-flex;
|
|
@@ -2984,6 +2999,29 @@
|
|
|
2984
2999
|
|
|
2985
3000
|
--uui-button-height: 100%;
|
|
2986
3001
|
}
|
|
3002
|
+
|
|
3003
|
+
#control {
|
|
3004
|
+
position: relative;
|
|
3005
|
+
display: flex;
|
|
3006
|
+
flex-direction: column;
|
|
3007
|
+
align-items: stretch;
|
|
3008
|
+
justify-content: center;
|
|
3009
|
+
}
|
|
3010
|
+
|
|
3011
|
+
#auto {
|
|
3012
|
+
border: 0 1px solid transparent;
|
|
3013
|
+
visibility: hidden;
|
|
3014
|
+
white-space: pre;
|
|
3015
|
+
z-index: -1;
|
|
3016
|
+
height: 0px;
|
|
3017
|
+
padding: 0 var(--uui-size-space-3,9px);
|
|
3018
|
+
}
|
|
3019
|
+
|
|
3020
|
+
:host([auto-width]) #input {
|
|
3021
|
+
width: 10px;
|
|
3022
|
+
min-width: 100%;
|
|
3023
|
+
}
|
|
3024
|
+
|
|
2987
3025
|
:host(:hover) {
|
|
2988
3026
|
border-color: var(
|
|
2989
3027
|
--uui-input-border-color-hover,
|
|
@@ -3071,16 +3109,16 @@
|
|
|
3071
3109
|
height: 100%;
|
|
3072
3110
|
--uui-input-border-width: 0;
|
|
3073
3111
|
}
|
|
3074
|
-
`],
|
|
3112
|
+
`],M([a()],k.prototype,"min",2),M([a({type:Number})],k.prototype,"minlength",2),M([a({type:String,attribute:"minlength-message"})],k.prototype,"minlengthMessage",2),M([a()],k.prototype,"max",2),M([a({type:Number})],k.prototype,"maxlength",2),M([a({type:String,attribute:"maxlength-message"})],k.prototype,"maxlengthMessage",2),M([a({type:Number})],k.prototype,"step",2),M([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2),M([a({type:Boolean,reflect:!0})],k.prototype,"readonly",2),M([a()],k.prototype,"placeholder",2),M([a()],k.prototype,"autocomplete",2),M([a({type:Boolean,reflect:!0,attribute:"auto-width"})],k.prototype,"autoWidth",2),M([a({type:String})],k.prototype,"type",1),M([a({type:String})],k.prototype,"pattern",2),M([a({type:String})],k.prototype,"inputMode",2),M([C("#input")],k.prototype,"_input",2),k=M([p("uui-input")],k);var Zp=Object.defineProperty,Qp=Object.getOwnPropertyDescriptor,Ma=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Zp(e,r,i),i};let $r=class extends k{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${ih.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3075
3113
|
name="unlock"
|
|
3076
|
-
.fallback=${
|
|
3114
|
+
.fallback=${nh.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
|
|
3077
3115
|
.disabled=${this.disabled}
|
|
3078
3116
|
@click=${this._onLockToggle}
|
|
3079
3117
|
compact
|
|
3080
3118
|
id="lock"
|
|
3081
3119
|
label="${this.locked?"Unlock input":"Lock input"}">
|
|
3082
3120
|
${this.renderIcon()}
|
|
3083
|
-
</uui-button>`}}
|
|
3121
|
+
</uui-button>`}};$r.styles=[...k.styles,d`
|
|
3084
3122
|
#lock {
|
|
3085
3123
|
height: 100%;
|
|
3086
3124
|
|
|
@@ -3093,16 +3131,16 @@
|
|
|
3093
3131
|
cursor: not-allowed;
|
|
3094
3132
|
opacity: 0.55;
|
|
3095
3133
|
}
|
|
3096
|
-
`],
|
|
3134
|
+
`],Ma([a({type:Boolean,reflect:!0})],$r.prototype,"locked",2),$r=Ma([p("uui-input-lock")],$r);var Jp=Object.defineProperty,e0=Object.getOwnPropertyDescriptor,Ao=(t,e,r,o)=>{for(var i=o>1?void 0:o?e0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Jp(e,r,i),i};let Ft=class extends k{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback=${sh.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3097
3135
|
name="unsee"
|
|
3098
|
-
.fallback=${
|
|
3136
|
+
.fallback=${ah.strings[0]}></uui-icon>`}renderAppend(){return l`<uui-button
|
|
3099
3137
|
.disabled=${this.disabled}
|
|
3100
3138
|
@click=${this._onPasswordToggle}
|
|
3101
3139
|
compact
|
|
3102
3140
|
label="${this.passwordType==="password"?"Show password":"Hide password"}"
|
|
3103
3141
|
id="eye">
|
|
3104
3142
|
${this.renderIcon()}
|
|
3105
|
-
</uui-button>`}};
|
|
3143
|
+
</uui-button>`}};Ft.styles=[...k.styles,d`
|
|
3106
3144
|
#eye {
|
|
3107
3145
|
height: 100%;
|
|
3108
3146
|
margin-left: -6px;
|
|
@@ -3111,7 +3149,7 @@
|
|
|
3111
3149
|
#clear:hover {
|
|
3112
3150
|
color: black;
|
|
3113
3151
|
}
|
|
3114
|
-
`],
|
|
3152
|
+
`],Ao([f()],Ft.prototype,"passwordType",2),Ao([a()],Ft.prototype,"type",1),Ft=Ao([p("uui-input-password")],Ft);var t0=Object.defineProperty,r0=Object.getOwnPropertyDescriptor,i0=(t,e,r,o)=>{for(var i=o>1?void 0:o?r0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&t0(e,r,i),i};let yi=class extends v{render(){return l`<slot></slot>`}};yi.styles=[d`
|
|
3115
3153
|
:host {
|
|
3116
3154
|
display: inline-block;
|
|
3117
3155
|
font-family: inherit;
|
|
@@ -3126,7 +3164,7 @@
|
|
|
3126
3164
|
::slotted(*:last-child)uui-key {
|
|
3127
3165
|
margin-right: 0px;
|
|
3128
3166
|
}
|
|
3129
|
-
`],
|
|
3167
|
+
`],yi=i0([p("uui-keyboard-shortcut")],yi);var o0=Object.defineProperty,s0=Object.getOwnPropertyDescriptor,n0=(t,e,r,o)=>{for(var i=o>1?void 0:o?s0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&o0(e,r,i),i};let wi=class extends v{render(){return l`<slot></slot>`}};wi.styles=[d`
|
|
3130
3168
|
:host {
|
|
3131
3169
|
background: var(--uui-color-surface,#fff);
|
|
3132
3170
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -3140,10 +3178,10 @@
|
|
|
3140
3178
|
user-select: none;
|
|
3141
3179
|
text-transform: lowercase;
|
|
3142
3180
|
}
|
|
3143
|
-
`],
|
|
3181
|
+
`],wi=n0([p("uui-key")],wi);var a0=Object.defineProperty,l0=Object.getOwnPropertyDescriptor,xi=(t,e,r,o)=>{for(var i=o>1?void 0:o?l0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&a0(e,r,i),i};let gt=class extends v{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){if(typeof this.for=="string"){const t=this.getRootNode();return t?.getElementById(this.for)||null}return this.for||null}render(){return l`
|
|
3144
3182
|
<slot></slot>
|
|
3145
3183
|
${this.required?l`<div id="required">*</div>`:""}
|
|
3146
|
-
`}};gt.styles=[
|
|
3184
|
+
`}};gt.styles=[d`
|
|
3147
3185
|
:host {
|
|
3148
3186
|
font-weight: 700;
|
|
3149
3187
|
}
|
|
@@ -3158,7 +3196,7 @@
|
|
|
3158
3196
|
color: var(--uui-color-danger,#d42054);
|
|
3159
3197
|
font-weight: 900;
|
|
3160
3198
|
}
|
|
3161
|
-
`]
|
|
3199
|
+
`],xi([a({type:Boolean,reflect:!0})],gt.prototype,"disabled",2),xi([a({reflect:!0,attribute:!0})],gt.prototype,"for",2),xi([a({type:Boolean,reflect:!0})],gt.prototype,"required",2),gt=xi([p("uui-label")],gt);var u0=Object.defineProperty,c0=Object.getOwnPropertyDescriptor,Uo=(t,e,r,o)=>{for(var i=o>1?void 0:o?c0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&u0(e,r,i),i};const h0=(t,e,r)=>Math.min(Math.max(t,e),r);let Gt=class extends v{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=h0(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`
|
|
3162
3200
|
${this.progress?l`<div
|
|
3163
3201
|
id="bar"
|
|
3164
3202
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -3167,7 +3205,7 @@
|
|
|
3167
3205
|
class=${this.progress?"":"animate"}
|
|
3168
3206
|
style="animation-duration: ${this.animationDuration}s"></div>
|
|
3169
3207
|
<div id="bar-background"></div>
|
|
3170
|
-
`}};
|
|
3208
|
+
`}};Gt.styles=[d`
|
|
3171
3209
|
:host {
|
|
3172
3210
|
position: relative;
|
|
3173
3211
|
display: block;
|
|
@@ -3226,7 +3264,7 @@
|
|
|
3226
3264
|
transform-origin: 175% 0%;
|
|
3227
3265
|
}
|
|
3228
3266
|
}
|
|
3229
|
-
`],
|
|
3267
|
+
`],Uo([a({type:Number})],Gt.prototype,"progress",1),Uo([a({type:Number})],Gt.prototype,"animationDuration",1),Gt=Uo([p("uui-loader-bar")],Gt);var d0=Object.defineProperty,p0=Object.getOwnPropertyDescriptor,Do=(t,e,r,o)=>{for(var i=o>1?void 0:o?p0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&d0(e,r,i),i};let qt=class extends v{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`
|
|
3230
3268
|
<svg
|
|
3231
3269
|
id="spinner"
|
|
3232
3270
|
class=${this.progress?"":"animate"}
|
|
@@ -3243,7 +3281,7 @@
|
|
|
3243
3281
|
</g>
|
|
3244
3282
|
</svg>
|
|
3245
3283
|
${this.renderProgress()}
|
|
3246
|
-
`}};
|
|
3284
|
+
`}};qt.styles=[d`
|
|
3247
3285
|
:host {
|
|
3248
3286
|
vertical-align: middle;
|
|
3249
3287
|
line-height: 0;
|
|
@@ -3328,11 +3366,11 @@
|
|
|
3328
3366
|
/* Center the text */
|
|
3329
3367
|
padding-top: 0.09em;
|
|
3330
3368
|
}
|
|
3331
|
-
`],
|
|
3369
|
+
`],Do([a({type:Number})],qt.prototype,"progress",2),Do([a({type:Boolean,reflect:!0,attribute:"show-progress"})],qt.prototype,"showProgress",2),qt=Do([p("uui-loader-circle")],qt);var v0=Object.defineProperty,f0=Object.getOwnPropertyDescriptor,b0=(t,e,r,o)=>{for(var i=o>1?void 0:o?f0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&v0(e,r,i),i};let $i=class extends v{render(){return l`
|
|
3332
3370
|
<div></div>
|
|
3333
3371
|
<div></div>
|
|
3334
3372
|
<div></div>
|
|
3335
|
-
`}}
|
|
3373
|
+
`}};$i.styles=[d`
|
|
3336
3374
|
:host {
|
|
3337
3375
|
color: var(--uui-color-default,#1b264f);
|
|
3338
3376
|
}
|
|
@@ -3372,31 +3410,31 @@
|
|
|
3372
3410
|
background-color: currentColor;
|
|
3373
3411
|
}
|
|
3374
3412
|
}
|
|
3375
|
-
`]
|
|
3413
|
+
`],$i=b0([p("uui-loader")],$i);/**
|
|
3376
3414
|
* @license
|
|
3377
3415
|
* Copyright 2017 Google LLC
|
|
3378
3416
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3379
|
-
*/const
|
|
3417
|
+
*/const Er=(t,e)=>{var r,o;const i=t._$AN;if(i===void 0)return!1;for(const s of i)(o=(r=s)._$AO)===null||o===void 0||o.call(r,e,!1),Er(s,e);return!0},Ei=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},ja=t=>{for(let e;e=t._$AM;t=e){let r=e._$AN;if(r===void 0)e._$AN=r=new Set;else if(r.has(t))break;r.add(t),_0(e)}};function g0(t){this._$AN!==void 0?(Ei(this),this._$AM=t,ja(this)):this._$AM=t}function m0(t,e=!1,r=0){const o=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(e)if(Array.isArray(o))for(let s=r;s<o.length;s++)Er(o[s],!1),Ei(o[s]);else o!=null&&(Er(o,!1),Ei(o));else Er(this,t)}const _0=t=>{var e,r,o,i;t.type==le.CHILD&&((e=(o=t)._$AP)!==null&&e!==void 0||(o._$AP=m0),(r=(i=t)._$AQ)!==null&&r!==void 0||(i._$AQ=g0))};class y0 extends Ut{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),ja(this),this.isConnected=e._$AU}_$AO(e,r=!0){var o,i;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)===null||o===void 0||o.call(this):(i=this.disconnected)===null||i===void 0||i.call(this)),r&&(Er(this,e),Ei(this))}setValue(e){if(jn(this._$Ct))this._$Ct._$AI(e,this);else{const r=[...this._$Ct._$AH];r[this._$Ci]=e,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}}const Lo=new WeakMap,No=At(class extends y0{render(t){return x}update(t,[e]){var r;const o=e!==this.G;return o&&this.G!==void 0&&this.ot(void 0),(o||this.rt!==this.lt)&&(this.G=e,this.dt=(r=t.options)===null||r===void 0?void 0:r.host,this.ot(this.lt=t.element)),x}ot(t){var e;if(typeof this.G=="function"){const r=(e=this.dt)!==null&&e!==void 0?e:globalThis;let o=Lo.get(r);o===void 0&&(o=new WeakMap,Lo.set(r,o)),o.get(this.G)!==void 0&&this.G.call(this.dt,void 0),o.set(this.G,t),t!==void 0&&this.G.call(this.dt,t)}else this.G.value=t}get rt(){var t,e,r;return typeof this.G=="function"?(e=Lo.get((t=this.dt)!==null&&t!==void 0?t:globalThis))===null||e===void 0?void 0:e.get(this.G):(r=this.G)===null||r===void 0?void 0:r.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});class Ne extends O{}Ne.SHOW_CHILDREN="show-children",Ne.HIDE_CHILDREN="hide-children",Ne.CLICK_LABEL="click-label";var w0=Object.defineProperty,x0=Object.getOwnPropertyDescriptor,He=(t,e,r,o)=>{for(var i=o>1?void 0:o?x0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&w0(e,r,i),i};let ne=class extends Jr(St(cr(ve("label",v)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=t=>{this.selectableTarget=t||this},this._iconSlotChanged=t=>{this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const t=this.showChildren?Ne.HIDE_CHILDREN:Ne.SHOW_CHILDREN,e=new Ne(t,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const t=new Ne(Ne.CLICK_LABEL);this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),_(this,"uui-symbol-expand"),_(this,"uui-loader-bar")}_renderLabelInside(){return l` <slot
|
|
3380
3418
|
name="icon"
|
|
3381
3419
|
id="icon"
|
|
3382
3420
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
3383
3421
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
3384
3422
|
${this.renderLabel()}
|
|
3385
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${
|
|
3423
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${No(this._labelButtonChanged)}>
|
|
3386
3424
|
${this._renderLabelInside()}
|
|
3387
3425
|
</span>`:l` <a
|
|
3388
3426
|
id="label-button"
|
|
3389
|
-
${
|
|
3390
|
-
href=${
|
|
3391
|
-
target=${
|
|
3392
|
-
rel=${
|
|
3427
|
+
${No(this._labelButtonChanged)}
|
|
3428
|
+
href=${I(this.href)}
|
|
3429
|
+
target=${I(this.target||void 0)}
|
|
3430
|
+
rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
3393
3431
|
@click=${this._onLabelClicked}
|
|
3394
3432
|
?disabled=${this.disabled}
|
|
3395
3433
|
aria-label="${this.label}">
|
|
3396
3434
|
${this._renderLabelInside()}
|
|
3397
3435
|
</a>`}_renderLabelAsButton(){return l` <button
|
|
3398
3436
|
id="label-button"
|
|
3399
|
-
${
|
|
3437
|
+
${No(this._labelButtonChanged)}
|
|
3400
3438
|
@click=${this._onLabelClicked}
|
|
3401
3439
|
?disabled=${this.disabled}
|
|
3402
3440
|
aria-label="${this.label}">
|
|
@@ -3413,11 +3451,11 @@
|
|
|
3413
3451
|
${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
3414
3452
|
</div>
|
|
3415
3453
|
${this.showChildren?l`<slot></slot>`:""}
|
|
3416
|
-
`}};
|
|
3454
|
+
`}};ne.styles=[d`
|
|
3417
3455
|
:host {
|
|
3456
|
+
box-sizing: border-box;
|
|
3418
3457
|
display: block;
|
|
3419
3458
|
--uui-menu-item-child-indent: calc(var(--uui-menu-item-indent, 0) + 1);
|
|
3420
|
-
|
|
3421
3459
|
user-select: none;
|
|
3422
3460
|
}
|
|
3423
3461
|
|
|
@@ -3430,7 +3468,8 @@
|
|
|
3430
3468
|
white-space: nowrap;
|
|
3431
3469
|
}
|
|
3432
3470
|
|
|
3433
|
-
|
|
3471
|
+
/** Not active, not selected, not disabled: */
|
|
3472
|
+
:host(:not([active], [selected], [disabled], [select-mode='highlight']))
|
|
3434
3473
|
#menu-item
|
|
3435
3474
|
#label-button:hover
|
|
3436
3475
|
~ #label-button-background,
|
|
@@ -3446,6 +3485,7 @@
|
|
|
3446
3485
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
3447
3486
|
}
|
|
3448
3487
|
|
|
3488
|
+
/** Active */
|
|
3449
3489
|
:host([active]) #label-button,
|
|
3450
3490
|
:host([active]) #caret-button {
|
|
3451
3491
|
color: var(--uui-color-current-contrast,#1b264f);
|
|
@@ -3458,22 +3498,127 @@
|
|
|
3458
3498
|
background-color: var(--uui-color-current-emphasis,rgb(248, 214, 211));
|
|
3459
3499
|
}
|
|
3460
3500
|
|
|
3461
|
-
|
|
3462
|
-
:host([
|
|
3501
|
+
/** Disabled */
|
|
3502
|
+
:host([disabled]) #menu-item {
|
|
3503
|
+
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
3504
|
+
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
3505
|
+
}
|
|
3506
|
+
|
|
3507
|
+
/** Selected */
|
|
3508
|
+
:host([selected]:not([select-mode='highlight'], [disabled]))
|
|
3509
|
+
#label-button,
|
|
3510
|
+
:host([selected]:not([select-mode='highlight'], [disabled]))
|
|
3511
|
+
#caret-button {
|
|
3463
3512
|
color: var(--uui-color-selected-contrast,#fff);
|
|
3464
3513
|
}
|
|
3465
|
-
:host([selected]
|
|
3514
|
+
:host([selected]:not([select-mode='highlight'], [disabled]))
|
|
3515
|
+
#label-button-background {
|
|
3466
3516
|
background-color: var(--uui-color-selected,#3544b1);
|
|
3467
3517
|
}
|
|
3468
|
-
|
|
3469
|
-
:host([selected]
|
|
3518
|
+
/** Selected, not highlight mode */
|
|
3519
|
+
:host([selected]:not([select-mode='highlight'], [disabled]))
|
|
3520
|
+
#label-button:hover
|
|
3521
|
+
~ #label-button-background,
|
|
3522
|
+
:host([selected]:not([select-mode='highlight'], [disabled]))
|
|
3523
|
+
#caret-button:hover {
|
|
3470
3524
|
background-color: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
|
|
3471
3525
|
}
|
|
3472
3526
|
|
|
3473
|
-
|
|
3474
|
-
|
|
3475
|
-
|
|
3527
|
+
/** highlight mode, default */
|
|
3528
|
+
:host([select-mode='highlight']:not([disabled], [active], [selectable]))
|
|
3529
|
+
#menu-item
|
|
3530
|
+
#label-button:hover
|
|
3531
|
+
~ #label-button-background {
|
|
3532
|
+
border-radius: var(--uui-border-radius,3px);
|
|
3533
|
+
background-color: var(--uui-color-surface-emphasis,rgb(250, 250, 250));
|
|
3476
3534
|
}
|
|
3535
|
+
|
|
3536
|
+
/** highlight mode, active */
|
|
3537
|
+
:host([select-mode='highlight'][active]:not([disabled]))
|
|
3538
|
+
#menu-item
|
|
3539
|
+
#label-button-background {
|
|
3540
|
+
border-radius: var(--uui-border-radius,3px);
|
|
3541
|
+
}
|
|
3542
|
+
|
|
3543
|
+
/** highlight mode, active & selected */
|
|
3544
|
+
:host([select-mode='highlight'][active][selected]:not([disabled]))
|
|
3545
|
+
#menu-item
|
|
3546
|
+
#label-button:hover
|
|
3547
|
+
~ #label-button-background {
|
|
3548
|
+
border-radius: var(--uui-border-radius,3px);
|
|
3549
|
+
background-color: var(--uui-color-current-emphasis,rgb(248, 214, 211));
|
|
3550
|
+
}
|
|
3551
|
+
|
|
3552
|
+
/** highlight mode, selected */
|
|
3553
|
+
:host([select-mode='highlight'][selected]:not([disabled]))
|
|
3554
|
+
#menu-item
|
|
3555
|
+
#label-button,
|
|
3556
|
+
:host([select-mode='highlight'][selected]:not([disabled]))
|
|
3557
|
+
#menu-item
|
|
3558
|
+
#caret-button {
|
|
3559
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
3560
|
+
}
|
|
3561
|
+
:host([select-mode='highlight'][selectable][selected]:not([disabled]))
|
|
3562
|
+
#menu-item
|
|
3563
|
+
#label-button:hover {
|
|
3564
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
/** highlight mode, selected, selectable caret hover */
|
|
3568
|
+
:host([selected][selectable][select-mode='highlight']:not([active]))
|
|
3569
|
+
#menu-item
|
|
3570
|
+
#caret-button:hover {
|
|
3571
|
+
border-radius: var(--uui-border-radius,3px);
|
|
3572
|
+
background-color: var(--uui-color-surface-emphasis,rgb(250, 250, 250));
|
|
3573
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
3574
|
+
}
|
|
3575
|
+
|
|
3576
|
+
/** Highlight borders */
|
|
3577
|
+
|
|
3578
|
+
:host([select-mode='highlight']:not([disabled]))
|
|
3579
|
+
#menu-item
|
|
3580
|
+
#label-button-background::after {
|
|
3581
|
+
border-radius: var(--uui-border-radius,3px);
|
|
3582
|
+
position: absolute;
|
|
3583
|
+
content: '';
|
|
3584
|
+
inset: 1px;
|
|
3585
|
+
border: 2px solid var(--uui-color-selected,#3544b1);
|
|
3586
|
+
opacity: 0;
|
|
3587
|
+
}
|
|
3588
|
+
|
|
3589
|
+
:host([select-mode='highlight'][selectable][selected]:not([disabled]))
|
|
3590
|
+
#menu-item
|
|
3591
|
+
#caret-button:hover::after {
|
|
3592
|
+
border-top-left-radius: var(--uui-border-radius,3px);
|
|
3593
|
+
border-bottom-left-radius: var(--uui-border-radius,3px);
|
|
3594
|
+
position: absolute;
|
|
3595
|
+
content: '';
|
|
3596
|
+
inset: 1px 0 1px 1px;
|
|
3597
|
+
border: 2px solid var(--uui-color-selected,#3544b1);
|
|
3598
|
+
border-right: none;
|
|
3599
|
+
}
|
|
3600
|
+
|
|
3601
|
+
:host([select-mode='highlight'][selected]:not([disabled]))
|
|
3602
|
+
#menu-item
|
|
3603
|
+
#label-button-background::after {
|
|
3604
|
+
opacity: 1;
|
|
3605
|
+
}
|
|
3606
|
+
|
|
3607
|
+
:host([select-mode='highlight'][selectable]:not([disabled]))
|
|
3608
|
+
#menu-item
|
|
3609
|
+
#label-button:hover
|
|
3610
|
+
~ #label-button-background::after {
|
|
3611
|
+
opacity: 0.33;
|
|
3612
|
+
}
|
|
3613
|
+
:host([select-mode='highlight'][selected]:not([disabled]))
|
|
3614
|
+
#menu-item
|
|
3615
|
+
#label-button:hover
|
|
3616
|
+
~ #label-button-background::after {
|
|
3617
|
+
opacity: 0.66;
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3620
|
+
/** Buttons */
|
|
3621
|
+
|
|
3477
3622
|
:host([disabled]) #label-button {
|
|
3478
3623
|
cursor: default;
|
|
3479
3624
|
}
|
|
@@ -3496,6 +3641,7 @@
|
|
|
3496
3641
|
}
|
|
3497
3642
|
|
|
3498
3643
|
#label-button {
|
|
3644
|
+
position: relative;
|
|
3499
3645
|
flex-grow: 1;
|
|
3500
3646
|
grid-column-start: 2;
|
|
3501
3647
|
white-space: nowrap;
|
|
@@ -3523,6 +3669,7 @@
|
|
|
3523
3669
|
}
|
|
3524
3670
|
|
|
3525
3671
|
#caret-button {
|
|
3672
|
+
position: relative;
|
|
3526
3673
|
width: 100%;
|
|
3527
3674
|
height: 100%;
|
|
3528
3675
|
display: flex;
|
|
@@ -3570,6 +3717,36 @@
|
|
|
3570
3717
|
margin-left: 6px;
|
|
3571
3718
|
}
|
|
3572
3719
|
|
|
3720
|
+
/** Focus styling */
|
|
3721
|
+
|
|
3722
|
+
:host([select-mode='highlight']) #label-button:focus-visible {
|
|
3723
|
+
outline: none;
|
|
3724
|
+
overflow: initial;
|
|
3725
|
+
}
|
|
3726
|
+
|
|
3727
|
+
:host([select-mode='highlight']) #label-button:focus-visible::after {
|
|
3728
|
+
content: '';
|
|
3729
|
+
border-radius: calc(var(--uui-border-radius,3px) - 1px);
|
|
3730
|
+
position: absolute;
|
|
3731
|
+
inset: 3px 3px 3px -5px;
|
|
3732
|
+
border: 2px solid var(--uui-color-focus,#3879ff);
|
|
3733
|
+
}
|
|
3734
|
+
|
|
3735
|
+
:host([select-mode='highlight']) #caret-button:focus-visible {
|
|
3736
|
+
outline: none;
|
|
3737
|
+
overflow: initial;
|
|
3738
|
+
}
|
|
3739
|
+
|
|
3740
|
+
:host([select-mode='highlight']) #caret-button:focus-visible::after {
|
|
3741
|
+
content: '';
|
|
3742
|
+
position: absolute;
|
|
3743
|
+
inset: 3px;
|
|
3744
|
+
border-radius: calc(var(--uui-border-radius,3px) - 1px);
|
|
3745
|
+
border: 2px solid var(--uui-color-focus,#3879ff);
|
|
3746
|
+
}
|
|
3747
|
+
|
|
3748
|
+
/** Slots */
|
|
3749
|
+
|
|
3573
3750
|
slot:not([name]) {
|
|
3574
3751
|
position: relative;
|
|
3575
3752
|
display: block;
|
|
@@ -3585,7 +3762,7 @@
|
|
|
3585
3762
|
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
|
|
3586
3763
|
margin-right: var(--uui-size-base-unit);
|
|
3587
3764
|
}
|
|
3588
|
-
`],
|
|
3765
|
+
`],He([a({type:Boolean,reflect:!0})],ne.prototype,"disabled",2),He([a({type:Boolean,reflect:!0,attribute:"show-children"})],ne.prototype,"showChildren",2),He([a({type:Boolean,attribute:"has-children"})],ne.prototype,"hasChildren",2),He([a({type:Boolean,attribute:"loading"})],ne.prototype,"loading",2),He([a({type:String})],ne.prototype,"href",2),He([a({type:String})],ne.prototype,"target",2),He([a({type:String,attribute:"select-mode",reflect:!0})],ne.prototype,"selectMode",2),He([f()],ne.prototype,"iconSlotHasContent",2),ne=He([p("uui-menu-item")],ne);var $0=Object.defineProperty,E0=Object.getOwnPropertyDescriptor,Wt=(t,e,r,o)=>{for(var i=o>1?void 0:o?E0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&$0(e,r,i),i};class Y extends v{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const r=new CustomEvent("open",{bubbles:!0,cancelable:!0});this.dispatchEvent(r),!r.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const r=new CustomEvent("close",{bubbles:!0,cancelable:!0});this.dispatchEvent(r),!r.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){var e,r;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(r=this._dialogElement)==null||r.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.remove()}}Y.styles=[d`
|
|
3589
3766
|
dialog {
|
|
3590
3767
|
display: block;
|
|
3591
3768
|
margin: 0;
|
|
@@ -3606,13 +3783,14 @@
|
|
|
3606
3783
|
pointer-events: none;
|
|
3607
3784
|
opacity: 1;
|
|
3608
3785
|
transition: opacity var(--uui-modal-transition-duration, 250ms);
|
|
3786
|
+
z-index: 1;
|
|
3609
3787
|
}
|
|
3610
3788
|
:host([index='0']) dialog::after {
|
|
3611
3789
|
opacity: 0;
|
|
3612
3790
|
}
|
|
3613
|
-
`],
|
|
3791
|
+
`],Wt([C("dialog")],Y.prototype,"_dialogElement",2),Wt([a({type:Boolean,reflect:!0,attribute:"is-open"})],Y.prototype,"isOpen",2),Wt([a({type:Boolean,reflect:!0,attribute:"is-closing"})],Y.prototype,"isClosing",2),Wt([a({type:Number,reflect:!0})],Y.prototype,"index",2),Wt([a({type:Number,reflect:!0,attribute:"unique-index"})],Y.prototype,"uniqueIndex",2),Wt([a()],Y.prototype,"transitionDuration",1);var P0=Object.defineProperty,C0=Object.getOwnPropertyDescriptor,Va=(t,e,r,o)=>{for(var i=o>1?void 0:o?C0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&P0(e,r,i),i},Ba=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Ra=(t,e,r)=>(Ba(t,e,"read from private field"),r?r.call(t):e.get(t)),Fa=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},O0=(t,e,r)=>(Ba(t,e,"access private method"),r),Pi,Ho,To,Ga;let Kt=class extends Y{constructor(){super(),Fa(this,Pi),Fa(this,To),this.size="full",this.addEventListener("close",O0(this,To,Ga).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-Ra(this,Pi,Ho)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog>
|
|
3614
3792
|
<slot></slot>
|
|
3615
|
-
</dialog>`}};
|
|
3793
|
+
</dialog>`}};Pi=new WeakSet,Ho=function(){var t,e;return(e=(t=this._dialogElement)==null?void 0:t.getBoundingClientRect().width)!=null?e:0},To=new WeakSet,Ga=function(t){t.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Ra(this,Pi,Ho)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},Kt.styles=[...Y.styles,d`
|
|
3616
3794
|
:host {
|
|
3617
3795
|
--uui-modal-sidebar-left-gap: 24px;
|
|
3618
3796
|
}
|
|
@@ -3648,7 +3826,7 @@
|
|
|
3648
3826
|
:host([size='small']) dialog {
|
|
3649
3827
|
max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
3650
3828
|
}
|
|
3651
|
-
`],
|
|
3829
|
+
`],Va([a({reflect:!0})],Kt.prototype,"size",2),Kt=Va([io("uui-modal-sidebar")],Kt);var S0=Object.defineProperty,k0=Object.getOwnPropertyDescriptor,Xt=(t,e,r,o)=>{for(var i=o>1?void 0:o?k0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&S0(e,r,i),i},qa=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Wa=(t,e,r)=>(qa(t,e,"read from private field"),r?r.call(t):e.get(t)),Ci=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Oi=(t,e,r)=>(qa(t,e,"access private method"),r),Mo,jo,Si,Vo,ki,Bo;let Te=class extends v{constructor(){super(),Ci(this,Si),Ci(this,ki),this.sidebarGap=64,this.transitionDurationMS=250,Ci(this,Mo,()=>{var t,e;if(this._modals=(e=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(r=>r instanceof Y))!=null?e:[],this._sidebars=this._modals.filter(r=>r instanceof Kt),this._modals.length===0){this.removeAttribute("backdrop");return}Oi(this,Si,Vo).call(this),Oi(this,ki,Bo).call(this)}),Ci(this,jo,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Oi(this,Si,Vo).call(this),Oi(this,ki,Bo).call(this)}),this.addEventListener("close",Wa(this,jo))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange=${Wa(this,Mo)}></slot>`}};Mo=new WeakMap,jo=new WeakMap,Si=new WeakSet,Vo=function(){var t,e;this.setAttribute("backdrop","");const r=(e=(t=this._modals)==null?void 0:t.filter(o=>!o.isClosing).reverse())!=null?e:[];r?.forEach((o,i)=>{o.index=i,o.transitionDuration=this.transitionDurationMS}),r?.forEach(o=>{var i;const s=r?.filter(n=>n.constructor.name===o.constructor.name);o.uniqueIndex=(i=s?.indexOf(o))!=null?i:0})},ki=new WeakSet,Bo=function(){requestAnimationFrame(()=>{var t,e,r,o,i,s,n,u;let c=0;const h=(e=(t=this._sidebars)==null?void 0:t.filter(m=>!m.isClosing).reverse())!=null?e:[];for(let m=0;m<h.length;m++){const y=h[m],b=h[m+1];if(y.style.setProperty("--uui-modal-offset",c+"px"),b?.hasAttribute("hide"))break;const w=(i=(o=(r=y.shadowRoot)==null?void 0:r.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?i:0,$=(u=(n=(s=b?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:n.getBoundingClientRect().width)!=null?u:0,E=w+c+this.sidebarGap-$;c=E>0?E:0}})},Te.styles=d`
|
|
3652
3830
|
:host {
|
|
3653
3831
|
position: fixed;
|
|
3654
3832
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -3665,11 +3843,11 @@
|
|
|
3665
3843
|
:host([backdrop])::after {
|
|
3666
3844
|
opacity: 1;
|
|
3667
3845
|
}
|
|
3668
|
-
`,
|
|
3846
|
+
`,Xt([C("slot")],Te.prototype,"modalSlot",2),Xt([f()],Te.prototype,"_modals",2),Xt([f()],Te.prototype,"_sidebars",2),Xt([a({type:Number})],Te.prototype,"sidebarGap",2),Xt([a({type:Number})],Te.prototype,"transitionDurationMS",2),Te=Xt([io("uui-modal-container")],Te);var z0=Object.defineProperty,I0=Object.getOwnPropertyDescriptor,A0=(t,e,r,o)=>{for(var i=o>1?void 0:o?I0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&z0(e,r,i),i};let zi=class extends Y{render(){return l`
|
|
3669
3847
|
<dialog>
|
|
3670
3848
|
<slot></slot>
|
|
3671
3849
|
</dialog>
|
|
3672
|
-
`}};
|
|
3850
|
+
`}};zi.styles=[...Y.styles,d`
|
|
3673
3851
|
dialog {
|
|
3674
3852
|
margin: auto;
|
|
3675
3853
|
max-width: 100%;
|
|
@@ -3682,7 +3860,7 @@
|
|
|
3682
3860
|
:host(:not([index='0'])) dialog {
|
|
3683
3861
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
3684
3862
|
}
|
|
3685
|
-
`],
|
|
3863
|
+
`],zi=A0([io("uui-modal-dialog")],zi);var U0=Object.defineProperty,Ka=Object.getOwnPropertySymbols,D0=Object.prototype.hasOwnProperty,L0=Object.prototype.propertyIsEnumerable,Xa=(t,e,r)=>e in t?U0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ya=(t,e)=>{for(var r in e||(e={}))D0.call(e,r)&&Xa(t,r,e[r]);if(Ka)for(var r of Ka(e))L0.call(e,r)&&Xa(t,r,e[r]);return t};class Ge extends O{constructor(e,r={}){super(e,Ya(Ya({},{bubbles:!0}),r))}}Ge.CHANGE="change";var N0=Object.defineProperty,H0=Object.getOwnPropertyDescriptor,Me=(t,e,r,o)=>{for(var i=o>1?void 0:o?H0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&N0(e,r,i),i};const T0=45,Ro=(t,e,r)=>Math.min(Math.max(t,e),r),M0=(t,e)=>Array.from({length:e-t+1},(r,o)=>t+o);let ae=class extends v{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),_(this,"uui-button"),_(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((i,s)=>i+s.getBoundingClientRect().width,0),o=(t-e)/T0/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,r=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return M0(Ro(e,1,this.total),Ro(r,1,this.total))}get total(){return this._total}set total(t){this._total=t,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",t)}get current(){return this._current}set current(t){const e=this._current;this._current=Ro(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new Ge(Ge.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Ge(Ge.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new Ge(Ge.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<uui-button
|
|
3686
3864
|
compact
|
|
3687
3865
|
look="outline"
|
|
3688
3866
|
class="nav"
|
|
@@ -3744,7 +3922,7 @@
|
|
|
3744
3922
|
${this._visiblePages.map(t=>this.renderPage(t))}
|
|
3745
3923
|
${this.renderNavigationRight()}
|
|
3746
3924
|
</uui-button-group>
|
|
3747
|
-
`}};
|
|
3925
|
+
`}};ae.styles=[d`
|
|
3748
3926
|
uui-button-group {
|
|
3749
3927
|
width: 100%;
|
|
3750
3928
|
}
|
|
@@ -3774,7 +3952,7 @@
|
|
|
3774
3952
|
.active {
|
|
3775
3953
|
pointer-events: none;
|
|
3776
3954
|
}
|
|
3777
|
-
`],
|
|
3955
|
+
`],Me([Fl("uui-button.nav")],ae.prototype,"_navButtons",2),Me([C("#pages")],ae.prototype,"_pagesGroup",2),Me([a()],ae.prototype,"label",2),Me([a({reflect:!0,attribute:"aria-label"})],ae.prototype,"ariaLabel",2),Me([a({type:Number})],ae.prototype,"total",1),Me([f()],ae.prototype,"_range",2),Me([f()],ae.prototype,"_visiblePages",2),Me([a({type:Number})],ae.prototype,"current",1),ae=Me([p("uui-pagination")],ae);class Fo extends O{}Fo.CLOSE="close";var j0=Object.defineProperty,V0=Object.getOwnPropertyDescriptor,Pr=(t,e,r,o)=>{for(var i=o>1?void 0:o?V0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&j0(e,r,i),i};function Ii(t,e,r){return t<e?e:t>r?r:t}let qe=class extends v{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=t=>{if(t.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const t=new Fo(Fo.CLOSE,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.open=!1)}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const r=e.position==="absolute",o=/(auto|scroll)/;let i=t;for(;i=i.parentElement;)if(e=getComputedStyle(i),!(r&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(i),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const r=this.containerElement;if(!r)return;const o=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),i=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(i!=null&&o!=null){const s=this._scrollParents.map(pe=>pe.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,s));let n=this._currentPlacement.indexOf("top")!==-1,u=this._currentPlacement.indexOf("bottom")!==-1,c=this._currentPlacement.indexOf("left")!==-1,h=this._currentPlacement.indexOf("right")!==-1;const m=this._currentPlacement.indexOf("-start")!==-1,y=this._currentPlacement.indexOf("-end")!==-1;let b=.5,w=.5,$=.5,E=.5,q=0,Xe=0;if(this.placement==="auto"){const pe=this._scrollParents[0],sr=pe.clientWidth,Qe=pe.clientHeight,wt=i.x-o.width,xt=sr-(i.x+i.width)-o.width,Gi=i.y-o.height,Br=Qe-(i.y+i.height)-o.height;let Rr=.5,Fr=.5;const Ll=Math.max(wt,xt);let Jo=Math.max(Gi,Br);Br>Gi&&Br>this.margin&&(Jo+=9999),Ll>Jo?(wt>xt?(Rr=0,c=!0):(Rr=1,h=!0),q=this.margin):(Gi>Br?(Fr=0,n=!0):(Fr=1,u=!0),Xe=this.margin),b=Rr,w=Fr,$=1-Rr,E=1-Fr}else n&&(E=1,w=0),u&&(E=0,w=1),(n||u)&&(Xe=this.margin,m&&($=0,b=0),y&&($=1,b=1)),c&&($=1,b=0),h&&($=0,b=1),(c||h)&&(q=this.margin,m&&(E=0,w=0),y&&(E=1,w=1));const yt=-o.width*$+i.width*b-q*($*2-1),Fi=-o.height*E+i.height*w-Xe*(E*2-1);let Ye=yt,Ze=Fi;n||u?(this._scrollParents.forEach((pe,sr)=>{const Qe=pe===document.body?0:s[sr].x,wt=-i.x+Qe,xt=pe.clientWidth-i.x-i.width+yt+Qe-(o.width-i.width)*(1-b);Ye=Ii(Ye,wt,xt)}),Ye=Ii(Ye,-o.width,i.width)):(c||h)&&(this._scrollParents.forEach((pe,sr)=>{const Qe=pe===document.body?0:s[sr].y,wt=-i.y+Qe,xt=pe.clientHeight-i.y-i.height+Fi+Qe-(o.height-i.height)*(1-w);Ze=Ii(Ze,wt,xt)}),Ze=Ii(Ze,-o.height,i.height)),(this._positionX!==Ye||this._positionY!==Ze)&&(this._positionX=Ye,this._positionY=Ze,yt===Ye&&Fi===Ze&&this._stopScrollListener(),r.style.left=`${this._positionX}px`,r.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,r){const i=t.split("-"),s=i[0],n=i[1]||null;let u;return this._scrollParents.some((c,h)=>{const m=c===document.body?0:r[h].x,y=c===document.body?0:r[h].y;return s==="top"&&e.y-2<=y?(u="bottom",!0):s==="bottom"&&e.y+e.height+2>=c.clientHeight+y?(u="top",!0):s==="left"&&e.x-2<=m?(u="right",!0):s==="right"&&e.x+e.width+2>=c.clientWidth+m?(u="left",!0):!1}),u?(this._startScrollListener(),u+(n?`-${n}`:"")):t}render(){return l`
|
|
3778
3956
|
<slot
|
|
3779
3957
|
id="trigger"
|
|
3780
3958
|
name="trigger"
|
|
@@ -3782,7 +3960,7 @@
|
|
|
3782
3960
|
<div id="container">
|
|
3783
3961
|
${this._open?l`<slot name="popover"></slot>`:""}
|
|
3784
3962
|
</div>
|
|
3785
|
-
`}};
|
|
3963
|
+
`}};qe.styles=[d`
|
|
3786
3964
|
:host {
|
|
3787
3965
|
position: relative;
|
|
3788
3966
|
display: inline-block;
|
|
@@ -3809,9 +3987,9 @@
|
|
|
3809
3987
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
3810
3988
|
);
|
|
3811
3989
|
}
|
|
3812
|
-
`]
|
|
3990
|
+
`],Pr([C("#container")],qe.prototype,"containerElement",2),Pr([a({type:Number})],qe.prototype,"margin",2),Pr([a({type:String,reflect:!0})],qe.prototype,"placement",1),Pr([a({type:Boolean,reflect:!0})],qe.prototype,"open",1),qe=Pr([p("uui-popover")],qe);var B0=Object.defineProperty,R0=Object.getOwnPropertyDescriptor,Za=(t,e,r,o)=>{for(var i=o>1?void 0:o?R0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&B0(e,r,i),i};const F0=(t,e,r)=>Math.min(Math.max(t,e),r);let Cr=class extends v{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=F0(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`
|
|
3813
3991
|
<div id="bar" style=${ge(this._getProgressStyle())}></div>
|
|
3814
|
-
`}};
|
|
3992
|
+
`}};Cr.styles=[d`
|
|
3815
3993
|
:host {
|
|
3816
3994
|
width: 100%;
|
|
3817
3995
|
height: 4px;
|
|
@@ -3824,11 +4002,11 @@
|
|
|
3824
4002
|
|
|
3825
4003
|
#bar {
|
|
3826
4004
|
transition: width 250ms ease;
|
|
3827
|
-
background: var(--uui-color-positive,#
|
|
4005
|
+
background: var(--uui-color-positive,#1f9554);
|
|
3828
4006
|
height: 100%;
|
|
3829
4007
|
width: 0%;
|
|
3830
4008
|
}
|
|
3831
|
-
`],
|
|
4009
|
+
`],Za([a({type:Number})],Cr.prototype,"progress",1),Cr=Za([p("uui-progress-bar")],Cr);var G0=Object.defineProperty,Qa=Object.getOwnPropertySymbols,q0=Object.prototype.hasOwnProperty,W0=Object.prototype.propertyIsEnumerable,Ja=(t,e,r)=>e in t?G0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,el=(t,e)=>{for(var r in e||(e={}))q0.call(e,r)&&Ja(t,r,e[r]);if(Qa)for(var r of Qa(e))W0.call(e,r)&&Ja(t,r,e[r]);return t};class Yt extends O{constructor(e,r={}){super(e,el(el({},{bubbles:!0}),r))}}Yt.CHANGE="change";var K0=Object.defineProperty,X0=Object.getOwnPropertyDescriptor,mt=(t,e,r,o)=>{for(var i=o>1?void 0:o?X0(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&K0(e,r,i),i},Y0=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},tl=(t,e,r)=>(Y0(t,e,"read from private field"),r?r.call(t):e.get(t)),rl=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Go,qo;let he=class extends v{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,rl(this,Go,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),rl(this,qo,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",tl(this,qo)),this.addEventListener("blur",tl(this,Go))}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-hidden",t?"true":"false"),this.setAttribute("tabindex",t?"-1":"0"),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Yt(Yt.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return l` <label>
|
|
3832
4010
|
<input
|
|
3833
4011
|
id="input"
|
|
3834
4012
|
type="radio"
|
|
@@ -3841,7 +4019,7 @@
|
|
|
3841
4019
|
<div id="label">
|
|
3842
4020
|
${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}
|
|
3843
4021
|
</div>
|
|
3844
|
-
</label>`}};he.styles=[
|
|
4022
|
+
</label>`}};Go=new WeakMap,qo=new WeakMap,he.styles=[ri,d`
|
|
3845
4023
|
:host {
|
|
3846
4024
|
display: block;
|
|
3847
4025
|
box-sizing: border-box;
|
|
@@ -3946,7 +4124,7 @@
|
|
|
3946
4124
|
}
|
|
3947
4125
|
|
|
3948
4126
|
:host([disabled]:active) #button {
|
|
3949
|
-
animation: ${
|
|
4127
|
+
animation: ${ii};
|
|
3950
4128
|
}
|
|
3951
4129
|
|
|
3952
4130
|
@media (prefers-reduced-motion) {
|
|
@@ -3958,7 +4136,7 @@
|
|
|
3958
4136
|
transition: none;
|
|
3959
4137
|
}
|
|
3960
4138
|
}
|
|
3961
|
-
`],mt([C("#input")],he.prototype,"inputElement",2),mt([a({type:String})],he.prototype,"name",2),mt([a({type:String})],he.prototype,"value",2),mt([a({type:String})],he.prototype,"label",2),mt([a({type:Boolean,reflect:!0})],he.prototype,"checked",1),mt([a({type:Boolean,reflect:!0})],he.prototype,"disabled",1),he=mt([p("uui-radio")],he);var
|
|
4139
|
+
`],mt([C("#input")],he.prototype,"inputElement",2),mt([a({type:String})],he.prototype,"name",2),mt([a({type:String})],he.prototype,"value",2),mt([a({type:String})],he.prototype,"label",2),mt([a({type:Boolean,reflect:!0})],he.prototype,"checked",1),mt([a({type:Boolean,reflect:!0})],he.prototype,"disabled",1),he=mt([p("uui-radio")],he);var Z0=Object.defineProperty,il=Object.getOwnPropertySymbols,Q0=Object.prototype.hasOwnProperty,J0=Object.prototype.propertyIsEnumerable,ol=(t,e,r)=>e in t?Z0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sl=(t,e)=>{for(var r in e||(e={}))Q0.call(e,r)&&ol(t,r,e[r]);if(il)for(var r of il(e))J0.call(e,r)&&ol(t,r,e[r]);return t};class Ai extends O{constructor(e,r={}){super(e,sl(sl({},{bubbles:!0}),r))}}Ai.CHANGE="change";var e1=Object.defineProperty,t1=Object.getOwnPropertyDescriptor,nl=(t,e,r,o)=>{for(var i=o>1?void 0:o?t1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&e1(e,r,i),i};const r1="ArrowLeft",i1="ArrowUp",o1="ArrowRight",s1="ArrowDown",n1=" ";let Zt=class extends fe(v){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(t)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(r=>r.name=t)}_updateRadioElementsCheckedState(t){this._radioElements.forEach((e,r)=>{e.value===t?(e.checked=!0,this._selected=r):e.checked=!1})}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(r=>r.disabled=t)}_handleSlotChange(t){var e;if(t.stopPropagation(),(e=this._radioElements)==null||e.forEach(o=>{o.removeEventListener(Yt.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(o=>o instanceof he),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(Yt.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const r=this._radioElements.filter(o=>o.checked===!0);r.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),r.length===1?(this.value=r[0].value,this._selected=this._radioElements.indexOf(r[0]),r[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),r[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(r=>{r.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let i=(e+o*t)%r;if(i<0&&(i+=r),this._radioElements[i].disabled===!1)return this._radioElements[i];o++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.key){case r1:case i1:{t.preventDefault(),this._selectPreviousElement();break}case o1:case s1:{t.preventDefault(),this._selectNextElement();break}case n1:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new Ai(Ai.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(this.disabled),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l` <slot @slotchange=${this._handleSlotChange}></slot> `}};Zt.formAssociated=!0,Zt.styles=[d`
|
|
3962
4140
|
:host {
|
|
3963
4141
|
display: inline-block;
|
|
3964
4142
|
padding-right: 3px;
|
|
@@ -3971,7 +4149,7 @@
|
|
|
3971
4149
|
:host(:not([pristine])[internals-invalid]) {
|
|
3972
4150
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
3973
4151
|
}
|
|
3974
|
-
`],
|
|
4152
|
+
`],nl([a({type:Boolean,reflect:!0})],Zt.prototype,"disabled",2),Zt=nl([p("uui-radio-group")],Zt);var a1=Object.defineProperty,al=Object.getOwnPropertySymbols,l1=Object.prototype.hasOwnProperty,u1=Object.prototype.propertyIsEnumerable,ll=(t,e,r)=>e in t?a1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ul=(t,e)=>{for(var r in e||(e={}))l1.call(e,r)&&ll(t,r,e[r]);if(al)for(var r of al(e))u1.call(e,r)&&ll(t,r,e[r]);return t};class V extends O{constructor(e,r={}){super(e,ul(ul({},{bubbles:!0}),r))}}V.INPUT="input",V.CHANGE="change";var c1=Object.defineProperty,h1=Object.getOwnPropertyDescriptor,S=(t,e,r,o)=>{for(var i=o>1?void 0:o?h1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&c1(e,r,i),i},d1=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},p1=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},v1=(t,e,r)=>(d1(t,e,"access private method"),r),Wo,cl;const de=12,hl=24;let P=class extends fe(v){constructor(){super(),p1(this,Wo),this.disabled=!1,this.step=1,this.hideStepValues=!1,this.min=0,this.max=100,this._valueLow=0,this._valueHigh=100,this._trackWidth=0,this._currentThumbFocus="low",this._startPos=0,this._startLow=0,this._startHigh=0,this._onMouseDown=t=>{if(t.preventDefault(),this.disabled)return;window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove);const e=t.composedPath()[0],r=t.pageX;if(e==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(r,this.valueLow,this.valueHigh);return}this._moveThumb(r)},this._onMouseMove=t=>{t.preventDefault();const e=t.pageX,r=this._getValue(e);this._grabbingBoth?this._moveBoth(e):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(r)),this.dispatchEvent(new V(V.INPUT))},this._onMouseUp=()=>{this._stop(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this._onTouchStart=t=>{if(t.preventDefault(),this.disabled)return;window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove);const e=t.composedPath()[0],r=t.touches[0].pageX;if(e==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(r,this.valueLow,this.valueHigh);return}this._moveThumb(r)},this._onTouchMove=t=>{const e=t.touches[0].pageX,r=this._getValue(e);this._grabbingBoth?this._moveBoth(e):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(r)),this.dispatchEvent(new V(V.INPUT))},this._onTouchEnd=()=>{this._stop(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),this.addValidator("stepMismatch",()=>"Step property needs to be higher than 0",()=>this.step<=0),this.addValidator("stepMismatch",()=>"Maxmimum gap needs to be higher than minimum gap",()=>!!this.maxGap&&!!this.minGap&&this.maxGap<=this.minGap),this.addValidator("rangeUnderflow",()=>`The lower end value (${this.valueLow}) cannot be below the the minimum value setting (${this.min})`,()=>this.valueLow<this.min),this.addValidator("rangeOverflow",()=>`The higher end value (${this.valueHigh}) cannot be above the the maximum value setting (${this.max})`,()=>this.valueHigh>this.max)}get value(){return this._value}set value(t){if(t instanceof String){super.value=t;const e=t.split(",");this.valueLow=parseInt(e[0]),this.valueHigh=parseInt(e[1])}}set valueLow(t){const e=this._valueHigh;if(t<=this.min){this._valueLow=this.min,super.value=`${this.min},${this.valueHigh}`,this.requestUpdate("valueLow",e);return}if(t>=this.valueHigh-this.step){this._valueLow=this.valueHigh-this.step,super.value=`${this.valueHigh-this.step},${this.valueHigh}`,this.requestUpdate("valueLow",e);return}this._valueLow=t,super.value=`${t},${this.valueHigh}`,this.requestUpdate("valueLow",e)}get valueLow(){return this._valueLow}set valueHigh(t){const e=this._valueHigh;if(t>=this.max){this._valueHigh=this.max,super.value=`${this.valueLow},${this.max}`,this.requestUpdate("valueHigh",e);return}if(t<=this.valueLow+this.step){this._valueHigh=this.valueLow+this.step,super.value=`${this.valueLow},${this.valueLow+this.step}`,this.requestUpdate("valueHigh",e);return}this._valueHigh=t,super.value=`${this.valueLow},${t}`,this.requestUpdate("valueHigh",e)}get valueHigh(){return this._valueHigh}getFormElement(){return this._currentInputFocus?this._currentInputFocus:this._inputLow}focus(){this._currentInputFocus?this._currentInputFocus.focus():this._inputLow.focus()}_onKeypress(t){t.key=="Enter"&&this.submit()}_sliderLowThumbPosition(){const t=(this.valueLow-this.min)/(this.max-this.min);return`${Math.floor(t*1e5)/1e3}%`}_sliderHighThumbPosition(){const t=(this.valueHigh-this.min)/(this.max-this.min);return`${Math.floor(t*1e5)/1e3}%`}_fillColor(){const t=(this.valueLow-this.min)/(this.max-this.min)*100,e=(this.valueHigh-this.min)/(this.max-this.min)*100;this._innerColor.style.left=`${t}%`,this._innerColor.style.right=`${100-e}%`}_moveThumb(t){const e=this._getValue(t);e>=this.valueHigh&&this._setThumb(this._thumbHigh),e<=this.valueLow&&this._setThumb(this._thumbLow),this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(e))}_stop(){this._grabbingBoth=!1,this.pristine=!1,this.dispatchEvent(new V(V.CHANGE))}_setThumb(t){this._currentThumbFocus=t===this._thumbLow?"low":"high",this._currentThumbFocus==="low"?this._currentInputFocus=this._inputLow:this._currentInputFocus=this._inputHigh,this.focus()}_setValueBasedOnCurrentThumb(t){this._currentThumbFocus==="low"?this.valueLow=t:this.valueHigh=t}_getValue(t){const o=(t-this._innerTrack.getBoundingClientRect().left)/(this._trackWidth-de*2)*(this.max-this.min)+this.min;return Math.round(o/this.step)*this.step}_validateLowByMinGap(t){return!this.minGap||this.minGap<=this.step?t:t+this.minGap>=this.valueHigh?this.valueHigh-this.minGap:t}_validateLowByMaxGap(t){return this.maxGap&&this.valueHigh-t>=this.maxGap?this.valueHigh-this.maxGap:t}_validateHighByMinGap(t){return!this.minGap||this.minGap<=this.step?t:t<=this.valueLow+this.minGap?this.valueLow+this.minGap:t}_validateHighByMaxGap(t){return this.maxGap&&t>=this.valueLow+this.maxGap?this.valueLow+this.maxGap:t}_validateValueBasedOnCurrentThumb(t){if(this._currentThumbFocus=="low"){let r;return r=t<this.valueHigh-this.step?t:this.valueHigh-this.step,r=r>=this.min?r:this.min,r=this.minGap?this._validateLowByMinGap(r):r,r=this.maxGap?this._validateLowByMaxGap(r):r,r}let e;return e=t>this.valueLow+this.step?t:this.valueLow+this.step,e=e<=this.max?e:this.max,e=this.minGap?this._validateHighByMinGap(e):e,e=this.maxGap?this._validateHighByMaxGap(e):e,e}_saveStartPoint(t,e,r){this._startPos=t,this._startLow=e,this._startHigh=r}_moveBoth(t){const e=t-this._startPos,r=this.max-this.min,o=e/(this._trackWidth+de*2),i=Math.round(o*r/this.step)*this.step,s=this._startLow+i,n=this._startHigh+i,u=this._getValidatedValues(s,n);s===u.low&&n===u.high&&(this.valueLow=s,this.valueHigh=n,this.dispatchEvent(new V(V.INPUT)))}_getValidatedValues(t,e){const r=t>this.min?t:this.min,o=e<this.max?e:this.max;return{low:r,high:o}}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new V(V.CHANGE))}_onLowInput(t){t.stopPropagation();let e=parseInt(this._inputLow.value);e=this._validateLowByMinGap(e),e=this._validateLowByMaxGap(e),this._inputLow.value=String(e),this.valueLow=e,this.dispatchEvent(new V(V.INPUT))}_onHighInput(t){t.stopPropagation();let e=parseInt(this._inputHigh.value);e=this._validateHighByMinGap(e),e=this._validateHighByMaxGap(e),this._inputHigh.value=String(e),this.valueHigh=e,this.dispatchEvent(new V(V.INPUT))}connectedCallback(){super.connectedCallback(),v1(this,Wo,cl).call(this),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack.offsetWidth})}updated(t){super.updated(t),this._trackWidth=this._outerTrack.offsetWidth,this._fillColor()}render(){return l`
|
|
3975
4153
|
<div id="range-slider">
|
|
3976
4154
|
${this.renderNativeInputs()}
|
|
3977
4155
|
<div id="inner-track">
|
|
@@ -4019,8 +4197,8 @@
|
|
|
4019
4197
|
<rect x="9" y="9" height="3" rx="2" />
|
|
4020
4198
|
${this.renderSteps()}
|
|
4021
4199
|
</svg>
|
|
4022
|
-
</div>`}renderSteps(){const t=(this.max-this.min)/this.step,e=(this._trackWidth-de*2)/t,r=this._trackWidth/(this.max-this.min);if(e>=
|
|
4023
|
-
${i.map(n=>{const u=n+de;return u/r>this.valueLow-this.min&&u/r<this.valueHigh-this.min?g`<circle class="track-step ${s}" cx="${u}" cy="50%" r="4.5" />`:g`<circle class="track-step" cx="${u}" cy="50%" r="4.5" />`})}`}else return g``}renderStepValues(){if(this.hideStepValues)return
|
|
4200
|
+
</div>`}renderSteps(){const t=(this.max-this.min)/this.step,e=(this._trackWidth-de*2)/t,r=this._trackWidth/(this.max-this.min);if(e>=hl){let o=0;const i=[];for(o;o<=t;o++)i.push(o*e);const s=this.disabled==!1?"filled":"filled-disabled";return g`
|
|
4201
|
+
${i.map(n=>{const u=n+de;return u/r>this.valueLow-this.min&&u/r<this.valueHigh-this.min?g`<circle class="track-step ${s}" cx="${u}" cy="50%" r="4.5" />`:g`<circle class="track-step" cx="${u}" cy="50%" r="4.5" />`})}`}else return g``}renderStepValues(){if(this.hideStepValues)return x;const t=(this.max-this.min)/this.step;if((this._trackWidth-de*2)/t>=hl&&t<=20){let r=0;const o=[];for(r;r<=t;r++)o.push(r*this.step+this.min);return l` ${o.map(i=>l`<span><span>${i}</span></span>`)}`}else return x}};Wo=new WeakSet,cl=function(t){this._value=t||`${this.valueLow},${this.valueHigh}`},P.styles=[vn,d`
|
|
4024
4202
|
:host {
|
|
4025
4203
|
display: block;
|
|
4026
4204
|
min-height: 50px;
|
|
@@ -4358,7 +4536,7 @@
|
|
|
4358
4536
|
input[type='range']:disabled::-ms-thumb {
|
|
4359
4537
|
cursor: default;
|
|
4360
4538
|
}
|
|
4361
|
-
`],P.formAssociated=!0,S([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2),S([a({type:String})],P.prototype,"label",2),S([a({type:Number})],P.prototype,"step",2),S([a({type:Boolean,attribute:"hide-step-values"})],P.prototype,"hideStepValues",2),S([a({type:Number})],P.prototype,"min",2),S([a({type:Number})],P.prototype,"max",2),S([a({type:Number,attribute:"min-gap"})],P.prototype,"minGap",2),S([a({type:Number,attribute:"max-gap"})],P.prototype,"maxGap",2),S([a({type:String})],P.prototype,"value",1),S([a({type:Number,attribute:"value-low"})],P.prototype,"valueLow",1),S([a({type:Number,attribute:"value-high"})],P.prototype,"valueHigh",1),S([f()],P.prototype,"_trackWidth",2),S([f()],P.prototype,"_currentInputFocus",2),S([f()],P.prototype,"_currentThumbFocus",2),S([f()],P.prototype,"_grabbingBoth",2),S([f()],P.prototype,"_startPos",2),S([f()],P.prototype,"_startLow",2),S([f()],P.prototype,"_startHigh",2),S([C("#low-input")],P.prototype,"_inputLow",2),S([C("#high-input")],P.prototype,"_inputHigh",2),S([C("#range-slider")],P.prototype,"_outerTrack",2),S([C("#inner-track")],P.prototype,"_innerTrack",2),S([C("#low-thumb")],P.prototype,"_thumbLow",2),S([C("#high-thumb")],P.prototype,"_thumbHigh",2),S([C(".color")],P.prototype,"_innerColor",2),S([C(".color-target")],P.prototype,"_bothThumbsTarget",2),P=S([p("uui-range-slider")],P);var
|
|
4539
|
+
`],P.formAssociated=!0,S([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2),S([a({type:String})],P.prototype,"label",2),S([a({type:Number})],P.prototype,"step",2),S([a({type:Boolean,attribute:"hide-step-values"})],P.prototype,"hideStepValues",2),S([a({type:Number})],P.prototype,"min",2),S([a({type:Number})],P.prototype,"max",2),S([a({type:Number,attribute:"min-gap"})],P.prototype,"minGap",2),S([a({type:Number,attribute:"max-gap"})],P.prototype,"maxGap",2),S([a({type:String})],P.prototype,"value",1),S([a({type:Number,attribute:"value-low"})],P.prototype,"valueLow",1),S([a({type:Number,attribute:"value-high"})],P.prototype,"valueHigh",1),S([f()],P.prototype,"_trackWidth",2),S([f()],P.prototype,"_currentInputFocus",2),S([f()],P.prototype,"_currentThumbFocus",2),S([f()],P.prototype,"_grabbingBoth",2),S([f()],P.prototype,"_startPos",2),S([f()],P.prototype,"_startLow",2),S([f()],P.prototype,"_startHigh",2),S([C("#low-input")],P.prototype,"_inputLow",2),S([C("#high-input")],P.prototype,"_inputHigh",2),S([C("#range-slider")],P.prototype,"_outerTrack",2),S([C("#inner-track")],P.prototype,"_innerTrack",2),S([C("#low-thumb")],P.prototype,"_thumbLow",2),S([C("#high-thumb")],P.prototype,"_thumbHigh",2),S([C(".color")],P.prototype,"_innerColor",2),S([C(".color-target")],P.prototype,"_bothThumbsTarget",2),P=S([p("uui-range-slider")],P);var f1=Object.defineProperty,b1=Object.getOwnPropertyDescriptor,g1=(t,e,r,o)=>{for(var i=o>1?void 0:o?b1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&f1(e,r,i),i};let Ui=class extends v{render(){return l`<slot></slot>`}};Ui.styles=[d`
|
|
4362
4540
|
:host {
|
|
4363
4541
|
display: block;
|
|
4364
4542
|
}
|
|
@@ -4374,7 +4552,7 @@
|
|
|
4374
4552
|
right: 0;
|
|
4375
4553
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
4376
4554
|
}
|
|
4377
|
-
`],
|
|
4555
|
+
`],Ui=g1([p("uui-ref-list")],Ui);class Qt extends O{}Qt.OPEN="open";var m1=Object.defineProperty,_1=Object.getOwnPropertyDescriptor,Ko=(t,e,r,o)=>{for(var i=o>1?void 0:o?_1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&m1(e,r,i),i};let We=class extends Jr(St(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Qt(Qt.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Qt(Qt.OPEN)))}};We.styles=[d`
|
|
4378
4556
|
:host {
|
|
4379
4557
|
position: relative;
|
|
4380
4558
|
display: flex;
|
|
@@ -4522,7 +4700,7 @@
|
|
|
4522
4700
|
justify-content: flex-end;
|
|
4523
4701
|
align-items: center;
|
|
4524
4702
|
}
|
|
4525
|
-
`],
|
|
4703
|
+
`],Ko([a({type:Boolean,reflect:!0})],We.prototype,"disabled",2),Ko([a({type:Boolean,reflect:!0})],We.prototype,"error",2),We=Ko([p("uui-ref")],We);var y1=Object.defineProperty,w1=Object.getOwnPropertyDescriptor,Di=(t,e,r,o)=>{for(var i=o>1?void 0:o?w1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&y1(e,r,i),i};let D=class extends We{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail"
|
|
4526
4704
|
>${this.detail}<slot name="detail"></slot
|
|
4527
4705
|
></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
4528
4706
|
<button
|
|
@@ -4547,7 +4725,7 @@
|
|
|
4547
4725
|
<slot></slot>
|
|
4548
4726
|
<slot name="tag"></slot>
|
|
4549
4727
|
<slot name="actions" id="actions-container"></slot>
|
|
4550
|
-
`}};
|
|
4728
|
+
`}};D.styles=[...We.styles,d`
|
|
4551
4729
|
:host {
|
|
4552
4730
|
min-width: 250px;
|
|
4553
4731
|
padding: calc(var(--uui-size-2,6px) + 1px);
|
|
@@ -4606,17 +4784,17 @@
|
|
|
4606
4784
|
:host([disabled]) #detail {
|
|
4607
4785
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4608
4786
|
}
|
|
4609
|
-
`],
|
|
4787
|
+
`],Di([a({type:String})],D.prototype,"name",2),Di([a({type:String})],D.prototype,"detail",2),Di([f()],D.prototype,"_iconSlotHasContent",2),D=Di([p("uui-ref-node")],D);var x1=Object.defineProperty,$1=Object.getOwnPropertyDescriptor,dl=(t,e,r,o)=>{for(var i=o>1?void 0:o?$1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&x1(e,r,i),i};let Or=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4610
4788
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4611
|
-
></small>`}};
|
|
4789
|
+
></small>`}};Or.styles=[...D.styles],dl([a({type:String})],Or.prototype,"alias",2),Or=dl([p("uui-ref-node-data-type")],Or);var E1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,pl=(t,e,r,o)=>{for(var i=o>1?void 0:o?P1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&E1(e,r,i),i};let Sr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4612
4790
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4613
|
-
></small>`}};
|
|
4791
|
+
></small>`}};Sr.styles=[...D.styles],pl([a({type:String})],Sr.prototype,"alias",2),Sr=pl([p("uui-ref-node-document-type")],Sr);var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,S1=(t,e,r,o)=>{for(var i=o>1?void 0:o?O1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&C1(e,r,i),i};let Li=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}};Li.styles=[...D.styles],Li=S1([p("uui-ref-node-form")],Li);var k1=Object.defineProperty,z1=Object.getOwnPropertyDescriptor,vl=(t,e,r,o)=>{for(var i=o>1?void 0:o?z1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&k1(e,r,i),i};let kr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
|
|
4614
4792
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4615
|
-
></small>`}};
|
|
4793
|
+
></small>`}};kr.styles=[...D.styles],vl([a({type:String,attribute:"group-name"})],kr.prototype,"groupName",2),kr=vl([p("uui-ref-node-member")],kr);var I1=Object.defineProperty,A1=Object.getOwnPropertyDescriptor,Xo=(t,e,r,o)=>{for(var i=o>1?void 0:o?A1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&I1(e,r,i),i};let Jt=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail"
|
|
4616
4794
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4617
|
-
></small>`}};
|
|
4795
|
+
></small>`}};Jt.styles=[...D.styles],Xo([a({type:String})],Jt.prototype,"version",2),Xo([a({type:String})],Jt.prototype,"author",2),Jt=Xo([p("uui-ref-node-package")],Jt);var U1=Object.defineProperty,D1=Object.getOwnPropertyDescriptor,fl=(t,e,r,o)=>{for(var i=o>1?void 0:o?D1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&U1(e,r,i),i};let zr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
|
|
4618
4796
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4619
|
-
></small>`}};
|
|
4797
|
+
></small>`}};zr.styles=[...D.styles],fl([a({type:String,attribute:"group-name"})],zr.prototype,"groupName",2),zr=fl([p("uui-ref-node-user")],zr);var L1=Object.defineProperty,N1=Object.getOwnPropertyDescriptor,bl=(t,e,r,o)=>{for(var i=o>1?void 0:o?N1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&L1(e,r,i),i};let Ir=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Ir.styles=[d`
|
|
4620
4798
|
:host {
|
|
4621
4799
|
display: block;
|
|
4622
4800
|
scrollbar-width: thin;
|
|
@@ -4642,17 +4820,17 @@
|
|
|
4642
4820
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4643
4821
|
border-radius: 3px;
|
|
4644
4822
|
}
|
|
4645
|
-
`],
|
|
4823
|
+
`],bl([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],Ir.prototype,"enforceScroll",2),Ir=bl([p("uui-scroll-container")],Ir);var H1=Object.defineProperty,gl=Object.getOwnPropertySymbols,T1=Object.prototype.hasOwnProperty,M1=Object.prototype.propertyIsEnumerable,ml=(t,e,r)=>e in t?H1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_l=(t,e)=>{for(var r in e||(e={}))T1.call(e,r)&&ml(t,r,e[r]);if(gl)for(var r of gl(e))M1.call(e,r)&&ml(t,r,e[r]);return t};class Ni extends O{constructor(e,r={}){super(e,_l(_l({},{bubbles:!0}),r))}}Ni.CHANGE="change";var j1=Object.defineProperty,V1=Object.getOwnPropertyDescriptor,xe=(t,e,r,o)=>{for(var i=o>1?void 0:o?V1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&j1(e,r,i),i};let Z=class extends fe(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}focus(){this._input.focus()}click(){this._input.click()}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const e=this.options.find(r=>r.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new Ni(Ni.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option
|
|
4646
4824
|
value="${e}"
|
|
4647
4825
|
?selected=${r}
|
|
4648
4826
|
?disabled=${o}>
|
|
4649
4827
|
${t}
|
|
4650
|
-
</option>`}_renderGrouped(){return this._groups.length===0?l
|
|
4828
|
+
</option>`}_renderGrouped(){return this._groups.length===0?x:l`
|
|
4651
4829
|
${this._groups.map(t=>l`<optgroup
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4830
|
+
label=${t}
|
|
4831
|
+
?disabled=${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}>
|
|
4832
|
+
${this.options.map(e=>e.group===t?this._renderOption(e.name,e.value,e.selected,e.disabled):"")}
|
|
4833
|
+
</optgroup>`)}
|
|
4656
4834
|
`}render(){return l` <select
|
|
4657
4835
|
id="native"
|
|
4658
4836
|
aria-label=${this.label}
|
|
@@ -4663,7 +4841,7 @@
|
|
|
4663
4841
|
<option disabled selected value="" hidden>${this.placeholder}</option>
|
|
4664
4842
|
${this._renderGrouped()}
|
|
4665
4843
|
${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}
|
|
4666
|
-
</select>`}};Z.styles=[
|
|
4844
|
+
</select>`}};Z.styles=[d`
|
|
4667
4845
|
:host {
|
|
4668
4846
|
position: relative;
|
|
4669
4847
|
font-family: inherit;
|
|
@@ -4734,7 +4912,7 @@
|
|
|
4734
4912
|
:host([error]) #native[disabled] {
|
|
4735
4913
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4736
4914
|
}
|
|
4737
|
-
`],xe([a({type:String})],Z.prototype,"label",2),xe([a()],Z.prototype,"placeholder",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"error",2),xe([a({type:Array,attribute:!1})],Z.prototype,"options",2),xe([f()],Z.prototype,"_groups",2),xe([a()],Z.prototype,"disabledGroups",2),xe([f()],Z.prototype,"_disabledGroups",2),xe([C("#native")],Z.prototype,"_input",2),Z=xe([p("uui-select")],Z);const
|
|
4915
|
+
`],xe([a({type:String})],Z.prototype,"label",2),xe([a()],Z.prototype,"placeholder",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"error",2),xe([a({type:Array,attribute:!1})],Z.prototype,"options",2),xe([f()],Z.prototype,"_groups",2),xe([a()],Z.prototype,"disabledGroups",2),xe([f()],Z.prototype,"_disabledGroups",2),xe([C("#native")],Z.prototype,"_input",2),Z=xe([p("uui-select")],Z);const B1=d`
|
|
4738
4916
|
input[type='range'] {
|
|
4739
4917
|
left: 0;
|
|
4740
4918
|
position: absolute;
|
|
@@ -4841,15 +5019,15 @@
|
|
|
4841
5019
|
input[type='range']:focus::-ms-fill-upper {
|
|
4842
5020
|
background: transparent;
|
|
4843
5021
|
}
|
|
4844
|
-
`;var
|
|
4845
|
-
${t.map(r=>{if(e
|
|
4846
|
-
`,
|
|
5022
|
+
`;var R1=Object.defineProperty,yl=Object.getOwnPropertySymbols,F1=Object.prototype.hasOwnProperty,G1=Object.prototype.propertyIsEnumerable,wl=(t,e,r)=>e in t?R1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,xl=(t,e)=>{for(var r in e||(e={}))F1.call(e,r)&&wl(t,r,e[r]);if(yl)for(var r of yl(e))G1.call(e,r)&&wl(t,r,e[r]);return t};class _t extends O{constructor(e,r={}){super(e,xl(xl({},{bubbles:!0}),r))}}_t.INPUT="input",_t.CHANGE="change";var q1=Object.defineProperty,W1=Object.getOwnPropertyDescriptor,Q=(t,e,r,o)=>{for(var i=o>1?void 0:o?W1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&q1(e,r,i),i};const Ar=12,$l=24,K1=(t,e)=>g`
|
|
5023
|
+
${t.map(r=>{if(e>=$l){const o=Math.round(Ar+e*t.indexOf(r));return g`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return g``})}
|
|
5024
|
+
`,X1=(t,e,r)=>r?x:l`<div id="step-values">
|
|
4847
5025
|
${t.map(o=>l` <span
|
|
4848
5026
|
><span>
|
|
4849
|
-
${t.length<=20&&e
|
|
5027
|
+
${t.length<=20&&e>=$l?o.toFixed(0):x}
|
|
4850
5028
|
</span></span
|
|
4851
5029
|
>`)}
|
|
4852
|
-
</div>`,
|
|
5030
|
+
</div>`,Y1=(t,e,r)=>Array.from({length:(e-t)/r+1},(o,i)=>t+i*r);let j=class extends fe(v){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){if(t instanceof File)return;const e=this._value;let r=t?parseFloat(t):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),this._value=r.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",e)}focus(){this._input.focus()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(t){super.updated(t),(t.get("max")||t.get("min")||t.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=Y1(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Ar*2)/(this._steps.length-1)}_onKeypress(t){t.key=="Enter"&&this.submit()}_calculateSliderPosition(){const t=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(t*1e5)/1e3}%`}_onInput(t){t.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new _t(_t.INPUT))}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new _t(_t.CHANGE))}render(){return l`
|
|
4853
5031
|
<input
|
|
4854
5032
|
id="input"
|
|
4855
5033
|
type="range"
|
|
@@ -4864,7 +5042,7 @@
|
|
|
4864
5042
|
<div id="track" aria-hidden="true">
|
|
4865
5043
|
<svg height="100%" width="100%">
|
|
4866
5044
|
<rect x="9" y="9" height="3" rx="2" />
|
|
4867
|
-
${
|
|
5045
|
+
${K1(this._steps,this._stepWidth)}
|
|
4868
5046
|
</svg>
|
|
4869
5047
|
|
|
4870
5048
|
<div id="track-inner" aria-hidden="true">
|
|
@@ -4873,8 +5051,8 @@
|
|
|
4873
5051
|
</div>
|
|
4874
5052
|
</div>
|
|
4875
5053
|
</div>
|
|
4876
|
-
${
|
|
4877
|
-
`}};
|
|
5054
|
+
${X1(this._steps,this._stepWidth,this.hideStepValues)}
|
|
5055
|
+
`}};j.formAssociated=!0,j.styles=[vn,B1,d`
|
|
4878
5056
|
:host {
|
|
4879
5057
|
display: inline-block;
|
|
4880
5058
|
width: 100%;
|
|
@@ -4922,8 +5100,8 @@
|
|
|
4922
5100
|
|
|
4923
5101
|
#track-inner {
|
|
4924
5102
|
position: absolute;
|
|
4925
|
-
left: ${
|
|
4926
|
-
right: ${
|
|
5103
|
+
left: ${Ar}px; /* Match TRACK_MARGIN */
|
|
5104
|
+
right: ${Ar}px; /* Match TRACK_MARGIN */
|
|
4927
5105
|
}
|
|
4928
5106
|
|
|
4929
5107
|
#thumb {
|
|
@@ -4982,7 +5160,7 @@
|
|
|
4982
5160
|
}
|
|
4983
5161
|
|
|
4984
5162
|
#step-values {
|
|
4985
|
-
margin: 0 ${
|
|
5163
|
+
margin: 0 ${Ar}px; /* Match TRACK_MARGIN */
|
|
4986
5164
|
margin-top: 6px;
|
|
4987
5165
|
display: flex;
|
|
4988
5166
|
align-items: flex-end;
|
|
@@ -5013,9 +5191,9 @@
|
|
|
5013
5191
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
5014
5192
|
background-color: var(--uui-color-danger,#d42054);
|
|
5015
5193
|
}
|
|
5016
|
-
`],Q([a({type:Boolean,attribute:"hide-step-values"})],
|
|
5194
|
+
`],Q([a({type:Boolean,attribute:"hide-step-values"})],j.prototype,"hideStepValues",2),Q([a({type:Number})],j.prototype,"min",2),Q([a({type:Number})],j.prototype,"max",2),Q([a({type:Number})],j.prototype,"step",2),Q([a({type:String})],j.prototype,"value",1),Q([a({type:Boolean,reflect:!0})],j.prototype,"disabled",2),Q([a({type:String})],j.prototype,"label",2),Q([C("#input")],j.prototype,"_input",2),Q([C("#track")],j.prototype,"_track",2),Q([f()],j.prototype,"_stepWidth",2),Q([f()],j.prototype,"_steps",2),Q([f()],j.prototype,"_sliderPosition",2),j=Q([p("uui-slider")],j);var Z1=Object.defineProperty,Q1=Object.getOwnPropertyDescriptor,El=(t,e,r,o)=>{for(var i=o>1?void 0:o?Q1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Z1(e,r,i),i};let Ur=class extends v{constructor(){super(...arguments),this.open=!1}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5017
5195
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5018
|
-
</svg>`}};
|
|
5196
|
+
</svg>`}};Ur.styles=[d`
|
|
5019
5197
|
:host {
|
|
5020
5198
|
display: inline-block;
|
|
5021
5199
|
width: 12px;
|
|
@@ -5034,13 +5212,13 @@
|
|
|
5034
5212
|
:host([open]) svg {
|
|
5035
5213
|
transform: rotate(0deg);
|
|
5036
5214
|
}
|
|
5037
|
-
`],
|
|
5215
|
+
`],El([a({type:Boolean,reflect:!0})],Ur.prototype,"open",2),Ur=El([p("uui-symbol-expand")],Ur);var J1=Object.defineProperty,ev=Object.getOwnPropertyDescriptor,Pl=(t,e,r,o)=>{for(var i=o>1?void 0:o?ev(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&J1(e,r,i),i};let Dr=class extends v{constructor(){super(...arguments),this.error=!1}render(){return l`<svg
|
|
5038
5216
|
xmlns="http://www.w3.org/2000/svg"
|
|
5039
5217
|
viewBox="0 0 512 512"
|
|
5040
5218
|
id="upload-icon">
|
|
5041
5219
|
<path
|
|
5042
5220
|
d=${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"} />
|
|
5043
|
-
</svg> `}};
|
|
5221
|
+
</svg> `}};Dr.styles=[d`
|
|
5044
5222
|
:host {
|
|
5045
5223
|
display: flex;
|
|
5046
5224
|
flex-direction: column;
|
|
@@ -5059,9 +5237,9 @@
|
|
|
5059
5237
|
:host([error]) #upload-icon {
|
|
5060
5238
|
fill: var(--uui-color-danger,#d42054);
|
|
5061
5239
|
}
|
|
5062
|
-
`],
|
|
5240
|
+
`],Pl([a({type:Boolean,reflect:!0})],Dr.prototype,"error",2),Dr=Pl([p("uui-symbol-file-dropzone")],Dr);var tv=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,Yo=(t,e,r,o)=>{for(var i=o>1?void 0:o?rv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&tv(e,r,i),i};let er=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}render(){return this.src?l`<img src=${this.src} alt=${this.alt} />`:l`<uui-icon
|
|
5063
5241
|
name="picture"
|
|
5064
|
-
.fallback=${
|
|
5242
|
+
.fallback=${oh.strings[0]}></uui-icon>`}};er.styles=[d`
|
|
5065
5243
|
:host {
|
|
5066
5244
|
display: block;
|
|
5067
5245
|
width: 100%;
|
|
@@ -5084,9 +5262,9 @@
|
|
|
5084
5262
|
color: var(--uui-color-surface,#fff);
|
|
5085
5263
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
5086
5264
|
}
|
|
5087
|
-
`],
|
|
5265
|
+
`],Yo([a({type:String})],er.prototype,"src",2),Yo([a({type:String})],er.prototype,"alt",2),er=Yo([p("uui-symbol-file-thumbnail")],er);var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,Cl=(t,e,r,o)=>{for(var i=o>1?void 0:o?ov(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&iv(e,r,i),i};let Lr=class extends v{constructor(){super(...arguments),this.open=!1}render(){return g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5088
5266
|
${this.open===!0?g`<path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"></path>`:g`<path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"></path>`}
|
|
5089
|
-
</svg>`}};
|
|
5267
|
+
</svg>`}};Lr.styles=[d`
|
|
5090
5268
|
:host {
|
|
5091
5269
|
display: inline-block;
|
|
5092
5270
|
vertical-align: middle;
|
|
@@ -5096,7 +5274,7 @@
|
|
|
5096
5274
|
svg {
|
|
5097
5275
|
fill: currentColor;
|
|
5098
5276
|
}
|
|
5099
|
-
`],
|
|
5277
|
+
`],Cl([a({type:Boolean,reflect:!0})],Lr.prototype,"open",2),Lr=Cl([p("uui-symbol-lock")],Lr);var sv=Object.defineProperty,nv=Object.getOwnPropertyDescriptor,av=(t,e,r,o)=>{for(var i=o>1?void 0:o?nv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&sv(e,r,i),i};let Hi=class extends v{render(){return l`•••`}};Hi.styles=[d`
|
|
5100
5278
|
:host {
|
|
5101
5279
|
display: inline-block;
|
|
5102
5280
|
font-size: 0.8em;
|
|
@@ -5105,7 +5283,7 @@
|
|
|
5105
5283
|
line-height: 1em;
|
|
5106
5284
|
user-select: none;
|
|
5107
5285
|
}
|
|
5108
|
-
`],
|
|
5286
|
+
`],Hi=av([p("uui-symbol-more")],Hi);var lv=Object.defineProperty,uv=Object.getOwnPropertyDescriptor,Ol=(t,e,r,o)=>{for(var i=o>1?void 0:o?uv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lv(e,r,i),i};let Nr=class extends cr(v){constructor(){super(...arguments),this.descending=!1}render(){return l`<svg
|
|
5109
5287
|
id="up"
|
|
5110
5288
|
xmlns="http://www.w3.org/2000/svg"
|
|
5111
5289
|
viewBox="0 0 512 512">
|
|
@@ -5113,7 +5291,7 @@
|
|
|
5113
5291
|
</svg>
|
|
5114
5292
|
<svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5115
5293
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5116
|
-
</svg>`}};
|
|
5294
|
+
</svg>`}};Nr.styles=[d`
|
|
5117
5295
|
:host {
|
|
5118
5296
|
position: relative;
|
|
5119
5297
|
display: inline-block;
|
|
@@ -5170,7 +5348,7 @@
|
|
|
5170
5348
|
:host([active][descending]) #down {
|
|
5171
5349
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
5172
5350
|
}
|
|
5173
|
-
`],
|
|
5351
|
+
`],Ol([a({type:Boolean,reflect:!0})],Nr.prototype,"descending",2),Nr=Ol([p("uui-symbol-sort")],Nr);var cv=Object.defineProperty,hv=Object.getOwnPropertyDescriptor,dv=(t,e,r,o)=>{for(var i=o>1?void 0:o?hv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&cv(e,r,i),i};let Ti=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};Ti.styles=[d`
|
|
5174
5352
|
:host {
|
|
5175
5353
|
display: table;
|
|
5176
5354
|
width: 100%;
|
|
@@ -5178,7 +5356,7 @@
|
|
|
5178
5356
|
background-color: var(--uui-color-surface,#fff);
|
|
5179
5357
|
cursor: default;
|
|
5180
5358
|
}
|
|
5181
|
-
`],Ti=
|
|
5359
|
+
`],Ti=dv([p("uui-table")],Ti);var pv=Object.defineProperty,vv=Object.getOwnPropertyDescriptor,Mi=(t,e,r,o)=>{for(var i=o>1?void 0:o?vv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&pv(e,r,i),i};let $e=class extends v{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l` <slot @slotchange=${this._detectOverflow}></slot>`}};$e.styles=[d`
|
|
5182
5360
|
:host {
|
|
5183
5361
|
position: relative;
|
|
5184
5362
|
display: table-cell;
|
|
@@ -5212,20 +5390,20 @@
|
|
|
5212
5390
|
:host([no-padding]) {
|
|
5213
5391
|
padding: 0;
|
|
5214
5392
|
}
|
|
5215
|
-
`],
|
|
5393
|
+
`],Mi([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],$e.prototype,"disableChildInteraction",2),Mi([a({type:Boolean,reflect:!0,attribute:"no-padding"})],$e.prototype,"noPadding",2),Mi([a({type:Boolean,reflect:!0,attribute:"clip-text"})],$e.prototype,"clipText",2),$e=Mi([p("uui-table-cell")],$e);var fv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,gv=(t,e,r,o)=>{for(var i=o>1?void 0:o?bv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&fv(e,r,i),i};let ji=class extends v{};ji.styles=[d`
|
|
5216
5394
|
:host {
|
|
5217
5395
|
display: table-column;
|
|
5218
5396
|
}
|
|
5219
|
-
`],
|
|
5397
|
+
`],ji=gv([p("uui-table-column")],ji);var mv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,yv=(t,e,r,o)=>{for(var i=o>1?void 0:o?_v(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&mv(e,r,i),i};let Vi=class extends $e{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};Vi.styles=[...$e.styles,d`
|
|
5220
5398
|
:host {
|
|
5221
5399
|
border-top: none;
|
|
5222
5400
|
}
|
|
5223
|
-
`],
|
|
5401
|
+
`],Vi=yv([p("uui-table-head-cell")],Vi);var wv=Object.defineProperty,xv=Object.getOwnPropertyDescriptor,$v=(t,e,r,o)=>{for(var i=o>1?void 0:o?xv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&wv(e,r,i),i};let Bi=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};Bi.styles=[d`
|
|
5224
5402
|
:host {
|
|
5225
5403
|
display: table-header-group;
|
|
5226
5404
|
font-weight: bold;
|
|
5227
5405
|
}
|
|
5228
|
-
`],
|
|
5406
|
+
`],Bi=$v([p("uui-table-head")],Bi);var Ev=Object.defineProperty,Pv=Object.getOwnPropertyDescriptor,Sl=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ev(e,r,i),i};let Hr=class extends Jr(St(v)){constructor(){super();let t=!1;this.addEventListener("blur",()=>{t===!1&&this.style.setProperty("--uui-show-focus-outline","1"),t=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),t=!0}),this.addEventListener("mouseup",()=>{t=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof $e}render(){return l` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}};Hr.styles=[d`
|
|
5229
5407
|
:host {
|
|
5230
5408
|
display: table-row;
|
|
5231
5409
|
position: relative;
|
|
@@ -5247,12 +5425,12 @@
|
|
|
5247
5425
|
:host([selected]:focus) {
|
|
5248
5426
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
5249
5427
|
}
|
|
5250
|
-
`],
|
|
5428
|
+
`],Sl([Be({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],Hr.prototype,"slotCellNodes",2),Hr=Sl([p("uui-table-row")],Hr);var Cv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,Ri=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ov(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cv(e,r,i),i};let Ke=class extends cr(ve("",v)){constructor(){super(),this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`
|
|
5251
5429
|
<a
|
|
5252
5430
|
id="button"
|
|
5253
|
-
href=${
|
|
5254
|
-
target=${
|
|
5255
|
-
rel=${
|
|
5431
|
+
href=${I(this.disabled?void 0:this.href)}
|
|
5432
|
+
target=${I(this.target||void 0)}
|
|
5433
|
+
rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
5256
5434
|
role="tab">
|
|
5257
5435
|
<slot name="icon"></slot>
|
|
5258
5436
|
${this.renderLabel()}
|
|
@@ -5268,7 +5446,7 @@
|
|
|
5268
5446
|
${this.renderLabel()}
|
|
5269
5447
|
<slot name="extra"></slot>
|
|
5270
5448
|
</button>
|
|
5271
|
-
`}};
|
|
5449
|
+
`}};Ke.styles=[d`
|
|
5272
5450
|
:host {
|
|
5273
5451
|
color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
|
|
5274
5452
|
font-family: inherit;
|
|
@@ -5346,7 +5524,7 @@
|
|
|
5346
5524
|
font-size: 20px;
|
|
5347
5525
|
margin-bottom: var(--uui-size-2,6px);
|
|
5348
5526
|
}
|
|
5349
|
-
`],
|
|
5527
|
+
`],Ri([a({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),Ri([a({type:String})],Ke.prototype,"href",2),Ri([a({type:String})],Ke.prototype,"target",2),Ke=Ri([p("uui-tab")],Ke);var Sv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,kl=(t,e,r,o)=>{for(var i=o>1?void 0:o?kv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Sv(e,r,i),i};let Tr=class extends v{constructor(){super(...arguments),this._tabElements=[],this._onTabClicked=t=>{const e=t.currentTarget;this._elementIsTabLike(e)&&(e.active=!0,this._tabElements.filter(o=>o!==e).forEach(o=>{this._elementIsTabLike(o)&&(o.active=!1)}))}}_setTabArray(){this._tabElements=this._slottedNodes?this._slottedNodes:[]}_onSlotChange(){this._tabElements.forEach(t=>{t.removeEventListener("click",this._onTabClicked)}),this._setTabArray(),this._tabElements.forEach(t=>{t.addEventListener("click",this._onTabClicked)})}_elementIsTabLike(t){return t instanceof Ke||"active"in t}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l` <slot @slotchange=${this._onSlotChange}></slot> `}};Tr.styles=[d`
|
|
5350
5528
|
:host {
|
|
5351
5529
|
display: flex;
|
|
5352
5530
|
flex-wrap: wrap;
|
|
@@ -5359,7 +5537,7 @@
|
|
|
5359
5537
|
::slotted(*:not(:last-of-type)) {
|
|
5360
5538
|
border-right: 1px solid var(--uui-tab-divider, none);
|
|
5361
5539
|
}
|
|
5362
|
-
`],
|
|
5540
|
+
`],kl([Be({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],Tr.prototype,"_slottedNodes",2),Tr=kl([p("uui-tab-group")],Tr);class zv extends O{}class Iv extends O{}var Av=Object.defineProperty,Uv=Object.getOwnPropertyDescriptor,Zo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Av(e,r,i),i};let tr=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};tr.styles=[d`
|
|
5363
5541
|
:host {
|
|
5364
5542
|
display: inline-block;
|
|
5365
5543
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -5385,13 +5563,13 @@
|
|
|
5385
5563
|
--color-contrast: var(--uui-color-default-contrast,#fff);
|
|
5386
5564
|
}
|
|
5387
5565
|
:host([color='positive']) {
|
|
5388
|
-
--color: var(--uui-color-positive,#
|
|
5389
|
-
--color-standalone: var(--uui-color-positive-standalone
|
|
5566
|
+
--color: var(--uui-color-positive,#1f9554);
|
|
5567
|
+
--color-standalone: var(--uui-color-positive-standalone,#19864a);
|
|
5390
5568
|
--color-contrast: var(--uui-color-positive-contrast,#fff);
|
|
5391
5569
|
}
|
|
5392
5570
|
:host([color='warning']) {
|
|
5393
|
-
--color: var(--uui-color-warning,#
|
|
5394
|
-
--color-standalone: var(--uui-color-warning-standalone
|
|
5571
|
+
--color: var(--uui-color-warning,#fbd142);
|
|
5572
|
+
--color-standalone: var(--uui-color-warning-standalone,#a17700);
|
|
5395
5573
|
--color-contrast: var(--uui-color-warning-contrast,#000);
|
|
5396
5574
|
}
|
|
5397
5575
|
:host([color='danger']) {
|
|
@@ -5426,14 +5604,14 @@
|
|
|
5426
5604
|
color: var(--color-standalone);
|
|
5427
5605
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
5428
5606
|
}
|
|
5429
|
-
`],
|
|
5607
|
+
`],Zo([a({reflect:!0})],tr.prototype,"color",2),Zo([a({reflect:!0})],tr.prototype,"look",2),tr=Zo([p("uui-tag")],tr);var Dv=Object.defineProperty,zl=Object.getOwnPropertySymbols,Lv=Object.prototype.hasOwnProperty,Nv=Object.prototype.propertyIsEnumerable,Il=(t,e,r)=>e in t?Dv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Al=(t,e)=>{for(var r in e||(e={}))Lv.call(e,r)&&Il(t,r,e[r]);if(zl)for(var r of zl(e))Nv.call(e,r)&&Il(t,r,e[r]);return t};class Mr extends O{constructor(e,r={}){super(e,Al(Al({},{bubbles:!0}),r))}}Mr.CHANGE="change",Mr.INPUT="input";var Hv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?Tv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hv(e,r,i),i};let U=class extends fe(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Mr(Mr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`
|
|
5430
5608
|
<textarea
|
|
5431
5609
|
id="textarea"
|
|
5432
5610
|
.rows=${this.rows}
|
|
5433
5611
|
.cols=${this.cols}
|
|
5434
5612
|
.value=${this.value}
|
|
5435
5613
|
.name=${this.name}
|
|
5436
|
-
wrap=${
|
|
5614
|
+
wrap=${I(this.wrap)}
|
|
5437
5615
|
placeholder=${this.placeholder}
|
|
5438
5616
|
aria-label=${this.label}
|
|
5439
5617
|
.disabled=${this.disabled}
|
|
@@ -5441,7 +5619,7 @@
|
|
|
5441
5619
|
@input=${this.onInput}
|
|
5442
5620
|
@change=${this.onChange}>
|
|
5443
5621
|
</textarea>
|
|
5444
|
-
`}};
|
|
5622
|
+
`}};U.formAssociated=!0,U.styles=[d`
|
|
5445
5623
|
:host {
|
|
5446
5624
|
position: relative;
|
|
5447
5625
|
}
|
|
@@ -5524,7 +5702,7 @@
|
|
|
5524
5702
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
5525
5703
|
var(--uui-color-focus,#3879ff);
|
|
5526
5704
|
}
|
|
5527
|
-
`],B([a()],
|
|
5705
|
+
`],B([a()],U.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],U.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],U.prototype,"readonly",2),B([a({type:String})],U.prototype,"name",2),B([a({type:Boolean,reflect:!0})],U.prototype,"error",2),B([a({type:Number})],U.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],U.prototype,"minlengthMessage",2),B([a({type:Number})],U.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],U.prototype,"maxlengthMessage",2),B([C("#textarea")],U.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],U.prototype,"autoHeight",2),B([a({type:String})],U.prototype,"label",2),B([a({type:Number})],U.prototype,"rows",2),B([a({type:Number})],U.prototype,"cols",2),B([a({type:String})],U.prototype,"wrap",2),U=B([p("uui-textarea")],U);class R extends O{}R.OPENING="opening",R.OPENED="opened",R.CLOSING="closing",R.CLOSED="closed";var Mv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,rr=(t,e,r,o)=>{for(var i=o>1?void 0:o?jv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Mv(e,r,i),i};let je=class extends v{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new th(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new R(R.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new R(R.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new R(R.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new R(R.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
|
|
5528
5706
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
5529
5707
|
<div>
|
|
5530
5708
|
<div id="close">
|
|
@@ -5535,13 +5713,13 @@
|
|
|
5535
5713
|
@click=${()=>this.open=!1}>
|
|
5536
5714
|
<uui-icon
|
|
5537
5715
|
name="remove"
|
|
5538
|
-
.fallback=${
|
|
5716
|
+
.fallback=${wn.strings[0]}></uui-icon>
|
|
5539
5717
|
</uui-button>
|
|
5540
5718
|
</div>
|
|
5541
5719
|
<slot></slot>
|
|
5542
5720
|
</div>
|
|
5543
5721
|
</div>
|
|
5544
|
-
`}};
|
|
5722
|
+
`}};je.styles=[Xr,d`
|
|
5545
5723
|
:host {
|
|
5546
5724
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
5547
5725
|
|
|
@@ -5623,21 +5801,21 @@
|
|
|
5623
5801
|
border-color: var(--uui-color-default-standalone,rgb(28, 35, 59));
|
|
5624
5802
|
}
|
|
5625
5803
|
:host([color='positive']) #toast > div {
|
|
5626
|
-
background-color: var(--uui-color-positive,#
|
|
5804
|
+
background-color: var(--uui-color-positive,#1f9554);
|
|
5627
5805
|
color: var(--uui-color-positive-contrast,#fff);
|
|
5628
|
-
border-color: var(--uui-color-positive-standalone
|
|
5806
|
+
border-color: var(--uui-color-positive-standalone,#19864a);
|
|
5629
5807
|
}
|
|
5630
5808
|
:host([color='warning']) #toast > div {
|
|
5631
|
-
background-color: var(--uui-color-warning,#
|
|
5809
|
+
background-color: var(--uui-color-warning,#fbd142);
|
|
5632
5810
|
color: var(--uui-color-warning-contrast,#000);
|
|
5633
|
-
border-color: var(--uui-color-warning-standalone
|
|
5811
|
+
border-color: var(--uui-color-warning-standalone,#a17700);
|
|
5634
5812
|
}
|
|
5635
5813
|
:host([color='danger']) #toast > div {
|
|
5636
5814
|
background-color: var(--uui-color-danger,#d42054);
|
|
5637
5815
|
color: var(--uui-color-danger-contrast,white);
|
|
5638
5816
|
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5639
5817
|
}
|
|
5640
|
-
`],
|
|
5818
|
+
`],rr([a({reflect:!0})],je.prototype,"color",2),rr([a({type:Number})],je.prototype,"autoClose",1),rr([C("#toast")],je.prototype,"_toastEl",2),rr([f()],je.prototype,"_animate",2),rr([a({type:Boolean,reflect:!0})],je.prototype,"open",1),je=rr([p("uui-toast-notification")],je);var Vv=Object.defineProperty,Bv=Object.getOwnPropertyDescriptor,Ul=(t,e,r,o)=>{for(var i=o>1?void 0:o?Bv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Vv(e,r,i),i};let jr=class extends v{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var t;this._autoClosePause=!0,(t=this._toasts)==null||t.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{var t;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(t=this._toasts)==null||t.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(i=>i.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(i=>this._toasts.indexOf(i)===-1).forEach(i=>{i.removeEventListener(R.CLOSED,this.onToastClosed),i.removeEventListener("mouseenter",this.pauseAutoClose),i.removeEventListener("mouseleave",this.resumeAutoClose),i.removeEventListener("focus",this.pauseAutoClose),i.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(i=>e.indexOf(i)===-1).forEach(i=>{i.addEventListener(R.CLOSED,this.onToastClosed),i.addEventListener("mouseenter",this.pauseAutoClose),i.addEventListener("mouseleave",this.resumeAutoClose),i.addEventListener("focus",this.pauseAutoClose),i.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(i.autoClose=this._autoClose),this._autoClosePause===!0&&i.pauseAutoClose(),i.open=!0})}}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,(e=this._toasts)==null||e.forEach(r=>r.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l` <slot @slotchange=${this.onSlotChanged}></slot> `}};jr.styles=[d`
|
|
5641
5819
|
:host {
|
|
5642
5820
|
position: absolute;
|
|
5643
5821
|
overflow: hidden;
|
|
@@ -5665,7 +5843,7 @@
|
|
|
5665
5843
|
:host([left-align]) slot {
|
|
5666
5844
|
align-items: start;
|
|
5667
5845
|
}
|
|
5668
|
-
`],
|
|
5846
|
+
`],Ul([a({type:Number,reflect:!0,attribute:"auto-close"})],jr.prototype,"_autoClose",2),jr=Ul([p("uui-toast-notification-container")],jr);var Rv=Object.defineProperty,Fv=Object.getOwnPropertyDescriptor,Qo=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Rv(e,r,i),i};let ir=class extends v{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}render(){return l`
|
|
5669
5847
|
<div id="message" class="uui-text">
|
|
5670
5848
|
<h5
|
|
5671
5849
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -5675,7 +5853,7 @@
|
|
|
5675
5853
|
<slot></slot>
|
|
5676
5854
|
<slot id="actions" name="actions"></slot>
|
|
5677
5855
|
</div>
|
|
5678
|
-
`}};
|
|
5856
|
+
`}};ir.styles=[Xr,d`
|
|
5679
5857
|
#message {
|
|
5680
5858
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
5681
5859
|
}
|
|
@@ -5696,12 +5874,12 @@
|
|
|
5696
5874
|
margin-top: var(--uui-size-space-4,12px);
|
|
5697
5875
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
5698
5876
|
}
|
|
5699
|
-
`],
|
|
5877
|
+
`],Qo([a({type:String})],ir.prototype,"headline",2),Qo([f()],ir.prototype,"_headlineSlotHasContent",2),ir=Qo([p("uui-toast-notification-layout")],ir);var Gv=Object.defineProperty,qv=Object.getOwnPropertyDescriptor,Wv=(t,e,r,o)=>{for(var i=o>1?void 0:o?qv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gv(e,r,i),i};let Vr=class extends be{constructor(){super("switch")}renderCheckbox(){return l`
|
|
5700
5878
|
<div id="slider">
|
|
5701
|
-
<div id="icon-check">${
|
|
5702
|
-
<div id="icon-wrong">${
|
|
5879
|
+
<div id="icon-check">${ni}</div>
|
|
5880
|
+
<div id="icon-wrong">${xn}</div>
|
|
5703
5881
|
</div>
|
|
5704
|
-
`}};
|
|
5882
|
+
`}};Vr.formAssociated=!0,Vr.styles=[...be.styles,ri,d`
|
|
5705
5883
|
:host {
|
|
5706
5884
|
--uui-toggle-size: 18px;
|
|
5707
5885
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -5821,7 +5999,7 @@
|
|
|
5821
5999
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5822
6000
|
}
|
|
5823
6001
|
:host([disabled]) label:active #slider {
|
|
5824
|
-
animation: ${
|
|
6002
|
+
animation: ${ii};
|
|
5825
6003
|
}
|
|
5826
6004
|
:host([disabled]) input:checked #slider #icon-check {
|
|
5827
6005
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
@@ -5834,4 +6012,4 @@
|
|
|
5834
6012
|
:host(:not([pristine])[internals-invalid]) label:hover #slider {
|
|
5835
6013
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5836
6014
|
}
|
|
5837
|
-
`],
|
|
6015
|
+
`],Vr=Wv([p("uui-toggle")],Vr);export{hu as ActiveMixin,Eu as FormControlMixin,Ou as InterfaceColorValues,Su as InterfaceHeadingValues,Cu as InterfaceLookValues,vu as LabelMixin,wu as SelectOnlyMixin,gu as SelectableMixin,ku as Timer,Yr as UUIActionBarElement,Pe as UUIAvatarElement,nt as UUIAvatarGroupElement,at as UUIBadgeElement,Wl as UUIBlinkAnimationValue,ql as UUIBlinkKeyframes,be as UUIBooleanInputElement,ei as UUIBooleanInputEvent,Ce as UUIBoxElement,ut as UUIBreadcrumbItemElement,hr as UUIBreadcrumbsElement,W as UUIButtonElement,Pt as UUIButtonGroupElement,ct as UUIButtonInlineCreateElement,oi as UUIButtonInlineCreateEvent,Lt as UUICardContentNodeElement,J as UUICardElement,Dt as UUICardEvent,ht as UUICardMediaElement,pr as UUICardUserElement,vr as UUICaretElement,fr as UUICheckboxElement,re as UUIColorAreaElement,hi as UUIColorAreaEvent,vi as UUIColorPickerChangeEvent,z as UUIColorPickerElement,oe as UUIColorSliderElement,fi as UUIColorSliderEvent,pt as UUIColorSwatchElement,Ht as UUIColorSwatchesElement,Nt as UUIColorSwatchesEvent,G as UUIComboboxElement,K as UUIComboboxEvent,ye as UUIComboboxListElement,ue as UUIComboboxListEvent,Ue as UUIComboboxListOptionElement,mi as UUIDialogElement,Mt as UUIDialogLayoutElement,no as UUIEvent,Fe as UUIFileDropzoneElement,jt as UUIFileDropzoneEvent,X as UUIFilePreviewElement,it as UUIFormControlEvent,Co as UUIFormElement,ft as UUIFormLayoutItemElement,wr as UUIFormValidationMessageElement,Xl as UUIHorizontalPulseAnimationValue,Kl as UUIHorizontalPulseKeyframes,Zl as UUIHorizontalShakeAnimationValue,Yl as UUIHorizontalShakeKeyframes,De as UUIIconElement,ko as UUIIconHost,zo as UUIIconRegistry,xr as UUIIconRegistryElement,La as UUIIconRegistryEssential,Io as UUIIconRegistryEssentialElement,Vt as UUIIconRequestEvent,k as UUIInputElement,bt as UUIInputEvent,Le as UUIInputFileElement,$r as UUIInputLockElement,Ft as UUIInputPasswordElement,wi as UUIKeyElement,yi as UUIKeyboardShortcutElement,gt as UUILabelElement,Gt as UUILoaderBarElement,qt as UUILoaderCircleElement,$i as UUILoaderElement,ne as UUIMenuItemElement,Ne as UUIMenuItemEvent,Te as UUIModalContainerElement,zi as UUIModalDialogElement,Y as UUIModalElement,Kt as UUIModalSidebarElement,ae as UUIPaginationElement,Ge as UUIPaginationEvent,qe as UUIPopoverElement,Cr as UUIProgressBarElement,he as UUIRadioElement,Yt as UUIRadioEvent,Zt as UUIRadioGroupElement,Ai as UUIRadioGroupEvent,P as UUIRangeSliderElement,We as UUIRefElement,Qt as UUIRefEvent,Ui as UUIRefListElement,Or as UUIRefNodeDataTypeElement,Sr as UUIRefNodeDocumentTypeElement,D as UUIRefNodeElement,Li as UUIRefNodeFormElement,kr as UUIRefNodeMemberElement,Jt as UUIRefNodePackageElement,zr as UUIRefNodeUserElement,Ir as UUIScrollContainerElement,Z as UUISelectElement,Ni as UUISelectEvent,ot as UUISelectableEvent,j as UUISliderElement,_t as UUISliderEvent,Ur as UUISymbolExpandElement,Dr as UUISymbolFileDropzoneElement,dr as UUISymbolFileElement,er as UUISymbolFileThumbnailElement,ai as UUISymbolFolderElement,Lr as UUISymbolLockElement,Hi as UUISymbolMoreElement,Nr as UUISymbolSortElement,Ke as UUITabElement,zv as UUITabEvent,Tr as UUITabGroupElement,Iv as UUITabGroupEvent,$e as UUITableCellElement,ji as UUITableColumnElement,Ti as UUITableElement,Vi as UUITableHeadCellElement,Bi as UUITableHeadElement,Hr as UUITableRowElement,tr as UUITagElement,Xr as UUITextStyles,U as UUITextareaElement,Mr as UUITextareaEvent,jr as UUIToastNotificationContainerElement,je as UUIToastNotificationElement,R as UUIToastNotificationEvent,ir as UUIToastNotificationLayoutElement,Vr as UUIToggleElement,Au as clamp,Pu as defineElement,zu as demandCustomElement,Iu as drag,Uu as reverseNumberInRange,Du as toHex};
|