@umbraco-cms/backoffice 15.0.0-rc1 → 15.0.0-rc2
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/dist-cms/apps/backoffice/components/backoffice-header-logo.element.js +1 -6
- package/dist-cms/assets/lang/ar.d.ts +3 -0
- package/dist-cms/assets/lang/ar.js +2342 -0
- package/dist-cms/assets/lang/ar.ts +2394 -0
- package/dist-cms/assets/lang/bs.js +2 -2
- package/dist-cms/assets/lang/bs.ts +2 -2
- package/dist-cms/assets/lang/cs-cz.js +2 -2
- package/dist-cms/assets/lang/cs-cz.ts +2 -2
- package/dist-cms/assets/lang/cy-gb.js +2 -2
- package/dist-cms/assets/lang/cy-gb.ts +2 -2
- package/dist-cms/assets/lang/da-dk.js +6 -3
- package/dist-cms/assets/lang/da-dk.ts +6 -3
- package/dist-cms/assets/lang/de-de.js +2 -2
- package/dist-cms/assets/lang/de-de.ts +2 -2
- package/dist-cms/assets/lang/en-us.js +20 -7
- package/dist-cms/assets/lang/en-us.ts +20 -7
- package/dist-cms/assets/lang/en.js +30 -5
- package/dist-cms/assets/lang/en.ts +30 -5
- package/dist-cms/assets/lang/es-es.js +3 -3
- package/dist-cms/assets/lang/es-es.ts +3 -3
- package/dist-cms/assets/lang/fr-fr.js +2 -2
- package/dist-cms/assets/lang/fr-fr.ts +2 -3
- package/dist-cms/assets/lang/he-il.js +1 -1
- package/dist-cms/assets/lang/he-il.ts +1 -1
- package/dist-cms/assets/lang/hr-hr.js +2 -2
- package/dist-cms/assets/lang/hr-hr.ts +2 -2
- package/dist-cms/assets/lang/it-it.js +1 -1
- package/dist-cms/assets/lang/it-it.ts +1 -1
- package/dist-cms/assets/lang/ja-jp.js +1 -1
- package/dist-cms/assets/lang/ja-jp.ts +1 -1
- package/dist-cms/assets/lang/ko-kr.js +1 -1
- package/dist-cms/assets/lang/ko-kr.ts +1 -1
- package/dist-cms/assets/lang/nb-no.js +3 -1
- package/dist-cms/assets/lang/nb-no.ts +3 -1
- package/dist-cms/assets/lang/nl-nl.js +2 -2
- package/dist-cms/assets/lang/nl-nl.ts +2 -2
- package/dist-cms/assets/lang/pl-pl.js +2 -2
- package/dist-cms/assets/lang/pl-pl.ts +2 -2
- package/dist-cms/assets/lang/pt-br.js +1 -1
- package/dist-cms/assets/lang/pt-br.ts +1 -1
- package/dist-cms/assets/lang/ru-ru.js +2 -2
- package/dist-cms/assets/lang/ru-ru.ts +2 -2
- package/dist-cms/assets/lang/tr-tr.js +2 -2
- package/dist-cms/assets/lang/tr-tr.ts +2 -2
- package/dist-cms/assets/lang/uk-ua.js +2 -2
- package/dist-cms/assets/lang/uk-ua.ts +2 -2
- package/dist-cms/assets/lang/zh-cn.js +2 -2
- package/dist-cms/assets/lang/zh-cn.ts +2 -2
- package/dist-cms/assets/lang/zh-tw.js +1 -1
- package/dist-cms/assets/lang/zh-tw.ts +1 -2
- package/dist-cms/assets/login.jpg +0 -0
- package/dist-cms/custom-elements.json +4 -4
- package/dist-cms/external/monaco-editor/{cssMode-CDJQLEXE.js → cssMode-DA72DEEy.js} +1 -1
- package/dist-cms/external/monaco-editor/{freemarker2-BtohW-RX.js → freemarker2-Cl3U_XXG.js} +1 -1
- package/dist-cms/external/monaco-editor/{handlebars-Wz3s8HqG.js → handlebars-DSroMiE1.js} +1 -1
- package/dist-cms/external/monaco-editor/{html-MlXP3Eno.js → html-CkfQ3Tez.js} +1 -1
- package/dist-cms/external/monaco-editor/{htmlMode-Ds-h6y_M.js → htmlMode-D-n07ZL6.js} +1 -1
- package/dist-cms/external/monaco-editor/{index-BsCYch8u.js → index-QOjL-QlL.js} +181 -182
- package/dist-cms/external/monaco-editor/index.js +1 -1
- package/dist-cms/external/monaco-editor/{javascript-Dejz0u77.js → javascript-CPYBePIj.js} +1 -1
- package/dist-cms/external/monaco-editor/{jsonMode-CQ2qSm4x.js → jsonMode-xglY6Smp.js} +1 -1
- package/dist-cms/external/monaco-editor/{liquid-BhEdJewW.js → liquid-BcU1huVG.js} +1 -1
- package/dist-cms/external/monaco-editor/{mdx-C292GrsL.js → mdx-BngkqVPl.js} +1 -1
- package/dist-cms/external/monaco-editor/{python-CTKihC4R.js → python-Da-YVbMh.js} +1 -1
- package/dist-cms/external/monaco-editor/{razor-aZ9MyDfI.js → razor-C_XA8ptN.js} +1 -1
- package/dist-cms/external/monaco-editor/{tsMode-D1lPHHTW.js → tsMode-CsqUs61y.js} +1 -1
- package/dist-cms/external/monaco-editor/{typescript-DodsUUWq.js → typescript-DmWQ3leM.js} +1 -1
- package/dist-cms/external/monaco-editor/{xml-CnOKc87p.js → xml-CmhlGeEt.js} +1 -1
- package/dist-cms/external/monaco-editor/{yaml-BGcRgHu1.js → yaml-DDN00dBJ.js} +1 -1
- package/dist-cms/external/tinymce/index.js +1 -1
- package/dist-cms/external/uui/index.js +302 -278
- package/dist-cms/libs/extension-api/types/condition.types.d.ts +5 -5
- package/dist-cms/packages/block/block/conditions/types.d.ts +1 -1
- package/dist-cms/packages/block/block/context/block-entry.context.d.ts +1 -0
- package/dist-cms/packages/block/block/context/block-entry.context.js +9 -4
- package/dist-cms/packages/block/block/context/block-manager.context.d.ts +8 -7
- package/dist-cms/packages/block/block/context/block-manager.context.js +28 -9
- package/dist-cms/packages/block/block/workspace/block-workspace.context.d.ts +1 -0
- package/dist-cms/packages/block/block/workspace/block-workspace.context.js +14 -13
- package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.d.ts +3 -1
- package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-content-no-router.element.js +50 -12
- package/dist-cms/packages/block/block-custom-view/types.d.ts +1 -1
- package/dist-cms/packages/block/block-grid/components/block-grid-block/block-grid-block.element.js +3 -1
- package/dist-cms/packages/block/block-grid/components/block-grid-block-inline/block-grid-block-inline.element.js +3 -1
- package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.d.ts +2 -1
- package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.js +13 -5
- package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.js +2 -0
- package/dist-cms/packages/block/block-grid/context/block-grid-entries.context.d.ts +4 -2
- package/dist-cms/packages/block/block-grid/context/block-grid-entries.context.js +26 -17
- package/dist-cms/packages/block/block-grid/context/block-grid-entry.context.d.ts +1 -0
- package/dist-cms/packages/block/block-grid/context/block-grid-entry.context.js +3 -2
- package/dist-cms/packages/block/block-grid/context/block-grid-manager.context.d.ts +3 -0
- package/dist-cms/packages/block/block-grid/context/block-grid-manager.context.js +12 -2
- package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.js +2 -0
- package/dist-cms/packages/block/block-grid/types.d.ts +1 -0
- package/dist-cms/packages/block/block-list/context/block-list-entries.context.d.ts +1 -1
- package/dist-cms/packages/block/block-list/context/block-list-entries.context.js +8 -4
- package/dist-cms/packages/block/block-list/context/block-list-entry.context.d.ts +1 -1
- package/dist-cms/packages/block/block-list/context/block-list-entry.context.js +3 -3
- package/dist-cms/packages/block/block-list/context/block-list-manager.context.d.ts +1 -1
- package/dist-cms/packages/block/block-list/context/block-list-manager.context.js +5 -2
- package/dist-cms/packages/block/block-rte/context/block-rte-entries.context.d.ts +2 -2
- package/dist-cms/packages/block/block-rte/context/block-rte-entries.context.js +5 -5
- package/dist-cms/packages/block/block-rte/context/block-rte-entry.context.d.ts +1 -1
- package/dist-cms/packages/block/block-rte/context/block-rte-entry.context.js +5 -3
- package/dist-cms/packages/block/block-rte/context/block-rte-manager.context.d.ts +3 -2
- package/dist-cms/packages/block/block-rte/context/block-rte-manager.context.js +6 -3
- package/dist-cms/packages/core/collection/extensions/collection-action.extension.d.ts +1 -1
- package/dist-cms/packages/core/collection/extensions/collection-view.extension.d.ts +1 -1
- package/dist-cms/packages/core/collection/extensions/collection.extension.d.ts +1 -1
- package/dist-cms/packages/core/content-type/structure/content-type-structure-manager.class.d.ts +1 -0
- package/dist-cms/packages/core/content-type/structure/content-type-structure-manager.class.js +3 -2
- package/dist-cms/packages/core/culture/manifests.d.ts +1 -1
- package/dist-cms/packages/core/dashboard/dashboard.extension.d.ts +1 -1
- package/dist-cms/packages/core/entity-action/entity-action.extension.d.ts +1 -1
- package/dist-cms/packages/core/extension-registry/conditions/index.d.ts +1 -1
- package/dist-cms/packages/core/extension-registry/conditions/types.d.ts +10 -6
- package/dist-cms/packages/core/extension-registry/extensions/entity-bulk-action.extension.d.ts +1 -1
- package/dist-cms/packages/core/extension-registry/extensions/repository.extension.d.ts +1 -1
- package/dist-cms/packages/core/icon-registry/icon-dictionary.json +68 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-3d.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-3d.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-chart-bar.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-chart-bar.js +18 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-chart-graph.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-chart-graph.js +16 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-command.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-command.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-font.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-font.js +18 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-html.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-html.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-image.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-image.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-js.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-js.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-key.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-key.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-medal.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-medal.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-play.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-play.js +16 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-search.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-search.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-settings.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-settings.js +19 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-spreadsheet.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-spreadsheet.js +19 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-user.d.ts +2 -0
- package/dist-cms/packages/core/icon-registry/icons/icon-document-user.js +17 -0
- package/dist-cms/packages/core/icon-registry/icons.d.ts +56 -0
- package/dist-cms/packages/core/icon-registry/icons.js +51 -0
- package/dist-cms/packages/core/localization/manifests.js +11 -1
- package/dist-cms/packages/core/menu/menu-item.extension.d.ts +1 -1
- package/dist-cms/packages/core/property/manifests.d.ts +1 -1
- package/dist-cms/packages/core/property-action/extensions/property-action.extension.d.ts +1 -1
- package/dist-cms/packages/core/section/conditions/types.d.ts +1 -1
- package/dist-cms/packages/core/section/extensions/section-sidebar-app.extension.d.ts +1 -1
- package/dist-cms/packages/core/section/extensions/section-view.extension.d.ts +1 -1
- package/dist-cms/packages/core/section/extensions/section.extension.d.ts +1 -1
- package/dist-cms/packages/core/temporary-file/temporary-file-manager.class.js +3 -2
- package/dist-cms/packages/core/themes/manifests.d.ts +1 -1
- package/dist-cms/packages/core/tree/extensions/tree.extension.d.ts +1 -1
- package/dist-cms/packages/core/utils/index.d.ts +1 -0
- package/dist-cms/packages/core/utils/index.js +1 -0
- package/dist-cms/packages/core/utils/sanitize/sanitize-html.function.d.ts +6 -0
- package/dist-cms/packages/core/utils/sanitize/sanitize-html.function.js +9 -0
- package/dist-cms/packages/core/workspace/conditions/types.d.ts +1 -1
- package/dist-cms/packages/core/workspace/conditions/workspace-alias.condition.d.ts +2 -2
- package/dist-cms/packages/core/workspace/conditions/workspace-content-type-alias.condition.d.ts +2 -2
- package/dist-cms/packages/core/workspace/conditions/workspace-entity-is-new.condition.d.ts +2 -2
- package/dist-cms/packages/core/workspace/conditions/workspace-entity-type.condition.d.ts +2 -2
- package/dist-cms/packages/core/workspace/conditions/workspace-has-collection.condition.d.ts +2 -2
- package/dist-cms/packages/core/workspace/extensions/workspace-action-menu-item.model.d.ts +1 -1
- package/dist-cms/packages/core/workspace/extensions/workspace-action.model.d.ts +1 -1
- package/dist-cms/packages/core/workspace/extensions/workspace-context.model.d.ts +1 -1
- package/dist-cms/packages/core/workspace/extensions/workspace-footer-app.model.d.ts +1 -1
- package/dist-cms/packages/core/workspace/extensions/workspace-view.model.d.ts +1 -1
- package/dist-cms/packages/dictionary/workspace/views/workspace-view-dictionary-editor.element.js +9 -5
- package/dist-cms/packages/documents/document-types/entity-actions/create/modal/document-type-create-options-modal.element.js +1 -1
- package/dist-cms/packages/documents/document-types/paths.js +1 -1
- package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js +1 -1
- package/dist-cms/packages/documents/documents/user-permissions/conditions/types.d.ts +1 -1
- package/dist-cms/packages/documents/documents/workspace/document-workspace.context.d.ts +4 -0
- package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js +13 -2
- package/dist-cms/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.js +1 -1
- package/dist-cms/packages/extension-types/index.d.ts +118 -0
- package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.js +2 -2
- package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.d.ts +2 -1
- package/dist-cms/packages/multi-url-picker/tiny-mce-plugin/tiny-mce-multi-url-picker.plugin.js +28 -48
- package/dist-cms/packages/packages/package-builder/workspace/workspace-package-builder.element.js +4 -4
- package/dist-cms/packages/sysinfo/components/sysinfo.element.d.ts +1 -1
- package/dist-cms/packages/sysinfo/components/sysinfo.element.js +29 -11
- package/dist-cms/packages/templating/partial-views/entity-actions/create/options-modal/partial-view-create-options-modal.element.js +2 -2
- package/dist-cms/packages/templating/partial-views/entity-actions/create/snippet-modal/create-from-snippet-modal.js +1 -1
- package/dist-cms/packages/templating/partial-views/tree/partial-view-tree.server.data-source.js +1 -1
- package/dist-cms/packages/templating/scripts/entity-actions/create/options-modal/script-create-options-modal.element.js +1 -1
- package/dist-cms/packages/templating/scripts/tree/script-tree.server.data-source.js +1 -1
- package/dist-cms/packages/templating/stylesheets/entity-actions/create/options-modal/stylesheet-create-options-modal.element.js +2 -2
- package/dist-cms/packages/templating/stylesheets/tree/stylesheet-tree.server.data-source.js +1 -1
- package/dist-cms/packages/templating/templates/global-components/template-card/template-card.element.js +1 -1
- package/dist-cms/packages/templating/templates/tree/template-tree.server.data-source.js +1 -1
- package/dist-cms/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.defaults.js +1 -1
- package/dist-cms/packages/tiny-mce/plugins/tiny-mce-code-editor.plugin.js +5 -4
- package/dist-cms/packages/tiptap/components/input-tiptap/input-tiptap.element.d.ts +1 -1
- package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.d.ts +1 -1
- package/dist-cms/packages/tiptap/components/types.d.ts +1 -0
- package/dist-cms/packages/tiptap/components/types.js +1 -0
- package/dist-cms/packages/tiptap/extensions/core/media-upload.extension.js +6 -0
- package/dist-cms/packages/tiptap/extensions/manifests.js +142 -154
- package/dist-cms/packages/tiptap/extensions/tiptap-toolbar-extension.d.ts +1 -0
- package/dist-cms/packages/tiptap/extensions/types.d.ts +0 -1
- package/dist-cms/packages/tiptap/plugins/manifests.js +1 -1
- package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.d.ts +7 -5
- package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.js +112 -109
- package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.d.ts +6 -6
- package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.js +304 -198
- package/dist-cms/packages/tiptap/property-editors/tiptap/contexts/tiptap-toolbar-configuration.context.d.ts +27 -0
- package/dist-cms/packages/tiptap/property-editors/tiptap/contexts/tiptap-toolbar-configuration.context.js +185 -0
- package/dist-cms/packages/tiptap/property-editors/tiptap/manifests.js +13 -9
- package/dist-cms/packages/tiptap/property-editors/tiptap/types.d.ts +12 -0
- package/dist-cms/packages/tiptap/property-editors/tiptap/types.js +1 -0
- package/dist-cms/packages/user/current-user/current-user-action.extension.d.ts +1 -1
- package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
- package/dist-cms/umbraco-package-schema.json +18 -6
- package/dist-cms/umbraco-package.json +1 -1
- package/dist-cms/vscode-html-custom-data.json +4 -4
- package/package.json +5 -4
|
@@ -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 Yr=globalThis,bs=Yr.ShadowRoot&&(Yr.ShadyCSS===void 0||Yr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gs=Symbol(),Fn=new WeakMap;let Wn=class{constructor(t,i,o){if(this._$cssResult$=!0,o!==gs)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=i}get styleSheet(){let t=this.o;const i=this.t;if(bs&&t===void 0){const o=i!==void 0&&i.length===1;o&&(t=Fn.get(i)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&Fn.set(i,t))}return t}toString(){return this.cssText}};const pt=e=>new Wn(typeof e=="string"?e:e+"",void 0,gs),p=(e,...t)=>{const i=e.length===1?e[0]:t.reduce((o,r,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.")})(r)+e[s+1],e[0]);return new Wn(i,e,gs)},Du=(e,t)=>{if(bs)e.adoptedStyleSheets=t.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet);else for(const i of t){const o=document.createElement("style"),r=Yr.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=i.cssText,e.appendChild(o)}},Gn=bs?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let i="";for(const o of t.cssRules)i+=o.cssText;return pt(i)})(e):e;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Mu,defineProperty:Lu,getOwnPropertyDescriptor:Tu,getOwnPropertyNames:Vu,getOwnPropertySymbols:Nu,getPrototypeOf:Hu}=Object,Xr=globalThis,qn=Xr.trustedTypes,Bu=qn?qn.emptyScript:"",ju=Xr.reactiveElementPolyfillSupport,tr=(e,t)=>e,Zr={toAttribute(e,t){switch(t){case Boolean:e=e?Bu:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=e!==null;break;case Number:i=e===null?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch{i=null}}return i}},ms=(e,t)=>!Mu(e,t),Kn={attribute:!0,type:String,converter:Zr,reflect:!1,hasChanged:ms};Symbol.metadata??=Symbol("metadata"),Xr.litPropertyMetadata??=new WeakMap;let si=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,i=Kn){if(i.state&&(i.attribute=!1),this._$Ei(),this.elementProperties.set(t,i),!i.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(t,o,i);r!==void 0&&Lu(this.prototype,t,r)}}static getPropertyDescriptor(t,i,o){const{get:r,set:s}=Tu(this.prototype,t)??{get(){return this[i]},set(n){this[i]=n}};return{get(){return r?.call(this)},set(n){const u=r?.call(this);s.call(this,n),this.requestUpdate(t,u,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Kn}static _$Ei(){if(this.hasOwnProperty(tr("elementProperties")))return;const t=Hu(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(tr("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(tr("properties"))){const i=this.properties,o=[...Vu(i),...Nu(i)];for(const r of o)this.createProperty(r,i[r])}const t=this[Symbol.metadata];if(t!==null){const i=litPropertyMetadata.get(t);if(i!==void 0)for(const[o,r]of i)this.elementProperties.set(o,r)}this._$Eh=new Map;for(const[i,o]of this.elementProperties){const r=this._$Eu(i,o);r!==void 0&&this._$Eh.set(r,i)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const i=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const r of o)i.unshift(Gn(r))}else t!==void 0&&i.push(Gn(t));return i}static _$Eu(t,i){const o=i.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,i=this.constructor.elementProperties;for(const o of i.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Du(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,i,o){this._$AK(t,o)}_$EC(t,i){const o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(r!==void 0&&o.reflect===!0){const s=(o.converter?.toAttribute!==void 0?o.converter:Zr).toAttribute(i,o.type);this._$Em=t,s==null?this.removeAttribute(r):this.setAttribute(r,s),this._$Em=null}}_$AK(t,i){const o=this.constructor,r=o._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const s=o.getPropertyOptions(r),n=typeof s.converter=="function"?{fromAttribute:s.converter}:s.converter?.fromAttribute!==void 0?s.converter:Zr;this._$Em=r,this[r]=n.fromAttribute(i,s.type),this._$Em=null}}requestUpdate(t,i,o){if(t!==void 0){if(o??=this.constructor.getPropertyOptions(t),!(o.hasChanged??ms)(this[t],i))return;this.P(t,i,o)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,i,o){this._$AL.has(t)||this._$AL.set(t,i),o.reflect===!0&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(i){Promise.reject(i)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,s]of o)s.wrapped!==!0||this._$AL.has(r)||this[r]===void 0||this.P(r,this[r],s)}let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),this._$EO?.forEach(o=>o.hostUpdate?.()),this.update(i)):this._$EU()}catch(o){throw t=!1,this._$EU(),o}t&&this._$AE(i)}willUpdate(t){}_$AE(t){this._$EO?.forEach(i=>i.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach(i=>this._$EC(i,this[i])),this._$EU()}updated(t){}firstUpdated(t){}};si.elementStyles=[],si.shadowRootOptions={mode:"open"},si[tr("elementProperties")]=new Map,si[tr("finalized")]=new Map,ju?.({ReactiveElement:si}),(Xr.reactiveElementVersions??=[]).push("2.0.4");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const _s=globalThis,Qr=_s.trustedTypes,Yn=Qr?Qr.createPolicy("lit-html",{createHTML:e=>e}):void 0,ys="$lit$",qe=`lit$${Math.random().toFixed(9).slice(2)}$`,ws="?"+qe,Ru=`<${ws}>`,Ot=document,ir=()=>Ot.createComment(""),rr=e=>e===null||typeof e!="object"&&typeof e!="function",xs=Array.isArray,Xn=e=>xs(e)||typeof e?.[Symbol.iterator]=="function",$s=`[
|
|
14
|
+
\f\r]`,or=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Zn=/-->/g,Qn=/>/g,St=RegExp(`>|${$s}(?:([^\\s"'>=/]+)(${$s}*=${$s}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Jn=/'/g,ea=/"/g,ta=/^(?:script|style|textarea|title)$/i,ia=e=>(t,...i)=>({_$litType$:e,strings:t,values:i}),l=ia(1),y=ia(2),ne=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),ra=new WeakMap,It=Ot.createTreeWalker(Ot,129);function oa(e,t){if(!xs(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Yn!==void 0?Yn.createHTML(t):t}const sa=(e,t)=>{const i=e.length-1,o=[];let r,s=t===2?"<svg>":t===3?"<math>":"",n=or;for(let u=0;u<i;u++){const c=e[u];let v,g,d=-1,k=0;for(;k<c.length&&(n.lastIndex=k,g=n.exec(c),g!==null);)k=n.lastIndex,n===or?g[1]==="!--"?n=Zn:g[1]!==void 0?n=Qn:g[2]!==void 0?(ta.test(g[2])&&(r=RegExp("</"+g[2],"g")),n=St):g[3]!==void 0&&(n=St):n===St?g[0]===">"?(n=r??or,d=-1):g[1]===void 0?d=-2:(d=n.lastIndex-g[2].length,v=g[1],n=g[3]===void 0?St:g[3]==='"'?ea:Jn):n===ea||n===Jn?n=St:n===Zn||n===Qn?n=or:(n=St,r=void 0);const h=n===St&&e[u+1].startsWith("/>")?" ":"";s+=n===or?c+Ru:d>=0?(o.push(v),c.slice(0,d)+ys+c.slice(d)+qe+h):c+qe+(d===-2?u:h)}return[oa(e,s+(e[i]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class Wr{constructor({strings:t,_$litType$:i},o){let r;this.parts=[];let s=0,n=0;const u=t.length-1,c=this.parts,[v,g]=sa(t,i);if(this.el=Wr.createElement(v,o),It.currentNode=this.el.content,i===2||i===3){const d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(r=It.nextNode())!==null&&c.length<u;){if(r.nodeType===1){if(r.hasAttributes())for(const d of r.getAttributeNames())if(d.endsWith(ys)){const k=g[n++],h=r.getAttribute(d).split(qe),_=/([.?@])?(.*)/.exec(k);c.push({type:1,index:s,name:_[2],strings:h,ctor:_[1]==="."?aa:_[1]==="?"?la:_[1]==="@"?ua:sr}),r.removeAttribute(d)}else d.startsWith(qe)&&(c.push({type:6,index:s}),r.removeAttribute(d));if(ta.test(r.tagName)){const d=r.textContent.split(qe),k=d.length-1;if(k>0){r.textContent=Qr?Qr.emptyScript:"";for(let h=0;h<k;h++)r.append(d[h],ir()),It.nextNode(),c.push({type:2,index:++s});r.append(d[k],ir())}}}else if(r.nodeType===8)if(r.data===ws)c.push({type:2,index:s});else{let d=-1;for(;(d=r.data.indexOf(qe,d+1))!==-1;)c.push({type:7,index:s}),d+=qe.length-1}s++}}static createElement(t,i){const o=Ot.createElement("template");return o.innerHTML=t,o}}function At(e,t,i=e,o){if(t===ne)return t;let r=o!==void 0?i.o?.[o]:i.l;const s=rr(t)?void 0:t._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),s===void 0?r=void 0:(r=new s(e),r._$AT(e,i,o)),o!==void 0?(i.o??=[])[o]=r:i.l=r),r!==void 0&&(t=At(e,r._$AS(e,t.values),r,o)),t}class na{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:o}=this._$AD,r=(t?.creationScope??Ot).importNode(i,!0);It.currentNode=r;let s=It.nextNode(),n=0,u=0,c=o[0];for(;c!==void 0;){if(n===c.index){let v;c.type===2?v=new Jr(s,s.nextSibling,this,t):c.type===1?v=new c.ctor(s,c.name,c.strings,this,t):c.type===6&&(v=new ca(s,this,t)),this._$AV.push(v),c=o[++u]}n!==c?.index&&(s=It.nextNode(),n++)}return It.currentNode=Ot,r}p(t){let i=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,i),i+=o.strings.length-2):o._$AI(t[i])),i++}}let Jr=class Uu{get _$AU(){return this._$AM?._$AU??this.v}constructor(t,i,o,r){this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=o,this.options=r,this.v=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&t?.nodeType===11&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=At(this,t,i),rr(t)?t===C||t==null||t===""?(this._$AH!==C&&this._$AR(),this._$AH=C):t!==this._$AH&&t!==ne&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Xn(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==C&&rr(this._$AH)?this._$AA.nextSibling.data=t:this.T(Ot.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:o}=t,r=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=Wr.createElement(oa(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(i);else{const s=new na(r,this),n=s.u(this.options);s.p(i),this.T(n),this._$AH=s}}_$AC(t){let i=ra.get(t.strings);return i===void 0&&ra.set(t.strings,i=new Wr(t)),i}k(t){xs(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let o,r=0;for(const s of t)r===i.length?i.push(o=new Uu(this.O(ir()),this.O(ir()),this,this.options)):o=i[r],o._$AI(s),r++;r<i.length&&(this._$AR(o&&o._$AB.nextSibling,r),i.length=r)}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){this._$AM===void 0&&(this.v=t,this._$AP?.(t))}};class sr{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,o,r,s){this.type=1,this._$AH=C,this._$AN=void 0,this.element=t,this.name=i,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=C}_$AI(t,i=this,o,r){const s=this.strings;let n=!1;if(s===void 0)t=At(this,t,i,0),n=!rr(t)||t!==this._$AH&&t!==ne,n&&(this._$AH=t);else{const u=t;let c,v;for(t=s[0],c=0;c<s.length-1;c++)v=At(this,u[o+c],i,c),v===ne&&(v=this._$AH[c]),n||=!rr(v)||v!==this._$AH[c],v===C?t=C:t!==C&&(t+=(v??"")+s[c+1]),this._$AH[c]=v}n&&!r&&this.j(t)}j(t){t===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class aa extends sr{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===C?void 0:t}}class la extends sr{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==C)}}class ua extends sr{constructor(t,i,o,r,s){super(t,i,o,r,s),this.type=5}_$AI(t,i=this){if((t=At(this,t,i,0)??C)===ne)return;const o=this._$AH,r=t===C&&o!==C||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==C&&(o===C||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ca{constructor(t,i,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){At(this,t)}}const Fu={M:ys,P:qe,A:ws,C:1,L:sa,R:na,D:Xn,V:At,I:Jr,H:sr,N:la,U:ua,B:aa,F:ca},Wu=_s.litHtmlPolyfillSupport;Wu?.(Wr,Jr),(_s.litHtmlVersions??=[]).push("3.2.0");const Gu=(e,t,i)=>{const o=i?.renderBefore??t;let r=o._$litPart$;if(r===void 0){const s=i?.renderBefore??null;o._$litPart$=r=new Jr(t.insertBefore(ir(),s),s,void 0,i??{})}return r._$AI(e),r};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/let b=class extends si{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=
|
|
19
|
+
*/let b=class extends si{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Gu(i,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this.o?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this.o?.setConnected(!1)}render(){return ne}};b._$litElement$=!0,b.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:b});const qu=globalThis.litElementPolyfillSupport;qu?.({LitElement:b}),(globalThis.litElementVersions??=[]).push("4.1.0");var Ku=`.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);
|
|
@@ -184,11 +184,11 @@
|
|
|
184
184
|
margin-top: var(--uui-size-layout-1,24px);
|
|
185
185
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
186
186
|
}
|
|
187
|
-
`;const
|
|
187
|
+
`;const eo=pt(Ku);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2017 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const
|
|
191
|
+
*/const Yu={attribute:!0,type:String,converter:Zr,reflect:!1,hasChanged:ms},Xu=(e=Yu,t,i)=>{const{kind:o,metadata:r}=i;let s=globalThis.litPropertyMetadata.get(r);if(s===void 0&&globalThis.litPropertyMetadata.set(r,s=new Map),s.set(i.name,e),o==="accessor"){const{name:n}=i;return{set(u){const c=t.get.call(this);t.set.call(this,u),this.requestUpdate(n,c,e)},init(u){return u!==void 0&&this.P(n,void 0,e),u}}}if(o==="setter"){const{name:n}=i;return function(u){const c=this[n];t.call(this,u),this.requestUpdate(n,c,e)}}throw Error("Unsupported decorator location: "+o)};function a(e){return(t,i)=>typeof i=="object"?Xu(e,t,i):((o,r,s)=>{const n=r.hasOwnProperty(s);return r.constructor.createProperty(s,n?{...o,wrapped:!0}:o),n?Object.getOwnPropertyDescriptor(r,s):void 0})(e,t,i)}/**
|
|
192
192
|
* @license
|
|
193
193
|
* Copyright 2017 Google LLC
|
|
194
194
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -196,19 +196,19 @@
|
|
|
196
196
|
* @license
|
|
197
197
|
* Copyright 2017 Google LLC
|
|
198
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
199
|
-
*/const
|
|
199
|
+
*/const Cs=(e,t,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(e,t,i),i);/**
|
|
200
200
|
* @license
|
|
201
201
|
* Copyright 2017 Google LLC
|
|
202
202
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
203
|
-
*/function S(e,t){return(i,o,r)=>{const s=n=>n.renderRoot?.querySelector(e)??null;return
|
|
203
|
+
*/function S(e,t){return(i,o,r)=>{const s=n=>n.renderRoot?.querySelector(e)??null;return Cs(i,o,{get(){return s(this)}})}}/**
|
|
204
204
|
* @license
|
|
205
205
|
* Copyright 2017 Google LLC
|
|
206
206
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
207
|
-
*/let
|
|
207
|
+
*/let Zu;function Qu(e){return(t,i)=>Cs(t,i,{get(){return(this.renderRoot??(Zu??=document.createDocumentFragment())).querySelectorAll(e)}})}/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2021 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/function
|
|
211
|
+
*/function ft(e){return(t,i)=>{const{slot:o,selector:r}=e??{},s="slot"+(o?`[name=${o}]`:":not([name])");return Cs(t,i,{get(){const n=this.renderRoot?.querySelector(s),u=n?.assignedElements(e)??[];return r===void 0?u:u.filter(c=>c.matches(r))}})}}const Ju=p`
|
|
212
212
|
@keyframes uui-blink {
|
|
213
213
|
0%,
|
|
214
214
|
100% {
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
opacity: 1;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
-
`,
|
|
221
|
+
`,ec=pt("uui-blink 0.9s infinite both"),tc=p`
|
|
222
222
|
@keyframes pulse {
|
|
223
223
|
0% {
|
|
224
224
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
opacity: 0;
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
|
-
`,
|
|
239
|
+
`,ic=pt("pulse 0.8s ease-in-out infinite both"),rc=p`
|
|
240
240
|
@keyframes uui-horizontal-shake {
|
|
241
241
|
10%,
|
|
242
242
|
90% {
|
|
@@ -259,14 +259,14 @@
|
|
|
259
259
|
transform: translateX(2px);
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
`,
|
|
262
|
+
`,oc=pt("uui-horizontal-shake 600ms ease backwards");let ks=class extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}},Ke=class extends ks{constructor(t,i={}){super(t,{bubbles:!0,...i})}};Ke.VALID="valid",Ke.INVALID="invalid";let Ut=class extends ks{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}};Ut.SELECTED="selected",Ut.DESELECTED="deselected";var sc=Object.defineProperty,nc=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&sc(t,i,r),r};const ac=e=>{class t extends e{constructor(){super(...arguments),this.active=!1}}return nc([a({type:Boolean,reflect:!0})],t.prototype,"active"),t};var lc=Object.defineProperty,ha=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&lc(t,i,r),r};const uc=(e,t)=>{class i extends t{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
263
263
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
264
264
|
<slot
|
|
265
265
|
class="label"
|
|
266
266
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
267
267
|
name=${e||""}
|
|
268
268
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
269
|
-
`}}return ua([a({type:String})],i.prototype,"label"),ua([m()],i.prototype,"_labelSlotHasContent"),i};var nc=Object.defineProperty,ac=Object.getOwnPropertyDescriptor,ca=(e,t,i,o)=>{for(var r=o>1?void 0:o?ac(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&nc(t,i,r),r};const lc=e=>{class t extends e{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new At(At.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new At(At.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 ca([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),ca([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var uc=Object.defineProperty,cc=Object.getOwnPropertyDescriptor,hc=(e,t,i,o)=>{for(var r=cc(t,i),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&uc(t,i,r),r};const dc=e=>{class t extends e{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return hc([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly"),t};var pc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,ha=e=>{throw TypeError(e)},Ut=(e,t,i,o)=>{for(var r=o>1?void 0:o?fc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&pc(t,i,r),r},ks=(e,t,i)=>t.has(e)||ha("Cannot "+i),I=(e,t,i)=>(ks(e,t,"read from private field"),i?i.call(e):t.get(e)),zt=(e,t,i)=>t.has(e)?ha("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Cs=(e,t,i,o)=>(ks(e,t,"write to private field"),t.set(e,i),i),Jr=(e,t,i)=>(ks(e,t,"access private method"),i);const vc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],bc=(e,t)=>{var i,o,r,s,n,u,c,v,g;class d extends e{constructor(...h){super(...h),zt(this,u),this.name="",zt(this,i,{}),this._pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",zt(this,o,t),zt(this,r,null),zt(this,s,[]),zt(this,n,[]),zt(this,g,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.setAttribute("pristine",""),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return I(this,o)}set value(h){const _=I(this,o);Cs(this,o,h),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(I(this,o)??null),this.requestUpdate("value",_)}set pristine(h){this._pristine!==h&&(this._pristine=h,h?this.setAttribute("pristine",""):this.removeAttribute("pristine"),Jr(this,u,v).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const h=I(this,n).find(_=>_.validity.valid===!1);h?"focusFirstInvalidElement"in h?h.focusFirstInvalidElement():h.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),Jr(this,u,c).call(this)}addValidator(h,_,L){const P={flagKey:h,getMessageMethod:_,checkMethod:L,weight:vc.indexOf(h)};return I(this,s).push(P),I(this,s).sort((V,te)=>V.weight>te.weight?1:te.weight>V.weight?-1:0),P}removeValidator(h){const _=I(this,s).indexOf(h);_!==-1&&I(this,s).splice(_,1)}addFormControlElement(h){I(this,n).push(h),h.addEventListener(Ge.INVALID,()=>{this._runValidators()}),h.addEventListener(Ge.VALID,()=>{this._runValidators()}),this._pristine===!1&&(h.checkValidity(),this._runValidators())}setCustomValidity(h){this._customValidityObject&&this.removeValidator(this._customValidityObject),h!=null&&h!==""&&(this._customValidityObject=this.addValidator("customError",()=>h,()=>!0)),this._runValidators()}_runValidators(){Cs(this,i,{});let h,_;I(this,s).some(P=>P.checkMethod()?(I(this,i)[P.flagKey]=!0,h=P.getMessageMethod(),!0):!1),h||I(this,n).some(P=>{let V;for(V in P.validity)if(V!=="valid"&&P.validity[V])return I(this,i)[V]=!0,h=P.validationMessage,_??(_=P),!0;return!1});const L=Object.values(I(this,i)).includes(!0);I(this,i).valid=!L,this._internals.setValidity(I(this,i),h,_??this.getFormElement()??void 0),Jr(this,u,v).call(this)}updated(h){super.updated(h),this._runValidators()}submit(){I(this,r)?.requestSubmit()}formAssociatedCallback(){Jr(this,u,c).call(this),Cs(this,r,this._internals.form),I(this,r)&&(I(this,r).hasAttribute("submit-invalid")&&(this.pristine=!1),I(this,r).addEventListener("submit",I(this,g)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return t}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const h in I(this,n))if(I(this,n)[h].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return I(this,i)}get validationMessage(){return this._internals?.validationMessage}}return i=new WeakMap,o=new WeakMap,r=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakSet,c=function(){I(this,r)&&I(this,r).removeEventListener("submit",I(this,g))},v=function(){this._pristine!==!0&&(I(this,i).valid?this.dispatchEvent(new Ge(Ge.VALID)):this.dispatchEvent(new Ge(Ge.INVALID)))},g=new WeakMap,d.formAssociated=!0,Ut([a({type:String})],d.prototype,"name",2),Ut([a()],d.prototype,"value",1),Ut([a({type:Boolean,reflect:!0,attribute:"pristine"})],d.prototype,"pristine",1),Ut([a({type:Boolean,reflect:!0})],d.prototype,"required",2),Ut([a({type:String,attribute:"required-message"})],d.prototype,"requiredMessage",2),Ut([a({type:Boolean,reflect:!0})],d.prototype,"error",2),Ut([a({type:String,attribute:"error-message"})],d.prototype,"errorMessage",2),d};let gc=class{constructor(t,i){this._callback=t,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}setDuration(t){this._duration=t,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 mc=(e,t,i=`This element has to be present for ${e.nodeName} to work appropriate.`)=>{customElements.get(t)||console.warn(`%c ${e.nodeName} requires ${t} element to be registered!`,"font-weight: bold;",i,e)},_c=(e,t)=>{function i(r){const s=e.getBoundingClientRect(),n=e.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let v;r instanceof TouchEvent?v=r.touches[0]:v=r;const g=v.pageX-u,d=v.pageY-c;t?.onMove&&t.onMove(g,d)}function o(){document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",o),t?.onStop&&t.onStop()}document.addEventListener("pointermove",i,{passive:!0}),document.addEventListener("pointerup",o),t?.initialEvent&&i(t.initialEvent)},yc=(e,t,i)=>Math.min(Math.max(e,t),i),wc=(e,t,i)=>i+t-e,xc=e=>{const t=Math.round(e).toString(16);return t.length===1?`0${t}`:t},da=(e,t,i)=>{let o=e;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(t)&&o.getAttribute(t)===i,s=o.querySelector(`[${t}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${t}="${i}"]`);o=o.parentElement||o.parentNode||o.host||null}return null};function $c(e){return e?e.assignedNodes({flatten:!0}).length>0:!1}var kc=Object.defineProperty,pa=e=>{throw TypeError(e)},Cc=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&kc(t,i,r),r},fa=(e,t,i)=>t.has(e)||pa("Cannot "+i),va=(e,t,i)=>(fa(e,t,"read from private field"),t.get(e)),ba=(e,t,i)=>t.has(e)?pa("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ec=(e,t,i,o)=>(fa(e,t,"write to private field"),t.set(e,i),i);const Pc=e=>{var t,i;class o extends e{constructor(...s){super(...s),ba(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=da(this,"id",this.popoverContainerElement);n&&(va(this,t)?n.hidePopover():n.showPopover())},ba(this,i,n=>{requestAnimationFrame(()=>{Ec(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",va(this,i))}}return t=new WeakMap,i=new WeakMap,Cc([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement"),o};function Oc(e,t){return i=>{if(e.indexOf("-")>0===!1){console.error(`${e} 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(e)||window.customElements.define(e,i,t)}}const Sc=["default","primary","secondary","outline","placeholder"],Ic=["default","positive","warning","danger"],Ac=["h1","h2","h3","h4","h5","h6"];function f(e,t){return i=>{if(e.indexOf("-")>0===!1){console.error(`${e} 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(e)||window.customElements.define(e,i,t)}}var Uc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Dc=(e,t,i,o)=>{for(var r=o>1?void 0:o?zc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Uc(t,i,r),r};let ni=class extends b{render(){return l`<slot></slot>`}};ni.styles=[p`
|
|
269
|
+
`}}return ha([a({type:String})],i.prototype,"label"),ha([m()],i.prototype,"_labelSlotHasContent"),i};var cc=Object.defineProperty,hc=Object.getOwnPropertyDescriptor,da=(e,t,i,o)=>{for(var r=o>1?void 0:o?hc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&cc(t,i,r),r};const dc=e=>{class t extends e{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new Ut(Ut.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Ut(Ut.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 da([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),da([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var pc=Object.defineProperty,fc=Object.getOwnPropertyDescriptor,vc=(e,t,i,o)=>{for(var r=fc(t,i),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&pc(t,i,r),r};const bc=e=>{class t extends e{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return vc([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly"),t};var gc=Object.defineProperty,mc=Object.getOwnPropertyDescriptor,pa=e=>{throw TypeError(e)},zt=(e,t,i,o)=>{for(var r=o>1?void 0:o?mc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&gc(t,i,r),r},Es=(e,t,i)=>t.has(e)||pa("Cannot "+i),I=(e,t,i)=>(Es(e,t,"read from private field"),i?i.call(e):t.get(e)),Dt=(e,t,i)=>t.has(e)?pa("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ps=(e,t,i,o)=>(Es(e,t,"write to private field"),t.set(e,i),i),to=(e,t,i)=>(Es(e,t,"access private method"),i);const _c=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],yc=(e,t)=>{var i,o,r,s,n,u,c,v,g;class d extends e{constructor(...h){super(...h),Dt(this,u),this.name="",Dt(this,i,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",Dt(this,o,t),Dt(this,r,null),Dt(this,s,[]),Dt(this,n,[]),Dt(this,g,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return I(this,o)}set value(h){const _=I(this,o);Ps(this,o,h),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(I(this,o)??null),this.requestUpdate("value",_)}set pristine(h){this._pristine!==h&&(this._pristine=h,h?this.setAttribute("pristine",""):this.removeAttribute("pristine"),to(this,u,v).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const h=I(this,n).find(_=>_.validity.valid===!1);h?"focusFirstInvalidElement"in h?h.focusFirstInvalidElement():h.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),to(this,u,c).call(this)}addValidator(h,_,L){const P={flagKey:h,getMessageMethod:_,checkMethod:L,weight:_c.indexOf(h)};return I(this,s).push(P),I(this,s).sort((V,te)=>V.weight>te.weight?1:te.weight>V.weight?-1:0),P}removeValidator(h){const _=I(this,s).indexOf(h);_!==-1&&I(this,s).splice(_,1)}addFormControlElement(h){I(this,n).push(h),h.addEventListener(Ke.INVALID,()=>{this._runValidators()}),h.addEventListener(Ke.VALID,()=>{this._runValidators()}),this._pristine===!1&&(h.checkValidity(),this._runValidators())}setCustomValidity(h){this._customValidityObject&&this.removeValidator(this._customValidityObject),h!=null&&h!==""&&(this._customValidityObject=this.addValidator("customError",()=>h,()=>!0)),this._runValidators()}_runValidators(){Ps(this,i,{});let h,_;I(this,s).some(P=>P.checkMethod()?(I(this,i)[P.flagKey]=!0,h=P.getMessageMethod(),!0):!1),h||I(this,n).some(P=>{let V;for(V in P.validity)if(V!=="valid"&&P.validity[V])return I(this,i)[V]=!0,h=P.validationMessage,_??(_=P),!0;return!1});const L=Object.values(I(this,i)).includes(!0);I(this,i).valid=!L,this._internals.setValidity(I(this,i),h,_??this.getFormElement()??void 0),to(this,u,v).call(this)}updated(h){super.updated(h),this._runValidators()}submit(){I(this,r)?.requestSubmit()}formAssociatedCallback(){to(this,u,c).call(this),Ps(this,r,this._internals.form),I(this,r)&&(I(this,r).hasAttribute("submit-invalid")&&(this.pristine=!1),I(this,r).addEventListener("submit",I(this,g)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return t}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const h in I(this,n))if(I(this,n)[h].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return I(this,i)}get validationMessage(){return this._internals?.validationMessage}}return i=new WeakMap,o=new WeakMap,r=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakSet,c=function(){I(this,r)&&I(this,r).removeEventListener("submit",I(this,g))},v=function(){this._pristine!==!0&&(I(this,i).valid?this.dispatchEvent(new Ke(Ke.VALID)):this.dispatchEvent(new Ke(Ke.INVALID)))},g=new WeakMap,d.formAssociated=!0,zt([a({type:String})],d.prototype,"name",2),zt([a()],d.prototype,"value",1),zt([a({type:Boolean,reflect:!0,attribute:"pristine"})],d.prototype,"pristine",1),zt([a({type:Boolean,reflect:!0})],d.prototype,"required",2),zt([a({type:String,attribute:"required-message"})],d.prototype,"requiredMessage",2),zt([a({type:Boolean,reflect:!0})],d.prototype,"error",2),zt([a({type:String,attribute:"error-message"})],d.prototype,"errorMessage",2),d};let wc=class{constructor(t,i){this._callback=t,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}setDuration(t){this._duration=t,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 xc=(e,t,i=`This element has to be present for ${e.nodeName} to work appropriate.`)=>{customElements.get(t)||console.warn(`%c ${e.nodeName} requires ${t} element to be registered!`,"font-weight: bold;",i,e)},$c=(e,t)=>{function i(r){const s=e.getBoundingClientRect(),n=e.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let v;r instanceof TouchEvent?v=r.touches[0]:v=r;const g=v.pageX-u,d=v.pageY-c;t?.onMove&&t.onMove(g,d)}function o(){document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",o),t?.onStop&&t.onStop()}document.addEventListener("pointermove",i,{passive:!0}),document.addEventListener("pointerup",o),t?.initialEvent&&i(t.initialEvent)},Cc=(e,t,i)=>Math.min(Math.max(e,t),i),kc=(e,t,i)=>i+t-e,Ec=e=>{const t=Math.round(e).toString(16);return t.length===1?`0${t}`:t},fa=(e,t,i)=>{let o=e;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(t)&&o.getAttribute(t)===i,s=o.querySelector(`[${t}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${t}="${i}"]`);o=o.parentElement||o.parentNode||o.host||null}return null};function Pc(e){return e?e.assignedNodes({flatten:!0}).length>0:!1}var Oc=Object.defineProperty,va=e=>{throw TypeError(e)},Sc=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&Oc(t,i,r),r},ba=(e,t,i)=>t.has(e)||va("Cannot "+i),ga=(e,t,i)=>(ba(e,t,"read from private field"),t.get(e)),ma=(e,t,i)=>t.has(e)?va("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ic=(e,t,i,o)=>(ba(e,t,"write to private field"),t.set(e,i),i);const Ac=e=>{var t,i;class o extends e{constructor(...s){super(...s),ma(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=fa(this,"id",this.popoverContainerElement);n&&(ga(this,t)?n.hidePopover():n.showPopover())},ma(this,i,n=>{requestAnimationFrame(()=>{Ic(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",ga(this,i))}}return t=new WeakMap,i=new WeakMap,Sc([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement"),o};function Uc(e,t){return i=>{if(e.indexOf("-")>0===!1){console.error(`${e} 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(e)||window.customElements.define(e,i,t)}}const zc=["default","primary","secondary","outline","placeholder"],Dc=["default","positive","warning","danger"],Mc=["h1","h2","h3","h4","h5","h6"];function f(e,t){return i=>{if(e.indexOf("-")>0===!1){console.error(`${e} 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(e)||window.customElements.define(e,i,t)}}var Lc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,Vc=(e,t,i,o)=>{for(var r=o>1?void 0:o?Tc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Lc(t,i,r),r};let ni=class extends b{render(){return l`<slot></slot>`}};ni.styles=[p`
|
|
270
270
|
:host {
|
|
271
271
|
display: inline-flex;
|
|
272
272
|
align-items: stretch;
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
::slotted(*:hover) {
|
|
297
297
|
z-index: 1;
|
|
298
298
|
}
|
|
299
|
-
`],ni=
|
|
299
|
+
`],ni=Vc([f("uui-button-group")],ni);var Nc=Object.defineProperty,Hc=Object.getOwnPropertyDescriptor,Bc=(e,t,i,o)=>{for(var r=o>1?void 0:o?Hc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Nc(t,i,r),r};let io=class extends ni{};io.styles=[...ni.styles,p`
|
|
300
300
|
::slotted(*) {
|
|
301
301
|
--uui-button-padding-left-factor: 0.5;
|
|
302
302
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -338,10 +338,10 @@
|
|
|
338
338
|
--uui-button-padding-left-factor: 1.5;
|
|
339
339
|
--uui-button-padding-right-factor: 1.5;
|
|
340
340
|
}
|
|
341
|
-
`],
|
|
341
|
+
`],io=Bc([f("uui-action-bar")],io);var jc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,ro=(e,t,i,o)=>{for(var r=o>1?void 0:o?Rc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&jc(t,i,r),r};let Mt=class extends b{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`
|
|
342
342
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
343
343
|
${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
344
|
-
`}};
|
|
344
|
+
`}};Mt.styles=[p`
|
|
345
345
|
:host {
|
|
346
346
|
display: inline-flex;
|
|
347
347
|
align-items: center;
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
#overflow-indication {
|
|
359
359
|
margin-left: 6px;
|
|
360
360
|
}
|
|
361
|
-
`],
|
|
361
|
+
`],ro([ft({selector:"uui-avatar, [uui-avatar]",flatten:!0})],Mt.prototype,"_avatarNodes",2),ro([m()],Mt.prototype,"_avatarArray",2),ro([a({type:Number,attribute:!0})],Mt.prototype,"limit",2),Mt=ro([f("uui-avatar-group")],Mt);var Fc=Object.defineProperty,Wc=Object.getOwnPropertyDescriptor,ai=(e,t,i,o)=>{for(var r=o>1?void 0:o?Wc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Fc(t,i,r),r};let Ye=class extends b{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(e){const t=this._name;this._name=e,this.initials=this.createInitials(this._name),this.requestUpdate("title",t)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const i=e.match(/(\w+)/g);return i?.length?(t=i[0].substring(0,1),i.length>1&&(t+=i[i.length-1].substring(0,1)),t.toUpperCase()):t}renderImage(){return l` <img
|
|
362
362
|
src="${this.imgSrc}"
|
|
363
363
|
srcset="${this.imgSrcset}"
|
|
364
364
|
alt="${this.initials}"
|
|
@@ -366,7 +366,7 @@
|
|
|
366
366
|
${this.imgSrc?this.renderImage():""}
|
|
367
367
|
${this.imgSrc?"":this.initials}
|
|
368
368
|
<slot></slot>
|
|
369
|
-
`}};
|
|
369
|
+
`}};Ye.styles=[p`
|
|
370
370
|
:host {
|
|
371
371
|
display: inline-flex;
|
|
372
372
|
align-items: center;
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
overflow: hidden;
|
|
398
398
|
border-radius: 50%;
|
|
399
399
|
}
|
|
400
|
-
`],ai([a({type:Boolean,attribute:!0,reflect:!0})],
|
|
400
|
+
`],ai([a({type:Boolean,attribute:!0,reflect:!0})],Ye.prototype,"overflow",2),ai([a({type:String,attribute:"img-src"})],Ye.prototype,"imgSrc",2),ai([a({type:String,attribute:"img-srcset"})],Ye.prototype,"imgSrcset",2),ai([a({type:String,reflect:!0})],Ye.prototype,"name",1),ai([m()],Ye.prototype,"initials",2),Ye=ai([f("uui-avatar")],Ye);var Gc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,oo=(e,t,i,o)=>{for(var r=o>1?void 0:o?qc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Gc(t,i,r),r};let Lt=class extends b{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l` <slot></slot> `}};Lt.styles=[p`
|
|
401
401
|
:host {
|
|
402
402
|
position: var(--uui-badge-position, absolute);
|
|
403
403
|
display: flex;
|
|
@@ -507,14 +507,14 @@
|
|
|
507
507
|
animation: none;
|
|
508
508
|
}
|
|
509
509
|
}
|
|
510
|
-
`],
|
|
510
|
+
`],oo([a({reflect:!0})],Lt.prototype,"color",2),oo([a({reflect:!0})],Lt.prototype,"look",2),oo([a({type:Boolean,reflect:!0})],Lt.prototype,"attention",2),Lt=oo([f("uui-badge")],Lt);var Kc=Object.defineProperty,Yc=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&Kc(t,i,r),r};const nr=e=>{class t extends e{constructor(){super(...arguments),this.active=!1}}return Yc([a({type:Boolean,reflect:!0})],t.prototype,"active"),t};var Xc=Object.defineProperty,_a=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&Xc(t,i,r),r};const Ue=(e,t)=>{class i extends t{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
511
511
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
512
512
|
<slot
|
|
513
513
|
class="label"
|
|
514
514
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
515
515
|
name=${e||""}
|
|
516
516
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
517
|
-
`}}return ga([a({type:String})],i.prototype,"label"),ga([m()],i.prototype,"_labelSlotHasContent"),i};let qc=class extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}},li=class extends qc{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}};li.SELECTED="selected",li.DESELECTED="deselected";var Kc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,ma=(e,t,i,o)=>{for(var r=o>1?void 0:o?Yc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Kc(t,i,r),r};const ui=e=>{class t extends e{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new li(li.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new li(li.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 ma([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),ma([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var Xc=Object.defineProperty,Zc=Object.getOwnPropertyDescriptor,Qc=(e,t,i,o)=>{for(var r=Zc(t,i),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&Xc(t,i,r),r};const ro=e=>{class t extends e{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return Qc([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly"),t};let _a=class extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}},ft=class extends _a{constructor(t,i={}){super(t,{bubbles:!0,...i})}};ft.VALID="valid",ft.INVALID="invalid";let ya=class extends _a{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}};ya.SELECTED="selected",ya.DESELECTED="deselected";var Jc=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,wa=e=>{throw TypeError(e)},Lt=(e,t,i,o)=>{for(var r=o>1?void 0:o?eh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Jc(t,i,r),r},Es=(e,t,i)=>t.has(e)||wa("Cannot "+i),A=(e,t,i)=>(Es(e,t,"read from private field"),i?i.call(e):t.get(e)),Tt=(e,t,i)=>t.has(e)?wa("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ps=(e,t,i,o)=>(Es(e,t,"write to private field"),t.set(e,i),i),oo=(e,t,i)=>(Es(e,t,"access private method"),i);const th=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],ze=(e,t)=>{var i,o,r,s,n,u,c,v,g;class d extends e{constructor(...h){super(...h),Tt(this,u),this.name="",Tt(this,i,{}),this._pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",Tt(this,o,t),Tt(this,r,null),Tt(this,s,[]),Tt(this,n,[]),Tt(this,g,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.setAttribute("pristine",""),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return A(this,o)}set value(h){const _=A(this,o);Ps(this,o,h),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(A(this,o)??null),this.requestUpdate("value",_)}set pristine(h){this._pristine!==h&&(this._pristine=h,h?this.setAttribute("pristine",""):this.removeAttribute("pristine"),oo(this,u,v).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const h=A(this,n).find(_=>_.validity.valid===!1);h?"focusFirstInvalidElement"in h?h.focusFirstInvalidElement():h.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),oo(this,u,c).call(this)}addValidator(h,_,L){const P={flagKey:h,getMessageMethod:_,checkMethod:L,weight:th.indexOf(h)};return A(this,s).push(P),A(this,s).sort((V,te)=>V.weight>te.weight?1:te.weight>V.weight?-1:0),P}removeValidator(h){const _=A(this,s).indexOf(h);_!==-1&&A(this,s).splice(_,1)}addFormControlElement(h){A(this,n).push(h),h.addEventListener(ft.INVALID,()=>{this._runValidators()}),h.addEventListener(ft.VALID,()=>{this._runValidators()}),this._pristine===!1&&(h.checkValidity(),this._runValidators())}setCustomValidity(h){this._customValidityObject&&this.removeValidator(this._customValidityObject),h!=null&&h!==""&&(this._customValidityObject=this.addValidator("customError",()=>h,()=>!0)),this._runValidators()}_runValidators(){Ps(this,i,{});let h,_;A(this,s).some(P=>P.checkMethod()?(A(this,i)[P.flagKey]=!0,h=P.getMessageMethod(),!0):!1),h||A(this,n).some(P=>{let V;for(V in P.validity)if(V!=="valid"&&P.validity[V])return A(this,i)[V]=!0,h=P.validationMessage,_??(_=P),!0;return!1});const L=Object.values(A(this,i)).includes(!0);A(this,i).valid=!L,this._internals.setValidity(A(this,i),h,_??this.getFormElement()??void 0),oo(this,u,v).call(this)}updated(h){super.updated(h),this._runValidators()}submit(){A(this,r)?.requestSubmit()}formAssociatedCallback(){oo(this,u,c).call(this),Ps(this,r,this._internals.form),A(this,r)&&(A(this,r).hasAttribute("submit-invalid")&&(this.pristine=!1),A(this,r).addEventListener("submit",A(this,g)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return t}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const h in A(this,n))if(A(this,n)[h].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return A(this,i)}get validationMessage(){return this._internals?.validationMessage}}return i=new WeakMap,o=new WeakMap,r=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakSet,c=function(){A(this,r)&&A(this,r).removeEventListener("submit",A(this,g))},v=function(){this._pristine!==!0&&(A(this,i).valid?this.dispatchEvent(new ft(ft.VALID)):this.dispatchEvent(new ft(ft.INVALID)))},g=new WeakMap,d.formAssociated=!0,Lt([a({type:String})],d.prototype,"name",2),Lt([a()],d.prototype,"value",1),Lt([a({type:Boolean,reflect:!0,attribute:"pristine"})],d.prototype,"pristine",1),Lt([a({type:Boolean,reflect:!0})],d.prototype,"required",2),Lt([a({type:String,attribute:"required-message"})],d.prototype,"requiredMessage",2),Lt([a({type:Boolean,reflect:!0})],d.prototype,"error",2),Lt([a({type:String,attribute:"error-message"})],d.prototype,"errorMessage",2),d},ih=(e,t,i)=>{let o=e;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(t)&&o.getAttribute(t)===i,s=o.querySelector(`[${t}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${t}="${i}"]`);o=o.parentElement||o.parentNode||o.host||null}return null};var rh=Object.defineProperty,xa=e=>{throw TypeError(e)},oh=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&rh(t,i,r),r},$a=(e,t,i)=>t.has(e)||xa("Cannot "+i),ka=(e,t,i)=>($a(e,t,"read from private field"),t.get(e)),Ca=(e,t,i)=>t.has(e)?xa("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),sh=(e,t,i,o)=>($a(e,t,"write to private field"),t.set(e,i),i);const nh=e=>{var t,i;class o extends e{constructor(...s){super(...s),Ca(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=ih(this,"id",this.popoverContainerElement);n&&(ka(this,t)?n.hidePopover():n.showPopover())},Ca(this,i,n=>{requestAnimationFrame(()=>{sh(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",ka(this,i))}}return t=new WeakMap,i=new WeakMap,oh([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement"),o};class U extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}}class ci extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ci.VALID="valid",ci.INVALID="invalid";class vt extends U{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}}vt.SELECTED="selected",vt.DESELECTED="deselected";class so extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}so.CHANGE="change";var ah=Object.defineProperty,lh=Object.getOwnPropertyDescriptor,hi=(e,t,i,o)=>{for(var r=o>1?void 0:o?lh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ah(t,i,r),r};class ve extends ze(Ue("",b),""){constructor(t="checkbox"){super(),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=t,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){const i=super.value;this._value=t,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",i)}get checked(){return this._checked}set checked(t){const i=this._checked;this._checked=t,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}_onKeypress(t){t.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(t){super.firstUpdated(t);const i=this.shadowRoot?.querySelector("label");let o=!1;this._input.addEventListener("blur",()=>{o===!1&&this.style.setProperty("--uui-show-focus-outline","1"),o=!1}),i.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),o=!0}),i.addEventListener("mouseup",()=>{o=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(t){t.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new so(so.CHANGE))}render(){return l`
|
|
517
|
+
`}}return _a([a({type:String})],i.prototype,"label"),_a([m()],i.prototype,"_labelSlotHasContent"),i};let Zc=class extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}},li=class extends Zc{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}};li.SELECTED="selected",li.DESELECTED="deselected";var Qc=Object.defineProperty,Jc=Object.getOwnPropertyDescriptor,ya=(e,t,i,o)=>{for(var r=o>1?void 0:o?Jc(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Qc(t,i,r),r};const ui=e=>{class t extends e{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new li(li.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new li(li.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 ya([a({type:Boolean,reflect:!0})],t.prototype,"selectable",1),ya([a({type:Boolean,reflect:!0})],t.prototype,"selected",2),t};var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,ih=(e,t,i,o)=>{for(var r=th(t,i),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&eh(t,i,r),r};const so=e=>{class t extends e{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return ih([a({type:Boolean,reflect:!0,attribute:"select-only"})],t.prototype,"selectOnly"),t};let wa=class extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}},vt=class extends wa{constructor(t,i={}){super(t,{bubbles:!0,...i})}};vt.VALID="valid",vt.INVALID="invalid";let xa=class extends wa{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}};xa.SELECTED="selected",xa.DESELECTED="deselected";var rh=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,$a=e=>{throw TypeError(e)},Tt=(e,t,i,o)=>{for(var r=o>1?void 0:o?oh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&rh(t,i,r),r},Os=(e,t,i)=>t.has(e)||$a("Cannot "+i),A=(e,t,i)=>(Os(e,t,"read from private field"),i?i.call(e):t.get(e)),Vt=(e,t,i)=>t.has(e)?$a("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ss=(e,t,i,o)=>(Os(e,t,"write to private field"),t.set(e,i),i),no=(e,t,i)=>(Os(e,t,"access private method"),i);const sh=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],ze=(e,t)=>{var i,o,r,s,n,u,c,v,g;class d extends e{constructor(...h){super(...h),Vt(this,u),this.name="",Vt(this,i,{}),this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",Vt(this,o,t),Vt(this,r,null),Vt(this,s,[]),Vt(this,n,[]),Vt(this,g,()=>{this.pristine=!1}),this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}get value(){return A(this,o)}set value(h){const _=A(this,o);Ss(this,o,h),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(A(this,o)??null),this.requestUpdate("value",_)}set pristine(h){this._pristine!==h&&(this._pristine=h,h?this.setAttribute("pristine",""):this.removeAttribute("pristine"),no(this,u,v).call(this))}get pristine(){return this._pristine}hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const h=A(this,n).find(_=>_.validity.valid===!1);h?"focusFirstInvalidElement"in h?h.focusFirstInvalidElement():h.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),no(this,u,c).call(this)}addValidator(h,_,L){const P={flagKey:h,getMessageMethod:_,checkMethod:L,weight:sh.indexOf(h)};return A(this,s).push(P),A(this,s).sort((V,te)=>V.weight>te.weight?1:te.weight>V.weight?-1:0),P}removeValidator(h){const _=A(this,s).indexOf(h);_!==-1&&A(this,s).splice(_,1)}addFormControlElement(h){A(this,n).push(h),h.addEventListener(vt.INVALID,()=>{this._runValidators()}),h.addEventListener(vt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(h.checkValidity(),this._runValidators())}setCustomValidity(h){this._customValidityObject&&this.removeValidator(this._customValidityObject),h!=null&&h!==""&&(this._customValidityObject=this.addValidator("customError",()=>h,()=>!0)),this._runValidators()}_runValidators(){Ss(this,i,{});let h,_;A(this,s).some(P=>P.checkMethod()?(A(this,i)[P.flagKey]=!0,h=P.getMessageMethod(),!0):!1),h||A(this,n).some(P=>{let V;for(V in P.validity)if(V!=="valid"&&P.validity[V])return A(this,i)[V]=!0,h=P.validationMessage,_??(_=P),!0;return!1});const L=Object.values(A(this,i)).includes(!0);A(this,i).valid=!L,this._internals.setValidity(A(this,i),h,_??this.getFormElement()??void 0),no(this,u,v).call(this)}updated(h){super.updated(h),this._runValidators()}submit(){A(this,r)?.requestSubmit()}formAssociatedCallback(){no(this,u,c).call(this),Ss(this,r,this._internals.form),A(this,r)&&(A(this,r).hasAttribute("submit-invalid")&&(this.pristine=!1),A(this,r).addEventListener("submit",A(this,g)))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return t}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const h in A(this,n))if(A(this,n)[h].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return A(this,i)}get validationMessage(){return this._internals?.validationMessage}}return i=new WeakMap,o=new WeakMap,r=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakSet,c=function(){A(this,r)&&A(this,r).removeEventListener("submit",A(this,g))},v=function(){this._pristine!==!0&&(A(this,i).valid?this.dispatchEvent(new vt(vt.VALID)):this.dispatchEvent(new vt(vt.INVALID)))},g=new WeakMap,d.formAssociated=!0,Tt([a({type:String})],d.prototype,"name",2),Tt([a()],d.prototype,"value",1),Tt([a({type:Boolean,reflect:!0,attribute:"pristine"})],d.prototype,"pristine",1),Tt([a({type:Boolean,reflect:!0})],d.prototype,"required",2),Tt([a({type:String,attribute:"required-message"})],d.prototype,"requiredMessage",2),Tt([a({type:Boolean,reflect:!0})],d.prototype,"error",2),Tt([a({type:String,attribute:"error-message"})],d.prototype,"errorMessage",2),d},nh=(e,t,i)=>{let o=e;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(t)&&o.getAttribute(t)===i,s=o.querySelector(`[${t}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${t}="${i}"]`);o=o.parentElement||o.parentNode||o.host||null}return null};var ah=Object.defineProperty,Ca=e=>{throw TypeError(e)},lh=(e,t,i,o)=>{for(var r=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,i,r)||r);return r&&ah(t,i,r),r},ka=(e,t,i)=>t.has(e)||Ca("Cannot "+i),Ea=(e,t,i)=>(ka(e,t,"read from private field"),t.get(e)),Pa=(e,t,i)=>t.has(e)?Ca("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),uh=(e,t,i,o)=>(ka(e,t,"write to private field"),t.set(e,i),i);const ch=e=>{var t,i;class o extends e{constructor(...s){super(...s),Pa(this,t,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=nh(this,"id",this.popoverContainerElement);n&&(Ea(this,t)?n.hidePopover():n.showPopover())},Pa(this,i,n=>{requestAnimationFrame(()=>{uh(this,t,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Ea(this,i))}}return t=new WeakMap,i=new WeakMap,lh([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement"),o};class U extends Event{constructor(t,i={}){super(t,{...i}),this.detail=i.detail||{}}}class ci extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ci.VALID="valid",ci.INVALID="invalid";class bt extends U{constructor(t,i={}){super(t,{bubbles:!0,cancelable:!0,...i})}}bt.SELECTED="selected",bt.DESELECTED="deselected";class ao extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ao.CHANGE="change";var hh=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,hi=(e,t,i,o)=>{for(var r=o>1?void 0:o?dh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&hh(t,i,r),r};class ge extends ze(Ue("",b),""){constructor(t="checkbox"){super(),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=t,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(t){const i=super.value;this._value=t,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",i)}get checked(){return this._checked}set checked(t){const i=this._checked;this._checked=t,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}_onKeypress(t){t.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(t){super.firstUpdated(t);const i=this.shadowRoot?.querySelector("label");let o=!1;this._input.addEventListener("blur",()=>{o===!1&&this.style.setProperty("--uui-show-focus-outline","1"),o=!1}),i.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),o=!0}),i.addEventListener("mouseup",()=>{o=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(t){t.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new ao(ao.CHANGE))}render(){return l`
|
|
518
518
|
<label>
|
|
519
519
|
<input
|
|
520
520
|
id="input"
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
role="${this.inputRole}" />
|
|
529
529
|
${this.renderCheckbox()} ${this.renderLabel()}
|
|
530
530
|
</label>
|
|
531
|
-
`}}
|
|
531
|
+
`}}ge.styles=[p`
|
|
532
532
|
:host {
|
|
533
533
|
display: inline-block;
|
|
534
534
|
}
|
|
@@ -577,27 +577,27 @@
|
|
|
577
577
|
.label {
|
|
578
578
|
display: block;
|
|
579
579
|
}
|
|
580
|
-
`],hi([a({type:String,attribute:"label-position",reflect:!0})],
|
|
580
|
+
`],hi([a({type:String,attribute:"label-position",reflect:!0})],ge.prototype,"labelPosition",2),hi([a({type:Boolean})],ge.prototype,"checked",1),hi([a({type:Boolean,reflect:!0})],ge.prototype,"indeterminate",2),hi([a({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),hi([a({type:Boolean,reflect:!0})],ge.prototype,"readonly",2),hi([S("#input")],ge.prototype,"_input",2);/**
|
|
581
581
|
* @license
|
|
582
582
|
* Copyright 2020 Google LLC
|
|
583
583
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
584
|
-
*/const
|
|
584
|
+
*/const Oa=Symbol.for(""),ph=e=>{if(e?.r===Oa)return e?._$litStatic$},Sa=e=>({_$litStatic$:e,r:Oa}),Ia=new Map,fh=e=>(t,...i)=>{const o=i.length;let r,s;const n=[],u=[];let c,v=0,g=!1;for(;v<o;){for(c=t[v];v<o&&(s=i[v],(r=ph(s))!==void 0);)c+=r+t[++v],g=!0;v!==o&&u.push(s),n.push(c),v++}if(v===o&&n.push(t[o]),g){const d=n.join("$$lit$$");(t=Ia.get(d))===void 0&&(n.raw=n,Ia.set(d,t=n)),i=u}return e(t,...i)},Aa=fh(l);var vh=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,Nt=(e,t,i,o)=>{for(var r=o>1?void 0:o?bh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&vh(t,i,r),r};function Is(e){return e?e.assignedNodes({flatten:!0}).length>0:!1}let De=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag="h5",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=Is(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=Is(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=Is(e.target)}}set headlineVariant(e){this._headlineVariantTag=e}get headlineVariant(){return this._headlineVariantTag}renderHeader(){return Aa`<div
|
|
585
585
|
id="header"
|
|
586
586
|
class="uui-text"
|
|
587
587
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
588
|
-
<${
|
|
588
|
+
<${Sa(this._headlineVariantTag)}
|
|
589
589
|
id="headline"
|
|
590
590
|
class="uui-h5"
|
|
591
591
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
592
592
|
${this.headline}
|
|
593
593
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
594
|
-
</${
|
|
594
|
+
</${Sa(this._headlineVariantTag)}>
|
|
595
595
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
596
596
|
<slot name="header-actions" @slotchange=${this._headerActionsSlotChanged}></slot>
|
|
597
|
-
</div>`}render(){return
|
|
597
|
+
</div>`}render(){return Aa`
|
|
598
598
|
${this.renderHeader()}
|
|
599
599
|
<slot></slot>
|
|
600
|
-
`}};De.styles=[
|
|
600
|
+
`}};De.styles=[eo,p`
|
|
601
601
|
:host {
|
|
602
602
|
display: block;
|
|
603
603
|
border: var(--uui-box-border-width, 0) solid
|
|
@@ -626,7 +626,7 @@
|
|
|
626
626
|
display: block;
|
|
627
627
|
margin-left: auto;
|
|
628
628
|
}
|
|
629
|
-
`],
|
|
629
|
+
`],Nt([a({type:String})],De.prototype,"headline",2),Nt([a({attribute:"headline-variant"})],De.prototype,"headlineVariant",1),Nt([m()],De.prototype,"_headlineVariantTag",2),Nt([m()],De.prototype,"_headlineSlotHasContent",2),Nt([m()],De.prototype,"_headerSlotHasContent",2),Nt([m()],De.prototype,"_headerActionsSlotHasContent",2),De=Nt([f("uui-box")],De);var gh=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,As=(e,t,i,o)=>{for(var r=o>1?void 0:o?mh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&gh(t,i,r),r};let Ht=class extends b{constructor(){super(...arguments),this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){const e=this.href?l`<a id="link" href=${this.href}><slot></slot></a>`:l`<span id="link"><slot></slot></span>`;return l`${e}<span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};Ht.styles=[p`
|
|
630
630
|
:host {
|
|
631
631
|
font-size: var(--uui-type-small-size,12px);
|
|
632
632
|
color: currentColor;
|
|
@@ -660,9 +660,9 @@
|
|
|
660
660
|
overflow: hidden;
|
|
661
661
|
text-overflow: ellipsis;
|
|
662
662
|
}
|
|
663
|
-
`],
|
|
663
|
+
`],As([a()],Ht.prototype,"href",2),As([a({type:Boolean,attribute:"last-item"})],Ht.prototype,"lastItem",2),Ht=As([f("uui-breadcrumb-item")],Ht);var _h=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Ua=(e,t,i,o)=>{for(var r=o>1?void 0:o?yh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&_h(t,i,r),r};let ar=class extends b{elementIsBreadcrumbItem(e){return e instanceof Ht}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list">
|
|
664
664
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
665
|
-
</ol>`}};
|
|
665
|
+
</ol>`}};ar.styles=[p`
|
|
666
666
|
:host {
|
|
667
667
|
display: flex;
|
|
668
668
|
}
|
|
@@ -676,7 +676,7 @@
|
|
|
676
676
|
margin-inline-end: 0px;
|
|
677
677
|
padding-inline-start: 0px;
|
|
678
678
|
}
|
|
679
|
-
`],
|
|
679
|
+
`],Ua([ft({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],ar.prototype,"slotNodes",2),ar=Ua([f("uui-breadcrumbs")],ar);const wh=p`
|
|
680
680
|
@keyframes uui-blink {
|
|
681
681
|
0%,
|
|
682
682
|
100% {
|
|
@@ -686,7 +686,7 @@
|
|
|
686
686
|
opacity: 1;
|
|
687
687
|
}
|
|
688
688
|
}
|
|
689
|
-
`,
|
|
689
|
+
`,xh=pt("uui-blink 0.9s infinite both"),$h=p`
|
|
690
690
|
@keyframes pulse {
|
|
691
691
|
0% {
|
|
692
692
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -704,7 +704,7 @@
|
|
|
704
704
|
opacity: 0;
|
|
705
705
|
}
|
|
706
706
|
}
|
|
707
|
-
`;
|
|
707
|
+
`;pt("pulse 0.8s ease-in-out infinite both");const lo=p`
|
|
708
708
|
@keyframes uui-horizontal-shake {
|
|
709
709
|
10%,
|
|
710
710
|
90% {
|
|
@@ -727,7 +727,7 @@
|
|
|
727
727
|
transform: translateX(2px);
|
|
728
728
|
}
|
|
729
729
|
}
|
|
730
|
-
`,
|
|
730
|
+
`,uo=pt("uui-horizontal-shake 600ms ease backwards");/**
|
|
731
731
|
* @license
|
|
732
732
|
* Copyright 2017 Google LLC
|
|
733
733
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -735,11 +735,11 @@
|
|
|
735
735
|
* @license
|
|
736
736
|
* Copyright 2018 Google LLC
|
|
737
737
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
738
|
-
*/const
|
|
738
|
+
*/const za="important",Ch=" !"+za,Me=di(class extends pi{constructor(e){if(super(e),e.type!==$e.ATTRIBUTE||e.name!=="style"||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,i)=>{const o=e[i];return o==null?t:t+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(e,[t]){const{style:i}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const o of this.ft)t[o]==null&&(this.ft.delete(o),o.includes("-")?i.removeProperty(o):i[o]=null);for(const o in t){const r=t[o];if(r!=null){this.ft.add(o);const s=typeof r=="string"&&r.endsWith(Ch);o.includes("-")||s?i.setProperty(o,s?r.slice(0,-11):r,s?za:""):i[o]=r}}return ne}});/**
|
|
739
739
|
* @license
|
|
740
740
|
* Copyright 2018 Google LLC
|
|
741
741
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
742
|
-
*/const w=e=>e??
|
|
742
|
+
*/const w=e=>e??C;class co extends U{constructor(t,i={}){super(t,{bubbles:!0,composed:!0,...i})}}co.CLICK="click";var kh=Object.defineProperty,Eh=Object.getOwnPropertyDescriptor,Da=e=>{throw TypeError(e)},Bt=(e,t,i,o)=>{for(var r=o>1?void 0:o?Eh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&kh(t,i,r),r},Ph=(e,t,i)=>t.has(e)||Da("Cannot "+i),Oh=(e,t,i)=>t.has(e)?Da("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),ho=(e,t,i)=>(Ph(e,t,"access private method"),i),fi,Us,Ma,La;let Le=class extends b{constructor(){super(...arguments),Oh(this,fi),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new co(co.CLICK))}render(){return this.href?ho(this,fi,Ma).call(this):ho(this,fi,La).call(this)}};fi=new WeakSet,Us=function(){return l`
|
|
743
743
|
<div
|
|
744
744
|
id="plus"
|
|
745
745
|
style=${Me({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
@@ -751,23 +751,23 @@
|
|
|
751
751
|
d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z" />
|
|
752
752
|
</svg>
|
|
753
753
|
</div>
|
|
754
|
-
`},
|
|
754
|
+
`},Ma=function(){return l`<a
|
|
755
755
|
id="button-wrapper"
|
|
756
756
|
@mousemove=${this._onMouseMove}
|
|
757
757
|
href=${w(this.href)}
|
|
758
758
|
target=${w(this.target||void 0)}
|
|
759
759
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
760
760
|
aria-label=${this.label?this.label:"create new element"}>
|
|
761
|
-
${
|
|
762
|
-
</a>`},
|
|
761
|
+
${ho(this,fi,Us).call(this)}
|
|
762
|
+
</a>`},La=function(){return l`
|
|
763
763
|
<button
|
|
764
764
|
id="button-wrapper"
|
|
765
765
|
@mousemove=${this._onMouseMove}
|
|
766
766
|
@click=${this._handleClick}
|
|
767
767
|
aria-label=${this.label?this.label:"create new element"}>
|
|
768
|
-
${
|
|
768
|
+
${ho(this,fi,Us).call(this)}
|
|
769
769
|
</button>
|
|
770
|
-
`},Le.styles=[
|
|
770
|
+
`},Le.styles=[wh,p`
|
|
771
771
|
:host {
|
|
772
772
|
display: flex;
|
|
773
773
|
position: relative;
|
|
@@ -821,7 +821,7 @@
|
|
|
821
821
|
:host(:focus) #button-wrapper:before,
|
|
822
822
|
:host(:focus-within) #button-wrapper:before,
|
|
823
823
|
:host(:hover) #button-wrapper:before {
|
|
824
|
-
animation: ${
|
|
824
|
+
animation: ${xh};
|
|
825
825
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
826
826
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
827
827
|
}
|
|
@@ -924,11 +924,11 @@
|
|
|
924
924
|
#button-wrapper:active #plus {
|
|
925
925
|
transform: scale(1.1);
|
|
926
926
|
}
|
|
927
|
-
`],
|
|
927
|
+
`],Bt([m()],Le.prototype,"_position",2),Bt([a({type:String})],Le.prototype,"label",2),Bt([a({type:Boolean,reflect:!0})],Le.prototype,"vertical",2),Bt([a({type:String})],Le.prototype,"href",2),Bt([a({type:String})],Le.prototype,"target",2),Bt([a({type:String})],Le.prototype,"rel",2),Le=Bt([f("uui-button-inline-create")],Le);class Sh{constructor(t,i){this._callback=t,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}setDuration(t){this._duration=t,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 x=(e,t,i=`This element has to be present for ${e.nodeName} to work appropriate.`)=>{customElements.get(t)||console.warn(`%c ${e.nodeName} requires ${t} element to be registered!`,"font-weight: bold;",i,e)},Ta=(e,t)=>{function i(r){const s=e.getBoundingClientRect(),n=e.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let v;r instanceof TouchEvent?v=r.touches[0]:v=r;const g=v.pageX-u,d=v.pageY-c;t?.onMove&&t.onMove(g,d)}function o(){document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",o),t?.onStop&&t.onStop()}document.addEventListener("pointermove",i,{passive:!0}),document.addEventListener("pointerup",o),t?.initialEvent&&i(t.initialEvent)},z=(e,t,i)=>Math.min(Math.max(e,t),i),Va=(e,t,i)=>i+t-e,Ih=(e,t,i)=>{let o=e;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(t)&&o.getAttribute(t)===i,s=o.querySelector(`[${t}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${t}="${i}"]`);o=o.parentElement||o.parentNode||o.host||null}return null};function Ah(e){return e?e.assignedNodes({flatten:!0}).length>0:!1}const po=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,Uh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,zh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,Dh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,zs=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,Mh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,Lh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,Th=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Vh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,Nh=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;var Hh=Object.defineProperty,Bh=Object.getOwnPropertyDescriptor,Na=e=>{throw TypeError(e)},Ce=(e,t,i,o)=>{for(var r=o>1?void 0:o?Bh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Hh(t,i,r),r},Ha=(e,t,i)=>t.has(e)||Na("Cannot "+i),jh=(e,t,i)=>(Ha(e,t,"read from private field"),t.get(e)),Rh=(e,t,i)=>t.has(e)?Na("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Fh=(e,t,i,o)=>(Ha(e,t,"write to private field"),t.set(e,i),i),fo;let ae=class extends ze(Ue("",ch(b))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,Rh(this,fo),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.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}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(jh(this,fo)),(this.state==="success"||this.state==="failed")&&Fh(this,fo,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":x(this,"uui-loader-circle"),e=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":x(this,"uui-icon"),e=l`<uui-icon
|
|
928
928
|
name="check"
|
|
929
|
-
.fallback=${
|
|
929
|
+
.fallback=${po.strings[0]}></uui-icon>`;break;case"failed":x(this,"uui-icon"),e=l`<uui-icon
|
|
930
930
|
name="wrong"
|
|
931
|
-
.fallback=${
|
|
931
|
+
.fallback=${Nh.strings[0]}></uui-icon>`;break;default:return C}return l`<div id="state">${e}</div>`}render(){return this.href?l`
|
|
932
932
|
<a
|
|
933
933
|
id="button"
|
|
934
934
|
aria-label=${w(this.label)}
|
|
@@ -946,7 +946,7 @@
|
|
|
946
946
|
${this.renderState()} ${this.renderLabel()}
|
|
947
947
|
<slot name="extra"></slot>
|
|
948
948
|
</button>
|
|
949
|
-
`}};ae.styles=[
|
|
949
|
+
`}};fo=new WeakMap,ae.styles=[lo,p`
|
|
950
950
|
:host {
|
|
951
951
|
position: relative;
|
|
952
952
|
display: inline-flex;
|
|
@@ -1044,7 +1044,7 @@
|
|
|
1044
1044
|
|
|
1045
1045
|
button[disabled]:active,
|
|
1046
1046
|
a:not([href]):active {
|
|
1047
|
-
animation: ${
|
|
1047
|
+
animation: ${uo};
|
|
1048
1048
|
}
|
|
1049
1049
|
|
|
1050
1050
|
/* ANIMATIONS */
|
|
@@ -1266,7 +1266,7 @@
|
|
|
1266
1266
|
var(--color-standalone)
|
|
1267
1267
|
);
|
|
1268
1268
|
}
|
|
1269
|
-
`],
|
|
1269
|
+
`],Ce([a({type:String,reflect:!0})],ae.prototype,"type",2),Ce([a({type:Boolean,reflect:!0})],ae.prototype,"disabled",2),Ce([a({reflect:!0})],ae.prototype,"look",2),Ce([a({reflect:!0})],ae.prototype,"color",2),Ce([a({type:Boolean,reflect:!0})],ae.prototype,"compact",2),Ce([a({type:String,reflect:!0})],ae.prototype,"state",2),Ce([a({type:String})],ae.prototype,"href",2),Ce([a({type:String})],ae.prototype,"target",2),Ce([a({type:String})],ae.prototype,"rel",2),Ce([S("#button")],ae.prototype,"_button",2),ae=Ce([f("uui-button")],ae);class vi extends U{}vi.OPEN="open";var Wh=Object.defineProperty,Gh=Object.getOwnPropertyDescriptor,bi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Gh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Wh(t,i,r),r};let Z=class extends so(ui(b)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new vi(vi.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new vi(vi.OPEN)))}render(){return l`<slot></slot>`}};Z.styles=[p`
|
|
1270
1270
|
:host {
|
|
1271
1271
|
position: relative;
|
|
1272
1272
|
display: flex;
|
|
@@ -1355,34 +1355,34 @@
|
|
|
1355
1355
|
text-decoration: none;
|
|
1356
1356
|
color: inherit;
|
|
1357
1357
|
}
|
|
1358
|
-
`],bi([a({type:Boolean,reflect:!0,attribute:"disabled"})],Z.prototype,"disabled",2),bi([a({type:Boolean,reflect:!0})],Z.prototype,"error",2),bi([a({type:String})],Z.prototype,"href",2),bi([a({type:String})],Z.prototype,"target",2),bi([a({type:String})],Z.prototype,"rel",2),Z=bi([f("uui-card")],Z);var
|
|
1358
|
+
`],bi([a({type:Boolean,reflect:!0,attribute:"disabled"})],Z.prototype,"disabled",2),bi([a({type:Boolean,reflect:!0})],Z.prototype,"error",2),bi([a({type:String})],Z.prototype,"href",2),bi([a({type:String})],Z.prototype,"target",2),bi([a({type:String})],Z.prototype,"rel",2),Z=bi([f("uui-card")],Z);var qh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,Ba=e=>{throw TypeError(e)},vo=(e,t,i,o)=>{for(var r=o>1?void 0:o?Kh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&qh(t,i,r),r},Yh=(e,t,i)=>t.has(e)||Ba("Cannot "+i),Xh=(e,t,i)=>t.has(e)?Ba("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),ja=(e,t,i)=>(Yh(e,t,"access private method"),i),bo,Ra,Fa;let jt=class extends Z{constructor(){super(...arguments),Xh(this,bo),this.name=""}render(){return l`
|
|
1359
1359
|
<div
|
|
1360
1360
|
id="portrait"
|
|
1361
1361
|
style=${Me({backgroundColor:this.background})}>
|
|
1362
1362
|
<slot></slot>
|
|
1363
1363
|
</div>
|
|
1364
|
-
${this.href?
|
|
1364
|
+
${this.href?ja(this,bo,Fa).call(this):ja(this,bo,Ra).call(this)}
|
|
1365
1365
|
|
|
1366
1366
|
<slot name="tag"></slot>
|
|
1367
1367
|
<slot name="actions"></slot>
|
|
1368
|
-
`}};
|
|
1368
|
+
`}};bo=new WeakSet,Ra=function(){return l`
|
|
1369
1369
|
<button
|
|
1370
1370
|
id="open-part"
|
|
1371
|
-
tabindex=${this.disabled?
|
|
1371
|
+
tabindex=${this.disabled?C:"0"}
|
|
1372
1372
|
@click=${this.handleOpenClick}
|
|
1373
1373
|
@keydown=${this.handleOpenKeydown}>
|
|
1374
1374
|
<strong>${this.name}</strong><small>${this.description}</small>
|
|
1375
1375
|
</button>
|
|
1376
|
-
`},
|
|
1376
|
+
`},Fa=function(){return l`
|
|
1377
1377
|
<a
|
|
1378
1378
|
id="open-part"
|
|
1379
|
-
tabindex=${this.disabled?
|
|
1379
|
+
tabindex=${this.disabled?C:"0"}
|
|
1380
1380
|
href=${w(this.disabled?void 0:this.href)}
|
|
1381
1381
|
target=${w(this.target||void 0)}
|
|
1382
1382
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
1383
1383
|
<strong>${this.name}</strong><small>${this.description}</small>
|
|
1384
1384
|
</a>
|
|
1385
|
-
`},
|
|
1385
|
+
`},jt.styles=[...Z.styles,p`
|
|
1386
1386
|
:host {
|
|
1387
1387
|
flex-direction: column;
|
|
1388
1388
|
justify-content: flex-start;
|
|
@@ -1479,17 +1479,17 @@
|
|
|
1479
1479
|
transition-duration: 120ms;
|
|
1480
1480
|
transition-delay: 0s;
|
|
1481
1481
|
}
|
|
1482
|
-
`],
|
|
1483
|
-
${this.href?
|
|
1482
|
+
`],vo([a({type:String})],jt.prototype,"name",2),vo([a({type:String})],jt.prototype,"description",2),vo([a({type:String,attribute:"background"})],jt.prototype,"background",2),jt=vo([f("uui-card-block-type")],jt);var Zh=Object.defineProperty,Qh=Object.getOwnPropertyDescriptor,Wa=e=>{throw TypeError(e)},Ds=(e,t,i,o)=>{for(var r=o>1?void 0:o?Qh(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Zh(t,i,r),r},Jh=(e,t,i)=>t.has(e)||Wa("Cannot "+i),ed=(e,t,i)=>t.has(e)?Wa("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ga=(e,t,i)=>(Jh(e,t,"access private method"),i),go,qa,Ka;let gi=class extends Z{constructor(){super(...arguments),ed(this,go),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(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return x(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
1483
|
+
${this.href?Ga(this,go,Ka).call(this):Ga(this,go,qa).call(this)}
|
|
1484
1484
|
<!-- Select border must be right after #open-part -->
|
|
1485
1485
|
<div id="select-border"></div>
|
|
1486
1486
|
|
|
1487
1487
|
<slot></slot>
|
|
1488
1488
|
<slot name="tag"></slot>
|
|
1489
1489
|
<slot name="actions"></slot>
|
|
1490
|
-
`}};
|
|
1490
|
+
`}};go=new WeakSet,qa=function(){return l`<div
|
|
1491
1491
|
id="open-part"
|
|
1492
|
-
tabindex=${this.disabled?
|
|
1492
|
+
tabindex=${this.disabled?C:0}
|
|
1493
1493
|
@click=${this.handleOpenClick}
|
|
1494
1494
|
@keydown=${this.handleOpenKeydown}>
|
|
1495
1495
|
<span id="icon">
|
|
@@ -1497,9 +1497,9 @@
|
|
|
1497
1497
|
${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}
|
|
1498
1498
|
</span>
|
|
1499
1499
|
<span id="name"> ${this.name} </span>
|
|
1500
|
-
</div>`},
|
|
1500
|
+
</div>`},Ka=function(){return l`<a
|
|
1501
1501
|
id="open-part"
|
|
1502
|
-
tabindex=${this.disabled?
|
|
1502
|
+
tabindex=${this.disabled?C:0}
|
|
1503
1503
|
href=${w(this.disabled?void 0:this.href)}
|
|
1504
1504
|
target=${w(this.target||void 0)}
|
|
1505
1505
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
@@ -1576,19 +1576,19 @@
|
|
|
1576
1576
|
#name {
|
|
1577
1577
|
margin-top: 4px;
|
|
1578
1578
|
}
|
|
1579
|
-
`],
|
|
1579
|
+
`],Ds([a({type:String})],gi.prototype,"name",2),Ds([m()],gi.prototype,"_iconSlotHasContent",2),gi=Ds([f("uui-card-content-node")],gi);var td=Object.defineProperty,id=Object.getOwnPropertyDescriptor,Ya=e=>{throw TypeError(e)},mo=(e,t,i,o)=>{for(var r=o>1?void 0:o?id(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&td(t,i,r),r},rd=(e,t,i)=>t.has(e)||Ya("Cannot "+i),od=(e,t,i)=>t.has(e)?Ya("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Xa=(e,t,i)=>(rd(e,t,"access private method"),i),_o,Za,Qa;let Rt=class extends Z{constructor(){super(...arguments),od(this,_o),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-folder"),x(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.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
|
|
1580
1580
|
id="file-symbol"
|
|
1581
1581
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return l` ${this.renderMedia()}
|
|
1582
1582
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
1583
|
-
${this.href?
|
|
1583
|
+
${this.href?Xa(this,_o,Qa).call(this):Xa(this,_o,Za).call(this)}
|
|
1584
1584
|
<!-- Select border must be right after .open-part -->
|
|
1585
1585
|
<div id="select-border"></div>
|
|
1586
1586
|
|
|
1587
1587
|
<slot name="tag"></slot>
|
|
1588
|
-
<slot name="actions"></slot>`}};
|
|
1588
|
+
<slot name="actions"></slot>`}};_o=new WeakSet,Za=function(){return l`
|
|
1589
1589
|
<button
|
|
1590
1590
|
id="open-part"
|
|
1591
|
-
tabindex=${this.disabled?
|
|
1591
|
+
tabindex=${this.disabled?C:"0"}
|
|
1592
1592
|
@click=${this.handleOpenClick}
|
|
1593
1593
|
@keydown=${this.handleOpenKeydown}>
|
|
1594
1594
|
<!--
|
|
@@ -1601,10 +1601,10 @@
|
|
|
1601
1601
|
-->
|
|
1602
1602
|
<span>${this.name}</span>
|
|
1603
1603
|
</button>
|
|
1604
|
-
`},
|
|
1604
|
+
`},Qa=function(){return l`
|
|
1605
1605
|
<a
|
|
1606
1606
|
id="open-part"
|
|
1607
|
-
tabindex=${this.disabled?
|
|
1607
|
+
tabindex=${this.disabled?C:"0"}
|
|
1608
1608
|
href=${w(this.disabled?void 0:this.href)}
|
|
1609
1609
|
target=${w(this.target||void 0)}
|
|
1610
1610
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
@@ -1618,7 +1618,7 @@
|
|
|
1618
1618
|
-->
|
|
1619
1619
|
<span>${this.name}</span>
|
|
1620
1620
|
</a>
|
|
1621
|
-
`},
|
|
1621
|
+
`},Rt.styles=[...Z.styles,p`
|
|
1622
1622
|
#file-symbol,
|
|
1623
1623
|
#folder-symbol {
|
|
1624
1624
|
align-self: center;
|
|
@@ -1715,8 +1715,8 @@
|
|
|
1715
1715
|
height: var(--uui-size-8);
|
|
1716
1716
|
}
|
|
1717
1717
|
*/
|
|
1718
|
-
`],
|
|
1719
|
-
${this._avatarSlotHasContent?
|
|
1718
|
+
`],mo([a({type:String})],Rt.prototype,"name",2),mo([a({type:String,attribute:"file-ext"})],Rt.prototype,"fileExt",2),mo([m()],Rt.prototype,"hasPreview",2),Rt=mo([f("uui-card-media")],Rt);var sd=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,Ja=e=>{throw TypeError(e)},Ms=(e,t,i,o)=>{for(var r=o>1?void 0:o?nd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&sd(t,i,r),r},ad=(e,t,i)=>t.has(e)||Ja("Cannot "+i),ld=(e,t,i)=>t.has(e)?Ja("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),el=(e,t,i)=>(ad(e,t,"access private method"),i),yo,tl,il;let mi=class extends Z{constructor(){super(...arguments),ld(this,yo),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Ah(e.target)}}connectedCallback(){super.connectedCallback(),x(this,"uui-avatar")}render(){return l`
|
|
1719
|
+
${this._avatarSlotHasContent?C:l`<uui-avatar
|
|
1720
1720
|
id="avatar"
|
|
1721
1721
|
name=${this.name}
|
|
1722
1722
|
size="m"></uui-avatar>`}
|
|
@@ -1724,19 +1724,19 @@
|
|
|
1724
1724
|
name="avatar"
|
|
1725
1725
|
id="avatar"
|
|
1726
1726
|
@slotchange=${this._avatarSlotChanged}></slot>
|
|
1727
|
-
${this.href?
|
|
1727
|
+
${this.href?el(this,yo,il).call(this):el(this,yo,tl).call(this)}
|
|
1728
1728
|
<slot></slot>
|
|
1729
1729
|
<slot name="tag"></slot>
|
|
1730
1730
|
<slot name="actions"></slot>
|
|
1731
|
-
`}};
|
|
1731
|
+
`}};yo=new WeakSet,tl=function(){return l`<div
|
|
1732
1732
|
id="open-part"
|
|
1733
|
-
tabindex=${this.disabled?
|
|
1733
|
+
tabindex=${this.disabled?C:"0"}
|
|
1734
1734
|
@click=${this.handleOpenClick}
|
|
1735
1735
|
@keydown=${this.handleOpenKeydown}>
|
|
1736
1736
|
<span> ${this.name} </span>
|
|
1737
|
-
</div>`},
|
|
1737
|
+
</div>`},il=function(){return l`<a
|
|
1738
1738
|
id="open-part"
|
|
1739
|
-
tabindex=${this.disabled?
|
|
1739
|
+
tabindex=${this.disabled?C:"0"}
|
|
1740
1740
|
href=${w(this.disabled?void 0:this.href)}
|
|
1741
1741
|
target=${w(this.target||void 0)}
|
|
1742
1742
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
@@ -1813,7 +1813,7 @@
|
|
|
1813
1813
|
text-decoration: underline;
|
|
1814
1814
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1815
1815
|
}
|
|
1816
|
-
`],
|
|
1816
|
+
`],Ms([a({type:String})],mi.prototype,"name",2),Ms([m()],mi.prototype,"_avatarSlotHasContent",2),mi=Ms([f("uui-card-user")],mi);var ud=Object.defineProperty,cd=Object.getOwnPropertyDescriptor,rl=(e,t,i,o)=>{for(var r=o>1?void 0:o?cd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ud(t,i,r),r};let lr=class extends b{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
|
|
1817
1817
|
xmlns="http://www.w3.org/2000/svg"
|
|
1818
1818
|
viewBox="0 0 24 24"
|
|
1819
1819
|
fill="none"
|
|
@@ -1822,7 +1822,7 @@
|
|
|
1822
1822
|
stroke-linecap="round"
|
|
1823
1823
|
stroke-linejoin="round">
|
|
1824
1824
|
<path d="m4 9 8 8 8-8"></path>
|
|
1825
|
-
</svg>`}};
|
|
1825
|
+
</svg>`}};lr.styles=[p`
|
|
1826
1826
|
:host {
|
|
1827
1827
|
display: inline-block;
|
|
1828
1828
|
width: 12px;
|
|
@@ -1836,13 +1836,13 @@
|
|
|
1836
1836
|
:host([open]) svg {
|
|
1837
1837
|
transform: rotate(180deg);
|
|
1838
1838
|
}
|
|
1839
|
-
`],
|
|
1839
|
+
`],rl([a({type:Boolean,reflect:!0})],lr.prototype,"open",2),lr=rl([f("uui-caret")],lr);var hd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,pd=(e,t,i,o)=>{for(var r=o>1?void 0:o?dd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&hd(t,i,r),r};let ur=class extends ge{renderCheckbox(){return l`
|
|
1840
1840
|
<div id="ticker">
|
|
1841
1841
|
<div id="icon-check">
|
|
1842
|
-
${this.indeterminate?
|
|
1842
|
+
${this.indeterminate?Lh:po}
|
|
1843
1843
|
</div>
|
|
1844
1844
|
</div>
|
|
1845
|
-
`}};
|
|
1845
|
+
`}};ur.formAssociated=!0,ur.styles=[...ge.styles,lo,p`
|
|
1846
1846
|
:host {
|
|
1847
1847
|
--uui-checkbox-size: 18px;
|
|
1848
1848
|
}
|
|
@@ -2010,17 +2010,17 @@
|
|
|
2010
2010
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2011
2011
|
}
|
|
2012
2012
|
:host([disabled]) label:active #ticker {
|
|
2013
|
-
animation: ${
|
|
2013
|
+
animation: ${uo};
|
|
2014
2014
|
}
|
|
2015
2015
|
:host([disabled]) input:checked + #ticker #icon-check,
|
|
2016
2016
|
:host([disabled]) input:indeterminate + #ticker #icon-check {
|
|
2017
2017
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2018
2018
|
}
|
|
2019
|
-
`],
|
|
2019
|
+
`],ur=pd([f("uui-checkbox")],ur);/**
|
|
2020
2020
|
* @license
|
|
2021
2021
|
* Copyright 2018 Google LLC
|
|
2022
2022
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2023
|
-
*/const
|
|
2023
|
+
*/const Ls=di(class extends pi{constructor(e){if(super(e),e.type!==$e.ATTRIBUTE||e.name!=="class"||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(this.st===void 0){this.st=new Set,e.strings!==void 0&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(t)}const i=e.element.classList;for(const o of this.st)o in t||(i.remove(o),this.st.delete(o));for(const o in t){const r=!!t[o];r===this.st.has(o)||this.nt?.has(o)||(r?(i.add(o),this.st.add(o)):(i.remove(o),this.st.delete(o)))}return ne}});var fd={grad:.9,turn:360,rad:360/(2*Math.PI)},Xe=function(e){return typeof e=="string"?e.length>0:typeof e=="number"},Y=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=Math.pow(10,t)),Math.round(i*e)/i+0},me=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=1),e>i?i:e>t?e:t},ol=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},sl=function(e){return{r:me(e.r,0,255),g:me(e.g,0,255),b:me(e.b,0,255),a:me(e.a)}},Ts=function(e){return{r:Y(e.r),g:Y(e.g),b:Y(e.b),a:Y(e.a,3)}},vd=/^#([0-9a-f]{3,8})$/i,wo=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},nl=function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=Math.max(t,i,o),n=s-Math.min(t,i,o),u=n?s===t?(i-o)/n:s===i?2+(o-t)/n:4+(t-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},al=function(e){var t=e.h,i=e.s,o=e.v,r=e.a;t=t/360*6,i/=100,o/=100;var s=Math.floor(t),n=o*(1-i),u=o*(1-(t-s)*i),c=o*(1-(1-t+s)*i),v=s%6;return{r:255*[o,u,n,n,c,o][v],g:255*[c,o,o,u,n,n][v],b:255*[n,n,c,o,o,u][v],a:r}},ll=function(e){return{h:ol(e.h),s:me(e.s,0,100),l:me(e.l,0,100),a:me(e.a)}},ul=function(e){return{h:Y(e.h),s:Y(e.s),l:Y(e.l),a:Y(e.a,3)}},cl=function(e){return al((i=(t=e).s,{h:t.h,s:(i*=((o=t.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:t.a}));var t,i,o},cr=function(e){return{h:(t=nl(e)).h,s:(r=(200-(i=t.s))*(o=t.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,i,o,r},bd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,gd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,md=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,_d=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,hl={string:[[function(e){var t=vd.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?Y(parseInt(e[3]+e[3],16)/255,2):1}:e.length===6||e.length===8?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:e.length===8?Y(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=md.exec(e)||_d.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:sl({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=bd.exec(e)||gd.exec(e);if(!t)return null;var i,o,r=ll({h:(i=t[1],o=t[2],o===void 0&&(o="deg"),Number(i)*(fd[o]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return cl(r)},"hsl"]],object:[[function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=r===void 0?1:r;return Xe(t)&&Xe(i)&&Xe(o)?sl({r:Number(t),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(e){var t=e.h,i=e.s,o=e.l,r=e.a,s=r===void 0?1:r;if(!Xe(t)||!Xe(i)||!Xe(o))return null;var n=ll({h:Number(t),s:Number(i),l:Number(o),a:Number(s)});return cl(n)},"hsl"],[function(e){var t=e.h,i=e.s,o=e.v,r=e.a,s=r===void 0?1:r;if(!Xe(t)||!Xe(i)||!Xe(o))return null;var n=function(u){return{h:ol(u.h),s:me(u.s,0,100),v:me(u.v,0,100),a:me(u.a)}}({h:Number(t),s:Number(i),v:Number(o),a:Number(s)});return al(n)},"hsv"]]},dl=function(e,t){for(var i=0;i<t.length;i++){var o=t[i][0](e);if(o)return[o,t[i][1]]}return[null,void 0]},yd=function(e){return typeof e=="string"?dl(e.trim(),hl.string):typeof e=="object"&&e!==null?dl(e,hl.object):[null,void 0]},Vs=function(e,t){var i=cr(e);return{h:i.h,s:me(i.s+100*t,0,100),l:i.l,a:i.a}},Ns=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},pl=function(e,t){var i=cr(e);return{h:i.h,s:i.s,l:me(i.l+100*t,0,100),a:i.a}},fl=function(){function e(t){this.parsed=yd(t)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return this.parsed!==null},e.prototype.brightness=function(){return Y(Ns(this.rgba),2)},e.prototype.isDark=function(){return Ns(this.rgba)<.5},e.prototype.isLight=function(){return Ns(this.rgba)>=.5},e.prototype.toHex=function(){return t=Ts(this.rgba),i=t.r,o=t.g,r=t.b,n=(s=t.a)<1?wo(Y(255*s)):"","#"+wo(i)+wo(o)+wo(r)+n;var t,i,o,r,s,n},e.prototype.toRgb=function(){return Ts(this.rgba)},e.prototype.toRgbString=function(){return t=Ts(this.rgba),i=t.r,o=t.g,r=t.b,(s=t.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var t,i,o,r,s},e.prototype.toHsl=function(){return ul(cr(this.rgba))},e.prototype.toHslString=function(){return t=ul(cr(this.rgba)),i=t.h,o=t.s,r=t.l,(s=t.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var t,i,o,r,s},e.prototype.toHsv=function(){return t=nl(this.rgba),{h:Y(t.h),s:Y(t.s),v:Y(t.v),a:Y(t.a,3)};var t},e.prototype.invert=function(){return _e({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},e.prototype.saturate=function(t){return t===void 0&&(t=.1),_e(Vs(this.rgba,t))},e.prototype.desaturate=function(t){return t===void 0&&(t=.1),_e(Vs(this.rgba,-t))},e.prototype.grayscale=function(){return _e(Vs(this.rgba,-1))},e.prototype.lighten=function(t){return t===void 0&&(t=.1),_e(pl(this.rgba,t))},e.prototype.darken=function(t){return t===void 0&&(t=.1),_e(pl(this.rgba,-t))},e.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},e.prototype.alpha=function(t){return typeof t=="number"?_e({r:(i=this.rgba).r,g:i.g,b:i.b,a:t}):Y(this.rgba.a,3);var i},e.prototype.hue=function(t){var i=cr(this.rgba);return typeof t=="number"?_e({h:t,s:i.s,l:i.l,a:i.a}):Y(i.h)},e.prototype.isEqual=function(t){return this.toHex()===_e(t).toHex()},e}(),_e=function(e){return e instanceof fl?e:new fl(e)};class xo extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}xo.CHANGE="change";var wd=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,Te=(e,t,i,o)=>{for(var r=o>1?void 0:o?xd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&wd(t,i,r),r};let he=class extends b{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.disabled=!1,this.readonly=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000"}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const i=_e(e);if(i.isValid()){const{h:o,l:r,a:s}=i.toHsl();o!==0&&(this.hue=o),this.lightness=r,this.brightness=this.getBrightness(r),this.alpha=s*100}}catch(i){console.error("Something went wrong parsing the color string.",i)}}handleGridDrag(e){if(this.disabled||this.readonly)return;const t=this.shadowRoot.querySelector(".color-area"),i=t.querySelector(".color-area__handle"),{width:o,height:r}=t.getBoundingClientRect();i.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,Ta(t,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=z(s/o*100,0,100),this.brightness=z(100-n/r*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=z(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=z(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=z(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=z(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return z(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return z((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=_e({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new xo(xo.CHANGE))}getHexString(e,t,i,o=100){const r=_e(`hsla(${e}, ${t}%, ${i}%, ${o/100})`);return r.isValid()?r.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return l`
|
|
2024
2024
|
<div
|
|
2025
2025
|
part="grid"
|
|
2026
2026
|
class="color-area"
|
|
@@ -2029,14 +2029,14 @@
|
|
|
2029
2029
|
@touchstart=${this.handleGridDrag}>
|
|
2030
2030
|
<span
|
|
2031
2031
|
part="grid-handle"
|
|
2032
|
-
class=${
|
|
2032
|
+
class=${Ls({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
2033
2033
|
style=${Me({top:`${t}%`,left:`${e}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
2034
2034
|
role="application"
|
|
2035
2035
|
tabindex=${w(this.disabled?void 0:"0")}
|
|
2036
2036
|
aria-label="HSB"
|
|
2037
2037
|
@keydown=${this.handleGridKeyDown}></span>
|
|
2038
2038
|
</div>
|
|
2039
|
-
`}};
|
|
2039
|
+
`}};he.styles=[p`
|
|
2040
2040
|
:host {
|
|
2041
2041
|
display: inline-block;
|
|
2042
2042
|
width: 280px;
|
|
@@ -2053,6 +2053,11 @@
|
|
|
2053
2053
|
opacity: 0.55;
|
|
2054
2054
|
}
|
|
2055
2055
|
|
|
2056
|
+
:host([readonly]) {
|
|
2057
|
+
pointer-events: none;
|
|
2058
|
+
cursor: default;
|
|
2059
|
+
}
|
|
2060
|
+
|
|
2056
2061
|
.color-area {
|
|
2057
2062
|
position: relative;
|
|
2058
2063
|
height: 100%;
|
|
@@ -2086,22 +2091,23 @@
|
|
|
2086
2091
|
.color-area__handle--empty {
|
|
2087
2092
|
display: none;
|
|
2088
2093
|
}
|
|
2089
|
-
`],
|
|
2094
|
+
`],Te([m()],he.prototype,"isDraggingGridHandle",2),Te([a({type:Boolean,reflect:!0})],he.prototype,"disabled",2),Te([a({type:Boolean,reflect:!0})],he.prototype,"readonly",2),Te([a({type:Number})],he.prototype,"hue",2),Te([a({type:Number})],he.prototype,"saturation",2),Te([a({type:Number})],he.prototype,"lightness",2),Te([a({type:Number})],he.prototype,"brightness",2),Te([a({type:Number})],he.prototype,"alpha",2),Te([a({type:String})],he.prototype,"value",1),he=Te([f("uui-color-area")],he);/**
|
|
2090
2095
|
* @license
|
|
2091
2096
|
* Copyright 2020 Google LLC
|
|
2092
2097
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2093
|
-
*/const{I
|
|
2098
|
+
*/const{I:$d}=Fu,vl=e=>e.strings===void 0,bl=()=>document.createComment(""),hr=(e,t,i)=>{const o=e._$AA.parentNode,r=t===void 0?e._$AB:t._$AA;if(i===void 0){const s=o.insertBefore(bl(),r),n=o.insertBefore(bl(),r);i=new $d(s,n,e,e.options)}else{const s=i._$AB.nextSibling,n=i._$AM,u=n!==e;if(u){let c;i._$AQ?.(e),i._$AM=e,i._$AP!==void 0&&(c=e._$AU)!==n._$AU&&i._$AP(c)}if(s!==r||u){let c=i._$AA;for(;c!==s;){const v=c.nextSibling;o.insertBefore(c,r),c=v}}}return i},Ft=(e,t,i=e)=>(e._$AI(t,i),e),Cd={},gl=(e,t=Cd)=>e._$AH=t,kd=e=>e._$AH,Hs=e=>{e._$AP?.(!1,!0);let t=e._$AA;const i=e._$AB.nextSibling;for(;t!==i;){const o=t.nextSibling;t.remove(),t=o}};/**
|
|
2094
2099
|
* @license
|
|
2095
2100
|
* Copyright 2020 Google LLC
|
|
2096
2101
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2097
|
-
*/const _d=di(class extends pi{constructor(e){if(super(e),e.type!==$e.PROPERTY&&e.type!==$e.ATTRIBUTE&&e.type!==$e.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!hl(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ne||t===k)return t;const i=e.element,o=e.name;if(e.type===$e.PROPERTY){if(t===i[o])return ne}else if(e.type===$e.BOOLEAN_ATTRIBUTE){if(!!t===i.hasAttribute(o))return ne}else if(e.type===$e.ATTRIBUTE&&i.getAttribute(o)===t+"")return ne;return pl(e),t}});var yd={grad:.9,turn:360,rad:360/(2*Math.PI)},Xe=function(e){return typeof e=="string"?e.length>0:typeof e=="number"},X=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=Math.pow(10,t)),Math.round(i*e)/i+0},_e=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=1),e>i?i:e>t?e:t},fl=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},vl=function(e){return{r:_e(e.r,0,255),g:_e(e.g,0,255),b:_e(e.b,0,255),a:_e(e.a)}},Ns=function(e){return{r:X(e.r),g:X(e.g),b:X(e.b),a:X(e.a,3)}},wd=/^#([0-9a-f]{3,8})$/i,yo=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},bl=function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=Math.max(t,i,o),n=s-Math.min(t,i,o),u=n?s===t?(i-o)/n:s===i?2+(o-t)/n:4+(t-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},gl=function(e){var t=e.h,i=e.s,o=e.v,r=e.a;t=t/360*6,i/=100,o/=100;var s=Math.floor(t),n=o*(1-i),u=o*(1-(t-s)*i),c=o*(1-(1-t+s)*i),v=s%6;return{r:255*[o,u,n,n,c,o][v],g:255*[c,o,o,u,n,n][v],b:255*[n,n,c,o,o,u][v],a:r}},ml=function(e){return{h:fl(e.h),s:_e(e.s,0,100),l:_e(e.l,0,100),a:_e(e.a)}},_l=function(e){return{h:X(e.h),s:X(e.s),l:X(e.l),a:X(e.a,3)}},yl=function(e){return gl((i=(t=e).s,{h:t.h,s:(i*=((o=t.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:t.a}));var t,i,o},cr=function(e){return{h:(t=bl(e)).h,s:(r=(200-(i=t.s))*(o=t.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,i,o,r},xd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$d=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,kd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Cd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hs={string:[[function(e){var t=wd.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?X(parseInt(e[3]+e[3],16)/255,2):1}:e.length===6||e.length===8?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:e.length===8?X(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=kd.exec(e)||Cd.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:vl({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=xd.exec(e)||$d.exec(e);if(!t)return null;var i,o,r=ml({h:(i=t[1],o=t[2],o===void 0&&(o="deg"),Number(i)*(yd[o]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return yl(r)},"hsl"]],object:[[function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=r===void 0?1:r;return Xe(t)&&Xe(i)&&Xe(o)?vl({r:Number(t),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(e){var t=e.h,i=e.s,o=e.l,r=e.a,s=r===void 0?1:r;if(!Xe(t)||!Xe(i)||!Xe(o))return null;var n=ml({h:Number(t),s:Number(i),l:Number(o),a:Number(s)});return yl(n)},"hsl"],[function(e){var t=e.h,i=e.s,o=e.v,r=e.a,s=r===void 0?1:r;if(!Xe(t)||!Xe(i)||!Xe(o))return null;var n=function(u){return{h:fl(u.h),s:_e(u.s,0,100),v:_e(u.v,0,100),a:_e(u.a)}}({h:Number(t),s:Number(i),v:Number(o),a:Number(s)});return gl(n)},"hsv"]]},wl=function(e,t){for(var i=0;i<t.length;i++){var o=t[i][0](e);if(o)return[o,t[i][1]]}return[null,void 0]},Ed=function(e){return typeof e=="string"?wl(e.trim(),Hs.string):typeof e=="object"&&e!==null?wl(e,Hs.object):[null,void 0]},Bs=function(e,t){var i=cr(e);return{h:i.h,s:_e(i.s+100*t,0,100),l:i.l,a:i.a}},js=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},xl=function(e,t){var i=cr(e);return{h:i.h,s:i.s,l:_e(i.l+100*t,0,100),a:i.a}},wo=function(){function e(t){this.parsed=Ed(t)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return this.parsed!==null},e.prototype.brightness=function(){return X(js(this.rgba),2)},e.prototype.isDark=function(){return js(this.rgba)<.5},e.prototype.isLight=function(){return js(this.rgba)>=.5},e.prototype.toHex=function(){return t=Ns(this.rgba),i=t.r,o=t.g,r=t.b,n=(s=t.a)<1?yo(X(255*s)):"","#"+yo(i)+yo(o)+yo(r)+n;var t,i,o,r,s,n},e.prototype.toRgb=function(){return Ns(this.rgba)},e.prototype.toRgbString=function(){return t=Ns(this.rgba),i=t.r,o=t.g,r=t.b,(s=t.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var t,i,o,r,s},e.prototype.toHsl=function(){return _l(cr(this.rgba))},e.prototype.toHslString=function(){return t=_l(cr(this.rgba)),i=t.h,o=t.s,r=t.l,(s=t.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var t,i,o,r,s},e.prototype.toHsv=function(){return t=bl(this.rgba),{h:X(t.h),s:X(t.s),v:X(t.v),a:X(t.a,3)};var t},e.prototype.invert=function(){return Ce({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},e.prototype.saturate=function(t){return t===void 0&&(t=.1),Ce(Bs(this.rgba,t))},e.prototype.desaturate=function(t){return t===void 0&&(t=.1),Ce(Bs(this.rgba,-t))},e.prototype.grayscale=function(){return Ce(Bs(this.rgba,-1))},e.prototype.lighten=function(t){return t===void 0&&(t=.1),Ce(xl(this.rgba,t))},e.prototype.darken=function(t){return t===void 0&&(t=.1),Ce(xl(this.rgba,-t))},e.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},e.prototype.alpha=function(t){return typeof t=="number"?Ce({r:(i=this.rgba).r,g:i.g,b:i.b,a:t}):X(this.rgba.a,3);var i},e.prototype.hue=function(t){var i=cr(this.rgba);return typeof t=="number"?Ce({h:t,s:i.s,l:i.l,a:i.a}):X(i.h)},e.prototype.isEqual=function(t){return this.toHex()===Ce(t).toHex()},e}(),Ce=function(e){return e instanceof wo?e:new wo(e)},$l=[],Pd=function(e){e.forEach(function(t){$l.indexOf(t)<0&&(t(wo,Hs),$l.push(t))})};function Od(e,t){var i={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 r in i)o[i[r]]=r;var s={};e.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,v=o[this.toHex()];if(v)return v;if(n?.closest){var g=this.toRgb(),d=1/0,C="black";if(!s.length)for(var h in i)s[h]=new e(i[h]).toRgb();for(var _ in i){var L=(u=g,c=s[_],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));L<d&&(d=L,C=_)}return C}},t.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":i[u];return c?new e(c).toRgb():null},"name"])}class _i extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}_i.CHANGE="change";var Sd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,W=(e,t,i,o)=>{for(var r=o>1?void 0:o?Id(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Sd(t,i,r),r};Pd([Od]);const kl="EyeDropper"in window;let N=class extends Ue("label",b){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=0,this._colord=Ce("hsl(0, 0%, 0%)"),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"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-icon-registry-essential"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-button-group"),x(this,"uui-color-swatches"),x(this,"uui-color-swatch"),x(this,"uui-color-area"),x(this,"uui-color-slider"),x(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,i=this._colord.toHex(),o=i.length>7?i.substring(0,i.length-2):i,{r,g:s,b:n}=this._colord.toRgb(),{h:u,s:c,l:v}=this._colord.toHsl(),{v:g}=this._colord.toHsv(),d=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(i);case"rgb":return this.setLetterCase(`rgb(${r}, ${s}, ${n})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${c}%, ${v}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${c}%, ${v}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${c}%, ${g}%, ${d})`);default:return""}}getBrightness(e){return z(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return z((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,i={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(i)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const i={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(i)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,i={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(i)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}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")})})}handleEyeDropper(){if(!kl)return;new EyeDropper().open().then(t=>this.setColor(t.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=0,this.inputValue="",this._value=e,this.dispatchEvent(new _i(_i.CHANGE)),!0;const t=new wo(e),{h:i,s:o,l:r,a:s}=t.toHsl();this.hue=i,this.saturation=o,this.lightness=r,this.alpha=this.opacity?s*100:100;const n=e;return n&&n.h&&(this.hue=n.h),this._colord=t,this._syncValues(),this.dispatchEvent(new _i(_i.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,i,o=100){const r=Ce(`hsla(${e}, ${t}%, ${i}%, ${o/100})`);return r.isValid()?r.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){return l`
|
|
2102
|
+
*/const Ed=di(class extends pi{constructor(e){if(super(e),e.type!==$e.PROPERTY&&e.type!==$e.ATTRIBUTE&&e.type!==$e.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!vl(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===ne||t===C)return t;const i=e.element,o=e.name;if(e.type===$e.PROPERTY){if(t===i[o])return ne}else if(e.type===$e.BOOLEAN_ATTRIBUTE){if(!!t===i.hasAttribute(o))return ne}else if(e.type===$e.ATTRIBUTE&&i.getAttribute(o)===t+"")return ne;return gl(e),t}});var Pd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ze=function(e){return typeof e=="string"?e.length>0:typeof e=="number"},X=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=Math.pow(10,t)),Math.round(i*e)/i+0},ye=function(e,t,i){return t===void 0&&(t=0),i===void 0&&(i=1),e>i?i:e>t?e:t},ml=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},_l=function(e){return{r:ye(e.r,0,255),g:ye(e.g,0,255),b:ye(e.b,0,255),a:ye(e.a)}},Bs=function(e){return{r:X(e.r),g:X(e.g),b:X(e.b),a:X(e.a,3)}},Od=/^#([0-9a-f]{3,8})$/i,$o=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},yl=function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=Math.max(t,i,o),n=s-Math.min(t,i,o),u=n?s===t?(i-o)/n:s===i?2+(o-t)/n:4+(t-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},wl=function(e){var t=e.h,i=e.s,o=e.v,r=e.a;t=t/360*6,i/=100,o/=100;var s=Math.floor(t),n=o*(1-i),u=o*(1-(t-s)*i),c=o*(1-(1-t+s)*i),v=s%6;return{r:255*[o,u,n,n,c,o][v],g:255*[c,o,o,u,n,n][v],b:255*[n,n,c,o,o,u][v],a:r}},xl=function(e){return{h:ml(e.h),s:ye(e.s,0,100),l:ye(e.l,0,100),a:ye(e.a)}},$l=function(e){return{h:X(e.h),s:X(e.s),l:X(e.l),a:X(e.a,3)}},Cl=function(e){return wl((i=(t=e).s,{h:t.h,s:(i*=((o=t.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:t.a}));var t,i,o},dr=function(e){return{h:(t=yl(e)).h,s:(r=(200-(i=t.s))*(o=t.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,i,o,r},Sd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Id=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ad=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ud=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,js={string:[[function(e){var t=Od.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?X(parseInt(e[3]+e[3],16)/255,2):1}:e.length===6||e.length===8?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:e.length===8?X(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=Ad.exec(e)||Ud.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:_l({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=Sd.exec(e)||Id.exec(e);if(!t)return null;var i,o,r=xl({h:(i=t[1],o=t[2],o===void 0&&(o="deg"),Number(i)*(Pd[o]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return Cl(r)},"hsl"]],object:[[function(e){var t=e.r,i=e.g,o=e.b,r=e.a,s=r===void 0?1:r;return Ze(t)&&Ze(i)&&Ze(o)?_l({r:Number(t),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(e){var t=e.h,i=e.s,o=e.l,r=e.a,s=r===void 0?1:r;if(!Ze(t)||!Ze(i)||!Ze(o))return null;var n=xl({h:Number(t),s:Number(i),l:Number(o),a:Number(s)});return Cl(n)},"hsl"],[function(e){var t=e.h,i=e.s,o=e.v,r=e.a,s=r===void 0?1:r;if(!Ze(t)||!Ze(i)||!Ze(o))return null;var n=function(u){return{h:ml(u.h),s:ye(u.s,0,100),v:ye(u.v,0,100),a:ye(u.a)}}({h:Number(t),s:Number(i),v:Number(o),a:Number(s)});return wl(n)},"hsv"]]},kl=function(e,t){for(var i=0;i<t.length;i++){var o=t[i][0](e);if(o)return[o,t[i][1]]}return[null,void 0]},zd=function(e){return typeof e=="string"?kl(e.trim(),js.string):typeof e=="object"&&e!==null?kl(e,js.object):[null,void 0]},Rs=function(e,t){var i=dr(e);return{h:i.h,s:ye(i.s+100*t,0,100),l:i.l,a:i.a}},Fs=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},El=function(e,t){var i=dr(e);return{h:i.h,s:i.s,l:ye(i.l+100*t,0,100),a:i.a}},Co=function(){function e(t){this.parsed=zd(t)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return this.parsed!==null},e.prototype.brightness=function(){return X(Fs(this.rgba),2)},e.prototype.isDark=function(){return Fs(this.rgba)<.5},e.prototype.isLight=function(){return Fs(this.rgba)>=.5},e.prototype.toHex=function(){return t=Bs(this.rgba),i=t.r,o=t.g,r=t.b,n=(s=t.a)<1?$o(X(255*s)):"","#"+$o(i)+$o(o)+$o(r)+n;var t,i,o,r,s,n},e.prototype.toRgb=function(){return Bs(this.rgba)},e.prototype.toRgbString=function(){return t=Bs(this.rgba),i=t.r,o=t.g,r=t.b,(s=t.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var t,i,o,r,s},e.prototype.toHsl=function(){return $l(dr(this.rgba))},e.prototype.toHslString=function(){return t=$l(dr(this.rgba)),i=t.h,o=t.s,r=t.l,(s=t.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var t,i,o,r,s},e.prototype.toHsv=function(){return t=yl(this.rgba),{h:X(t.h),s:X(t.s),v:X(t.v),a:X(t.a,3)};var t},e.prototype.invert=function(){return ke({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},e.prototype.saturate=function(t){return t===void 0&&(t=.1),ke(Rs(this.rgba,t))},e.prototype.desaturate=function(t){return t===void 0&&(t=.1),ke(Rs(this.rgba,-t))},e.prototype.grayscale=function(){return ke(Rs(this.rgba,-1))},e.prototype.lighten=function(t){return t===void 0&&(t=.1),ke(El(this.rgba,t))},e.prototype.darken=function(t){return t===void 0&&(t=.1),ke(El(this.rgba,-t))},e.prototype.rotate=function(t){return t===void 0&&(t=15),this.hue(this.hue()+t)},e.prototype.alpha=function(t){return typeof t=="number"?ke({r:(i=this.rgba).r,g:i.g,b:i.b,a:t}):X(this.rgba.a,3);var i},e.prototype.hue=function(t){var i=dr(this.rgba);return typeof t=="number"?ke({h:t,s:i.s,l:i.l,a:i.a}):X(i.h)},e.prototype.isEqual=function(t){return this.toHex()===ke(t).toHex()},e}(),ke=function(e){return e instanceof Co?e:new Co(e)},Pl=[],Dd=function(e){e.forEach(function(t){Pl.indexOf(t)<0&&(t(Co,js),Pl.push(t))})};function Md(e,t){var i={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 r in i)o[i[r]]=r;var s={};e.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,v=o[this.toHex()];if(v)return v;if(n?.closest){var g=this.toRgb(),d=1/0,k="black";if(!s.length)for(var h in i)s[h]=new e(i[h]).toRgb();for(var _ in i){var L=(u=g,c=s[_],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));L<d&&(d=L,k=_)}return k}},t.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":i[u];return c?new e(c).toRgb():null},"name"])}class _i extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}_i.CHANGE="change";var Ld=Object.defineProperty,Td=Object.getOwnPropertyDescriptor,F=(e,t,i,o)=>{for(var r=o>1?void 0:o?Td(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Ld(t,i,r),r};Dd([Md]);const Ol="EyeDropper"in window;let N=class extends Ue("label",b){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=0,this._colord=ke("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-icon-registry-essential"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-button-group"),x(this,"uui-color-swatches"),x(this,"uui-color-swatch"),x(this,"uui-color-area"),x(this,"uui-color-slider"),x(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,i=this._colord.toHex(),o=i.length>7?i.substring(0,i.length-2):i,{r,g:s,b:n}=this._colord.toRgb(),{h:u,s:c,l:v}=this._colord.toHsl(),{v:g}=this._colord.toHsv(),d=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(i);case"rgb":return this.setLetterCase(`rgb(${r}, ${s}, ${n})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${c}%, ${v}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${c}%, ${v}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${c}%, ${g}%, ${d})`);default:return""}}getBrightness(e){return z(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return z((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,i={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(i)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const i={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(i)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,i={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(i)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}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")})})}handleEyeDropper(){if(!Ol)return;new EyeDropper().open().then(t=>this.setColor(t.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=0,this.inputValue="",this._value=e,this.dispatchEvent(new _i(_i.CHANGE)),!0;const t=new Co(e),{h:i,s:o,l:r,a:s}=t.toHsl();this.hue=i,this.saturation=o,this.lightness=r,this.alpha=this.opacity?s*100:100;const n=e;return n&&n.h&&(this.hue=n.h),this._colord=t,this._syncValues(),this.dispatchEvent(new _i(_i.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,i,o=100){const r=ke(`hsla(${e}, ${t}%, ${i}%, ${o/100})`);return r.isValid()?r.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){return l`
|
|
2098
2103
|
<div
|
|
2099
|
-
class=${
|
|
2104
|
+
class=${Ls({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2100
2105
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
2101
2106
|
<uui-color-area
|
|
2102
2107
|
.value="${this.value}"
|
|
2103
2108
|
.hue="${Math.round(this.hue)}"
|
|
2104
2109
|
?disabled=${this.disabled}
|
|
2110
|
+
?readonly=${this.readonly}
|
|
2105
2111
|
@change=${this.handleGridChange}>
|
|
2106
2112
|
</uui-color-area>
|
|
2107
2113
|
<div class="color-picker__controls">
|
|
@@ -2111,6 +2117,7 @@
|
|
|
2111
2117
|
class="hue-slider"
|
|
2112
2118
|
.value=${Math.round(this.hue)}
|
|
2113
2119
|
?disabled=${this.disabled}
|
|
2120
|
+
?readonly=${this.readonly}
|
|
2114
2121
|
@change=${this.handleHueChange}>
|
|
2115
2122
|
</uui-color-slider>
|
|
2116
2123
|
${this.opacity?l`
|
|
@@ -2121,6 +2128,7 @@
|
|
|
2121
2128
|
type="opacity"
|
|
2122
2129
|
.color=${this.getHexString(this.hue,this.saturation,this.lightness)}
|
|
2123
2130
|
?disabled=${this.disabled}
|
|
2131
|
+
?readonly=${this.readonly}
|
|
2124
2132
|
@change=${this.handleAlphaChange}>
|
|
2125
2133
|
</uui-color-slider>
|
|
2126
2134
|
`:""}
|
|
@@ -2143,8 +2151,9 @@
|
|
|
2143
2151
|
autocomplete="off"
|
|
2144
2152
|
autocapitalize="off"
|
|
2145
2153
|
spellcheck="false"
|
|
2146
|
-
.value=${
|
|
2154
|
+
.value=${Ed(this.inputValue)}
|
|
2147
2155
|
?disabled=${this.disabled}
|
|
2156
|
+
?readonly=${this.readonly}
|
|
2148
2157
|
@keydown=${this.handleInputKeyDown}
|
|
2149
2158
|
@change=${this.handleInputChange}>
|
|
2150
2159
|
</uui-input>
|
|
@@ -2157,9 +2166,9 @@
|
|
|
2157
2166
|
compact>
|
|
2158
2167
|
<span>${this.format}</span>
|
|
2159
2168
|
</uui-button>`}
|
|
2160
|
-
${
|
|
2169
|
+
${Ol?l`<uui-button
|
|
2161
2170
|
label="Select a color"
|
|
2162
|
-
?disabled=${this.disabled}
|
|
2171
|
+
?disabled=${this.disabled||this.readonly}
|
|
2163
2172
|
@click=${this.handleEyeDropper}
|
|
2164
2173
|
compact>
|
|
2165
2174
|
<uui-icon-registry-essential>
|
|
@@ -2175,14 +2184,15 @@
|
|
|
2175
2184
|
class="color-picker__swatches"
|
|
2176
2185
|
label="Swatches"
|
|
2177
2186
|
?disabled=${this.disabled}
|
|
2187
|
+
?readonly=${this.readonly}
|
|
2178
2188
|
@change=${this.handleColorSwatchChange}>
|
|
2179
2189
|
${this.swatches.map(e=>l`<uui-color-swatch label="${e}" .value=${e}>
|
|
2180
2190
|
</uui-color-swatch>`)}
|
|
2181
|
-
</uui-color-swatches>`:
|
|
2191
|
+
</uui-color-swatches>`:C}_renderPreviewButton(){return l`<button
|
|
2182
2192
|
type="button"
|
|
2183
2193
|
part="trigger"
|
|
2184
2194
|
aria-label="${this.label||"Open Color picker"}"
|
|
2185
|
-
class=${
|
|
2195
|
+
class=${Ls({"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})}
|
|
2186
2196
|
style=${Me({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
2187
2197
|
?disabled=${this.disabled}
|
|
2188
2198
|
aria-haspopup="true"
|
|
@@ -2332,7 +2342,7 @@
|
|
|
2332
2342
|
uui-color-area {
|
|
2333
2343
|
width: 100%;
|
|
2334
2344
|
}
|
|
2335
|
-
`],
|
|
2345
|
+
`],F([S('[part="input"]')],N.prototype,"_input",2),F([S(".color-picker__preview")],N.prototype,"_previewButton",2),F([S("#swatches")],N.prototype,"_swatches",2),F([m()],N.prototype,"inputValue",2),F([m()],N.prototype,"hue",2),F([m()],N.prototype,"saturation",2),F([m()],N.prototype,"lightness",2),F([m()],N.prototype,"alpha",2),F([m()],N.prototype,"_colord",2),F([a()],N.prototype,"value",1),F([a()],N.prototype,"format",2),F([a()],N.prototype,"name",2),F([a()],N.prototype,"size",2),F([a({attribute:"no-format-toggle",type:Boolean})],N.prototype,"noFormatToggle",2),F([a({type:Boolean,reflect:!0})],N.prototype,"inline",2),F([a({type:Boolean,reflect:!0})],N.prototype,"disabled",2),F([a({type:Boolean})],N.prototype,"opacity",2),F([a({type:Boolean,reflect:!0})],N.prototype,"readonly",2),F([a({type:Boolean})],N.prototype,"uppercase",2),F([a({attribute:!1})],N.prototype,"swatches",2),N=F([f("uui-color-picker")],N);class ko extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ko.CHANGE="change";var Vd=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Ve=(e,t,i,o)=>{for(var r=o>1?void 0:o?Nd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Vd(t,i,r),r};let de=class extends Ue("label",b){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1}willUpdate(e){e.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(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:i}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),Ta(this.container,{onMove:(o,r)=>{this.vertical?this.value=Va(z(r/i*this.max,this.min,this.max),this.min,this.max):this.value=z(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=z(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=z(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=z(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=z(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:i}=this.container.getBoundingClientRect();return z(this.roundToPrecision((e-t)/i*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:i}=this.container.getBoundingClientRect();return z(this.roundToPrecision((e-t)/i*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new ko(ko.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/Va(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
|
|
2336
2346
|
part="slider"
|
|
2337
2347
|
id="color-slider"
|
|
2338
2348
|
role="slider"
|
|
@@ -2355,9 +2365,10 @@
|
|
|
2355
2365
|
<span
|
|
2356
2366
|
id="color-slider__handle"
|
|
2357
2367
|
style="--current-value: ${this.cssPropCurrentValue}%;"
|
|
2358
|
-
tabindex=${w(this.disabled?void 0:"0")}
|
|
2368
|
+
tabindex=${w(this.disabled?void 0:"0")}>
|
|
2369
|
+
</span>
|
|
2359
2370
|
</div>
|
|
2360
|
-
${Math.round(this.value)}`}};
|
|
2371
|
+
${Math.round(this.value)}`}};de.styles=[p`
|
|
2361
2372
|
:host {
|
|
2362
2373
|
--uui-slider-height: 15px;
|
|
2363
2374
|
--uui-slider-handle-size: 17px;
|
|
@@ -2433,6 +2444,14 @@
|
|
|
2433
2444
|
opacity: 0.55;
|
|
2434
2445
|
}
|
|
2435
2446
|
|
|
2447
|
+
:host([readonly]) {
|
|
2448
|
+
cursor: default;
|
|
2449
|
+
}
|
|
2450
|
+
|
|
2451
|
+
:host([readonly]) #color-slider {
|
|
2452
|
+
pointer-events: none;
|
|
2453
|
+
}
|
|
2454
|
+
|
|
2436
2455
|
#color-slider__handle {
|
|
2437
2456
|
position: absolute;
|
|
2438
2457
|
top: calc(50% - var(--uui-slider-handle-size) / 2);
|
|
@@ -2466,11 +2485,11 @@
|
|
|
2466
2485
|
position: absolute;
|
|
2467
2486
|
inset: 0 0 0 0;
|
|
2468
2487
|
}
|
|
2469
|
-
`],
|
|
2488
|
+
`],Ve([a({reflect:!0})],de.prototype,"type",2),Ve([a()],de.prototype,"color",2),Ve([a({type:Number})],de.prototype,"min",2),Ve([a({type:Number})],de.prototype,"max",2),Ve([a({type:Number})],de.prototype,"precision",2),Ve([a({type:Boolean,reflect:!0})],de.prototype,"vertical",2),Ve([a()],de.prototype,"value",2),Ve([a({type:Boolean,reflect:!0})],de.prototype,"readonly",2),Ve([a({type:Boolean,reflect:!0})],de.prototype,"disabled",2),de=Ve([f("uui-color-slider")],de);var Hd=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,yi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Bd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Hd(t,i,r),r};let Qe=class extends Ue("label",ui(nr(b))){constructor(){super(),this.disabled=!1,this.readonly=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){return this._value??""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){const t=this._color;this._color=e,this.requestUpdate("color",t)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(e){(e.has("disabled")||e.has("readonly"))&&this.selectable&&(this.selectable=!this.disabled&&!this.readonly,this.deselectable=!this.disabled&&!this.readonly),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}render(){return l`
|
|
2470
2489
|
<button
|
|
2471
2490
|
id="swatch"
|
|
2472
2491
|
aria-label=${this.label}
|
|
2473
|
-
|
|
2492
|
+
?disabled="${this.disabled}"
|
|
2474
2493
|
title="${this.label}">
|
|
2475
2494
|
<div class="color-swatch color-swatch--transparent-bg">
|
|
2476
2495
|
<div
|
|
@@ -2479,7 +2498,7 @@
|
|
|
2479
2498
|
<div
|
|
2480
2499
|
class="color-swatch__check"
|
|
2481
2500
|
style="color: var(--uui-swatch-color, ${this.color??this.value})">
|
|
2482
|
-
${
|
|
2501
|
+
${po}
|
|
2483
2502
|
</div>
|
|
2484
2503
|
</div>
|
|
2485
2504
|
${this._renderWithLabel()}
|
|
@@ -2487,7 +2506,7 @@
|
|
|
2487
2506
|
`}_renderWithLabel(){return this.showLabel?l`<div class="color-swatch__label">
|
|
2488
2507
|
<strong>${this.renderLabel()}</strong>
|
|
2489
2508
|
${this.value}
|
|
2490
|
-
</div>`:
|
|
2509
|
+
</div>`:C}};Qe.styles=[p`
|
|
2491
2510
|
:host {
|
|
2492
2511
|
position: relative;
|
|
2493
2512
|
display: inline-flex;
|
|
@@ -2525,6 +2544,10 @@
|
|
|
2525
2544
|
opacity: 0.5;
|
|
2526
2545
|
}
|
|
2527
2546
|
|
|
2547
|
+
:host([readonly]) {
|
|
2548
|
+
cursor: default;
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2528
2551
|
#swatch {
|
|
2529
2552
|
cursor: inherit;
|
|
2530
2553
|
outline: none;
|
|
@@ -2649,19 +2672,19 @@
|
|
|
2649
2672
|
white-space: nowrap;
|
|
2650
2673
|
box-sizing: border-box;
|
|
2651
2674
|
}
|
|
2652
|
-
`],
|
|
2675
|
+
`],yi([a()],Qe.prototype,"value",1),yi([a()],Qe.prototype,"color",1),yi([a({type:Boolean,reflect:!0})],Qe.prototype,"disabled",2),yi([a({type:Boolean,reflect:!0})],Qe.prototype,"readonly",2),yi([a({type:Boolean,attribute:"show-label",reflect:!0})],Qe.prototype,"showLabel",2),Qe=yi([f("uui-color-swatch")],Qe);class wi extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}wi.CHANGE="change";var jd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,pr=(e,t,i,o)=>{for(var r=o>1?void 0:o?Rd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&jd(t,i,r),r};let gt=class extends Ue("label",b){constructor(){super(),this.value="",this.disabled=!1,this.readonly=!1,this._onSelected=e=>{const t=e.target;this._swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new wi(wi.CHANGE)))},this._onDeselected=e=>{const t=e.target;this._swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new wi(wi.CHANGE))))},this.addEventListener(bt.SELECTED,this._onSelected),this.addEventListener(bt.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this._swatches||this._swatches.length===0||this._swatches.forEach(e=>{e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.disabled?e.setAttribute("disabled",""):e.setAttribute("selectable","selectable"),this.readonly&&e.setAttribute("readonly",""),this.value!==""&&e.value===this.value&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this._swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!e.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange=${this._handleSlotChange}></slot>`}};gt.styles=[p`
|
|
2653
2676
|
:host {
|
|
2654
2677
|
display: flex;
|
|
2655
2678
|
flex-wrap: wrap;
|
|
2656
2679
|
gap: 0.4rem;
|
|
2657
2680
|
}
|
|
2658
|
-
`]
|
|
2681
|
+
`],pr([a()],gt.prototype,"value",2),pr([a({type:Boolean,reflect:!0})],gt.prototype,"disabled",2),pr([a({type:Boolean,reflect:!0})],gt.prototype,"readonly",2),pr([ft({selector:"uui-color-swatch"})],gt.prototype,"_swatches",2),gt=pr([f("uui-color-swatches")],gt);class Ee extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}Ee.CHANGE="change",Ee.INNER_SLOT_CHANGE="inner-slot-change";var Fd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,Sl=e=>{throw TypeError(e)},mt=(e,t,i,o)=>{for(var r=o>1?void 0:o?Wd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Fd(t,i,r),r},Gd=(e,t,i)=>t.has(e)||Sl("Cannot "+i),qd=(e,t,i)=>t.has(e)?Sl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Il=(e,t,i)=>(Gd(e,t,"access private method"),i),Eo,Ws;let Pe=class extends b{constructor(){super(...arguments),qd(this,Eo),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Il(this,Eo,Ws).call(this),this._updateSelection(),this.dispatchEvent(new Ee(Ee.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new Ee(Ee.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new Ee(Ee.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{if(!(this._options.length<=0))switch(e.key){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),this._getActiveElement?.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(bt.SELECTED,this._onSelected),this.addEventListener(bt.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(bt.SELECTED,this._onSelected),this.removeEventListener(bt.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(e=>e.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(e=>e.value===this._activeElementValue)}_goToIndex(e){if(this._options.length===0)return;e=Math.min(Math.max(e,0),this._options.length-1);const t=this._options[e];this._activeElementValue=t.value,Il(this,Eo,Ws).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l` <slot @slotchange=${this._onSlotChange}></slot> `}};Eo=new WeakSet,Ws=function(){for(let t=0;t<this._activeOptions.length;t++)this._activeOptions[t].active=!1;const e=this._getActiveElement;e?e.active=!0:this._goToIndex(0)},Pe.styles=[p`
|
|
2659
2682
|
:host {
|
|
2660
2683
|
display: flex;
|
|
2661
2684
|
flex-direction: column;
|
|
2662
2685
|
box-sizing: border-box;
|
|
2663
2686
|
}
|
|
2664
|
-
`],
|
|
2687
|
+
`],mt([a()],Pe.prototype,"value",1),mt([a({type:String})],Pe.prototype,"displayValue",2),mt([a({attribute:!1})],Pe.prototype,"for",1),mt([ft({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],Pe.prototype,"_options",2),mt([ft({flatten:!0,selector:"uui-combobox-list-option[active]"})],Pe.prototype,"_activeOptions",2),mt([m()],Pe.prototype,"_value",2),mt([m()],Pe.prototype,"_activeElementValue",2),Pe=mt([f("uui-combobox-list")],Pe);var Kd=Object.defineProperty,Yd=Object.getOwnPropertyDescriptor,xi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Yd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Kd(t,i,r),r};let Je=class extends ui(nr(b)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){return this._value?this._value:this.textContent?.trim()||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){return this._displayValue?this._displayValue:this.textContent?.trim()||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return l`<slot></slot>`}};Je.styles=[p`
|
|
2665
2688
|
:host {
|
|
2666
2689
|
position: relative;
|
|
2667
2690
|
cursor: pointer;
|
|
@@ -2734,7 +2757,7 @@
|
|
|
2734
2757
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2735
2758
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
2736
2759
|
}
|
|
2737
|
-
`],
|
|
2760
|
+
`],xi([m()],Je.prototype,"_disabled",2),xi([m()],Je.prototype,"_displayValue",2),xi([a({type:String})],Je.prototype,"value",1),xi([a({type:String,attribute:"display-value"})],Je.prototype,"displayValue",1),xi([a({type:Boolean,reflect:!0})],Je.prototype,"disabled",1),Je=xi([f("uui-combobox-list-option")],Je);class pe extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}pe.SEARCH="search",pe.CHANGE="change";var Xd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,Al=e=>{throw TypeError(e)},le=(e,t,i,o)=>{for(var r=o>1?void 0:o?Zd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Xd(t,i,r),r},Gs=(e,t,i)=>t.has(e)||Al("Cannot "+i),E=(e,t,i)=>(Gs(e,t,"read from private field"),i?i.call(e):t.get(e)),Q=(e,t,i)=>t.has(e)?Al("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ul=(e,t,i,o)=>(Gs(e,t,"write to private field"),t.set(e,i),i),qs=(e,t,i)=>(Gs(e,t,"access private method"),i),Oe,$i,fr,vr,Po,Oo,So,Ks,Ys,Xs,Zs,Io,Ci,Qs,Ao,Uo,Js,zo;let J=class extends ze(b,""){constructor(){super(...arguments),Q(this,vr),this.closeLabel="Close",this.disabled=!1,this.readonly=!1,Q(this,Oe),Q(this,$i),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,Q(this,fr,()=>{this._isPhone=E(this,$i).matches}),Q(this,Oo,()=>requestAnimationFrame(()=>this._input.focus())),Q(this,So,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||E(this,Ci).call(this)})),Q(this,Ks,e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new pe(pe.SEARCH)),E(this,Io).call(this)}),Q(this,Ys,()=>{this.value&&this.value!==E(this,Oe)?.value&&qs(this,vr,Po).call(this,this.value)}),Q(this,Xs,()=>{this.value=E(this,Oe)?.value||"",this.search=this.value?this.search:"",E(this,Ci).call(this),this.dispatchEvent(new pe(pe.CHANGE))}),Q(this,Zs,()=>{this.readonly||(this.open=!this.open)}),Q(this,Io,()=>{this.open||this.readonly||(this.open=!0)}),Q(this,Ci,()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new pe(pe.SEARCH)))}),Q(this,Qs,e=>{this.open===!1&&e.key==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation()),(e.key==="ArrowUp"||e.key==="ArrowDown")&&E(this,Io).call(this),(e.key==="Escape"||e.key==="Enter")&&E(this,Ci).call(this)}),Q(this,Ao,e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new pe(pe.SEARCH)),this.dispatchEvent(new pe(pe.CHANGE)))}),Q(this,Uo,()=>l` <uui-input
|
|
2738
2761
|
slot="trigger"
|
|
2739
2762
|
id="combobox-input"
|
|
2740
2763
|
label="combobox-input"
|
|
@@ -2744,42 +2767,42 @@
|
|
|
2744
2767
|
.disabled=${this.disabled}
|
|
2745
2768
|
.readonly=${this.readonly}
|
|
2746
2769
|
popovertarget="combobox-popover"
|
|
2747
|
-
@click=${E(this,
|
|
2748
|
-
@input=${E(this,
|
|
2749
|
-
@keydown=${E(this,
|
|
2770
|
+
@click=${E(this,Zs)}
|
|
2771
|
+
@input=${E(this,Ks)}
|
|
2772
|
+
@keydown=${E(this,Qs)}>
|
|
2750
2773
|
<slot name="input-prepend" slot="prepend"></slot>
|
|
2751
|
-
${E(this,
|
|
2774
|
+
${E(this,Js).call(this)}
|
|
2752
2775
|
<div id="expand-symbol-wrapper" slot="append">
|
|
2753
2776
|
<uui-symbol-expand .open=${this._isOpen}></uui-symbol-expand>
|
|
2754
2777
|
</div>
|
|
2755
2778
|
<slot name="input-append" slot="append"></slot>
|
|
2756
|
-
</uui-input>`),Q(this,
|
|
2779
|
+
</uui-input>`),Q(this,Js,()=>this.disabled||this.readonly?C:this.value||this.search?l`<uui-button
|
|
2757
2780
|
id="clear-button"
|
|
2758
|
-
@click=${E(this,
|
|
2759
|
-
@keydown=${E(this,
|
|
2781
|
+
@click=${E(this,Ao)}
|
|
2782
|
+
@keydown=${E(this,Ao)}
|
|
2760
2783
|
label="clear"
|
|
2761
2784
|
slot="append"
|
|
2762
2785
|
compact
|
|
2763
2786
|
style="height: 100%;">
|
|
2764
|
-
<uui-icon name="remove" .fallback=${
|
|
2765
|
-
</uui-button>`:""),Q(this,
|
|
2787
|
+
<uui-icon name="remove" .fallback=${zs.strings[0]}></uui-icon>
|
|
2788
|
+
</uui-button>`:""),Q(this,zo,()=>l`<div id="dropdown">
|
|
2766
2789
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
2767
2790
|
<slot></slot>
|
|
2768
2791
|
</uui-scroll-container>
|
|
2769
|
-
</div>`)}get value(){return super.value}set value(e){typeof e=="string"&&
|
|
2770
|
-
<uui-button label="close" look="primary" @click=${E(this
|
|
2792
|
+
</div>`)}get value(){return super.value}set value(e){typeof e=="string"&&qs(this,vr,Po).call(this,e),super.value=e}get search(){return this._search}set search(e){if(this.search===e)return;const t=this._search;this._search=e,this.requestUpdate("search",t)}get open(){return this._isOpen}set open(e){const t=e;this._isOpen=e;const i=this._comboboxPopoverElement;if(i)if(e){const o=this._input.offsetWidth;i.style.setProperty("--popover-width",`${o}px`),i.showPopover()}else i.hidePopover();this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",E(this,So)),this.addEventListener("mousedown",E(this,Oo)),Ul(this,$i,window.matchMedia("(max-width: 600px)")),E(this,fr).call(this),E(this,$i).addEventListener("change",E(this,fr)),x(this,"uui-icon"),x(this,"uui-input"),x(this,"uui-button"),x(this,"uui-combobox-list"),x(this,"uui-scroll-container"),x(this,"uui-popover-container"),x(this,"uui-symbol-expand")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",E(this,So)),this.removeEventListener("mousedown",E(this,Oo)),E(this,$i).removeEventListener("change",E(this,fr))}async firstUpdated(){const e=this._comboboxListElements?.[0];e&&(Ul(this,Oe,e),E(this,Oe).for=this,E(this,Oe).addEventListener(Ee.CHANGE,E(this,Xs)),E(this,Oe).addEventListener(Ee.INNER_SLOT_CHANGE,E(this,Ys)),await this.updateComplete,qs(this,vr,Po).call(this,this.value))}getFormElement(){return this._input}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}render(){return this._isPhone&&this.open?l` <div id="phone-wrapper">
|
|
2793
|
+
<uui-button label="close" look="primary" @click=${E(this,Ci)}>
|
|
2771
2794
|
${this.closeLabel}
|
|
2772
2795
|
</uui-button>
|
|
2773
|
-
${E(this,
|
|
2796
|
+
${E(this,Uo).call(this)} ${E(this,zo).call(this)}
|
|
2774
2797
|
</div>`:l`
|
|
2775
|
-
${E(this,
|
|
2798
|
+
${E(this,Uo).call(this)}
|
|
2776
2799
|
<uui-popover-container
|
|
2777
2800
|
id="combobox-popover"
|
|
2778
2801
|
popover="manual"
|
|
2779
2802
|
placement="bottom-end">
|
|
2780
|
-
${E(this,
|
|
2803
|
+
${E(this,zo).call(this)}
|
|
2781
2804
|
</uui-popover-container>
|
|
2782
|
-
`}};Oe=new WeakMap
|
|
2805
|
+
`}};Oe=new WeakMap,$i=new WeakMap,fr=new WeakMap,vr=new WeakSet,Po=function(e){E(this,Oe)&&(E(this,Oe).value=e,requestAnimationFrame(()=>this._displayValue=E(this,Oe).displayValue||""))},Oo=new WeakMap,So=new WeakMap,Ks=new WeakMap,Ys=new WeakMap,Xs=new WeakMap,Zs=new WeakMap,Io=new WeakMap,Ci=new WeakMap,Qs=new WeakMap,Ao=new WeakMap,Uo=new WeakMap,Js=new WeakMap,zo=new WeakMap,J.styles=[p`
|
|
2783
2806
|
:host {
|
|
2784
2807
|
display: inline-block;
|
|
2785
2808
|
}
|
|
@@ -2815,7 +2838,6 @@
|
|
|
2815
2838
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
2816
2839
|
border-radius: var(--uui-border-radius,3px);
|
|
2817
2840
|
width: 100%;
|
|
2818
|
-
height: 100%;
|
|
2819
2841
|
box-sizing: border-box;
|
|
2820
2842
|
box-shadow: var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,0.19) , 0 6px 6px rgba(0,0,0,0.23));
|
|
2821
2843
|
}
|
|
@@ -2849,7 +2871,7 @@
|
|
|
2849
2871
|
#phone-wrapper #scroll-container {
|
|
2850
2872
|
max-height: unset;
|
|
2851
2873
|
}
|
|
2852
|
-
`],le([a({attribute:"value",reflect:!0})],J.prototype,"value",1),le([a({type:String})],J.prototype,"search",1),le([a({type:Boolean})],J.prototype,"open",1),le([a({type:String})],J.prototype,"closeLabel",2),le([a({type:Boolean,reflect:!0})],J.prototype,"disabled",2),le([a({type:Boolean,reflect:!0})],J.prototype,"readonly",2),le([S("#combobox-input")],J.prototype,"_input",2),le([S("#combobox-popover")],J.prototype,"_comboboxPopoverElement",2),le([
|
|
2874
|
+
`],le([a({attribute:"value",reflect:!0})],J.prototype,"value",1),le([a({type:String})],J.prototype,"search",1),le([a({type:Boolean})],J.prototype,"open",1),le([a({type:String})],J.prototype,"closeLabel",2),le([a({type:Boolean,reflect:!0})],J.prototype,"disabled",2),le([a({type:Boolean,reflect:!0})],J.prototype,"readonly",2),le([S("#combobox-input")],J.prototype,"_input",2),le([S("#combobox-popover")],J.prototype,"_comboboxPopoverElement",2),le([ft({flatten:!0,selector:"uui-combobox-list"})],J.prototype,"_comboboxListElements",2),le([m()],J.prototype,"_displayValue",2),le([m()],J.prototype,"_search",2),le([m()],J.prototype,"_isPhone",2),le([m()],J.prototype,"_isOpen",2),J=le([f("uui-combobox")],J);var Qd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,en=(e,t,i,o)=>{for(var r=o>1?void 0:o?Jd(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Qd(t,i,r),r};let ki=class extends b{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l` <h3
|
|
2853
2875
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
2854
2876
|
${this.headline}
|
|
2855
2877
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
@@ -2867,7 +2889,7 @@
|
|
|
2867
2889
|
justify-content: end;
|
|
2868
2890
|
gap: var(--uui-size-4,12px);
|
|
2869
2891
|
}
|
|
2870
|
-
`],
|
|
2892
|
+
`],en([a({type:String})],ki.prototype,"headline",2),en([m()],ki.prototype,"_headlineSlotHasContent",2),ki=en([f("uui-dialog-layout")],ki);var ep=Object.defineProperty,tp=Object.getOwnPropertyDescriptor,ip=(e,t,i,o)=>{for(var r=o>1?void 0:o?tp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ep(t,i,r),r};let Do=class extends b{render(){return l`<slot></slot>`}};Do.styles=[p`
|
|
2871
2893
|
:host {
|
|
2872
2894
|
position: relative;
|
|
2873
2895
|
display: block;
|
|
@@ -2885,13 +2907,13 @@
|
|
|
2885
2907
|
calc(var(--uui-border-radius,3px) * 2)
|
|
2886
2908
|
);
|
|
2887
2909
|
}
|
|
2888
|
-
`],
|
|
2910
|
+
`],Do=ip([f("uui-dialog")],Do);var rp=Object.defineProperty,op=Object.getOwnPropertyDescriptor,zl=(e,t,i,o)=>{for(var r=o>1?void 0:o?op(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&rp(t,i,r),r};let br=class extends b{constructor(){super(...arguments),this.error=!1}render(){return l`<svg
|
|
2889
2911
|
xmlns="http://www.w3.org/2000/svg"
|
|
2890
2912
|
viewBox="0 0 512 512"
|
|
2891
2913
|
id="upload-icon">
|
|
2892
2914
|
<path
|
|
2893
2915
|
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"} />
|
|
2894
|
-
</svg> `}};
|
|
2916
|
+
</svg> `}};br.styles=[p`
|
|
2895
2917
|
:host {
|
|
2896
2918
|
display: flex;
|
|
2897
2919
|
flex-direction: column;
|
|
@@ -2910,7 +2932,7 @@
|
|
|
2910
2932
|
:host([error]) #upload-icon {
|
|
2911
2933
|
fill: var(--uui-color-danger,#d42054);
|
|
2912
2934
|
}
|
|
2913
|
-
`],
|
|
2935
|
+
`],zl([a({type:Boolean,reflect:!0})],br.prototype,"error",2),br=zl([f("uui-symbol-file-dropzone")],br);class Ei extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}Ei.CHANGE="change";var sp=Object.defineProperty,np=Object.getOwnPropertyDescriptor,Pi=(e,t,i,o)=>{for(var r=o>1?void 0:o?np(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&sp(t,i,r),r};let et=class extends Ue("",b){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this._accept="",this.disallowFolderUpload=!1,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(e){if(e){const i=[],o=[];e.split(",").forEach(r=>{r=r.trim().toLowerCase(),/[a-z]+\/[a-z*]/s.test(r)?i.push(r):o.push(r.replace(/^\./,""))}),this._acceptedMimeTypes=i,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[];const t=this._accept;this._accept=e,this.requestUpdate("accept",t)}get accept(){return this._accept}browse(){this._input.click()}async _getAllEntries(e){const t=[...e],i=[],o=[];for(const r of t){if(r?.kind!=="file")continue;const s=this._getEntry(r);if(s)if(s.isDirectory){if(!this.disallowFolderUpload&&this.multiple){const n=await this._mkdir(s);i.push(n)}}else{const n=r.getAsFile();if(!n)continue;this._isAccepted(n)&&o.push(n)}}return{files:o,folders:i}}_getEntry(e){let t=null;return"webkitGetAsEntry"in e?t=e.webkitGetAsEntry():"getAsEntry"in e&&(t=e.getAsEntry()),t}async _mkdir(e){const t=e.createReader(),i=[],o=[],r=n=>new Promise((u,c)=>{n.readEntries(async v=>{if(!v.length){u();return}for(const g of v)if(g.isFile){const d=await this._getAsFile(g);this._isAccepted(d)&&o.push(d)}else if(g.isDirectory){const d=await this._mkdir(g);i.push(d)}await r(n),u()},c)});return await r(t),{folderName:e.name,folders:i,files:o}}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),i=e.name.split(".").pop();if(i&&this._acceptedFileExtensions.includes(i.toLowerCase()))return!0;for(const o of this._acceptedMimeTypes){if(t===o)return!0;if(o.endsWith("/*")&&t.startsWith(o.replace("*","")))return!0}return!1}async _getAsFile(e){return new Promise((t,i)=>e.file(t,i))}async _onDrop(e){e.preventDefault(),this._dropzone.classList.remove("hover");const t=e.dataTransfer?.items;if(t){const i=await this._getAllEntries(t);if(this.multiple===!1&&i.files.length&&(i.files=[i.files[0]],i.folders=[]),!i.files.length&&!i.folders.length)return;this.dispatchEvent(new Ei(Ei.CHANGE,{detail:i}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.multiple===!1&&e.length>1&&e.splice(1,e.length-1);const t=e.filter(i=>this._isAccepted(i));t.length&&this.dispatchEvent(new Ei(Ei.CHANGE,{detail:{files:t,folders:[]}}))}render(){return l`
|
|
2914
2936
|
<div id="dropzone">
|
|
2915
2937
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
2916
2938
|
${this.renderLabel()}
|
|
@@ -2924,7 +2946,7 @@
|
|
|
2924
2946
|
aria-label="${this.label}" />
|
|
2925
2947
|
<slot></slot>
|
|
2926
2948
|
</div>
|
|
2927
|
-
`}};
|
|
2949
|
+
`}};et.styles=[p`
|
|
2928
2950
|
#dropzone {
|
|
2929
2951
|
display: flex;
|
|
2930
2952
|
flex-direction: column;
|
|
@@ -2962,7 +2984,7 @@
|
|
|
2962
2984
|
opacity: 0;
|
|
2963
2985
|
display: none;
|
|
2964
2986
|
}
|
|
2965
|
-
`],
|
|
2987
|
+
`],Pi([S("#input")],et.prototype,"_input",2),Pi([S("#dropzone")],et.prototype,"_dropzone",2),Pi([a({type:String})],et.prototype,"accept",1),Pi([a({type:Boolean,reflect:!0,attribute:"disallow-folder-upload"})],et.prototype,"disallowFolderUpload",2),Pi([a({type:Boolean})],et.prototype,"multiple",2),et=Pi([f("uui-file-dropzone")],et);class ap{static humanFileSize(t,i=!1,o=1){const r=i?1e3:1024;if(Math.abs(t)<r)return t+" B";const s=i?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const u=10**o;do t/=r,++n;while(Math.round(Math.abs(t)*u)/u>=r&&n<s.length-1);return t.toFixed(o)+" "+s[n]}}var lp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,Ne=(e,t,i,o)=>{for(var r=o>1?void 0:o?up(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&lp(t,i,r),r};let fe=class extends b{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(i=>{this._src=i})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),x(this,"uui-symbol-file-thumbnail"),x(this,"uui-symbol-folder"),x(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
|
|
2966
2988
|
.src=${this._src}
|
|
2967
2989
|
.alt=${this._name}
|
|
2968
2990
|
id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file
|
|
@@ -2982,10 +3004,10 @@
|
|
|
2982
3004
|
<div id="file-info">
|
|
2983
3005
|
${this._renderLongName()}
|
|
2984
3006
|
<span id="file-size">
|
|
2985
|
-
${this._size&&!this._isDirectory?l`${
|
|
3007
|
+
${this._size&&!this._isDirectory?l`${ap.humanFileSize(this._size,!0)}`:""}
|
|
2986
3008
|
</span>
|
|
2987
3009
|
</div>
|
|
2988
|
-
`}};
|
|
3010
|
+
`}};fe.styles=[p`
|
|
2989
3011
|
:host {
|
|
2990
3012
|
position: relative;
|
|
2991
3013
|
display: grid;
|
|
@@ -3053,7 +3075,7 @@
|
|
|
3053
3075
|
text-decoration: underline;
|
|
3054
3076
|
cursor: pointer;
|
|
3055
3077
|
}
|
|
3056
|
-
`],
|
|
3078
|
+
`],Ne([m()],fe.prototype,"_name",2),Ne([m()],fe.prototype,"_url",2),Ne([m()],fe.prototype,"_extension",2),Ne([m()],fe.prototype,"_src",2),Ne([m()],fe.prototype,"_size",2),Ne([m()],fe.prototype,"_isDirectory",2),Ne([m()],fe.prototype,"_file",2),Ne([m()],fe.prototype,"_isImage",2),Ne([a({attribute:!1})],fe.prototype,"file",1),fe=Ne([f("uui-file-preview")],fe);var cp=Object.defineProperty,hp=Object.getOwnPropertyDescriptor,Mo=(e,t,i,o)=>{for(var r=o>1?void 0:o?hp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&cp(t,i,r),r};let Wt=class extends b{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),x(this,"uui-form-validation-message")}render(){return l`
|
|
3057
3079
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
3058
3080
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
3059
3081
|
</div>
|
|
@@ -3088,25 +3110,25 @@
|
|
|
3088
3110
|
margin-top: -8px;
|
|
3089
3111
|
min-height: 8px;
|
|
3090
3112
|
}
|
|
3091
|
-
`],
|
|
3113
|
+
`],Mo([a({type:String})],Wt.prototype,"description",2),Mo([m()],Wt.prototype,"_labelSlotHasContent",2),Mo([m()],Wt.prototype,"_descriptionSlotHasContent",2),Wt=Mo([f("uui-form-layout-item")],Wt);/**
|
|
3092
3114
|
* @license
|
|
3093
3115
|
* Copyright 2017 Google LLC
|
|
3094
3116
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3095
|
-
*/const
|
|
3117
|
+
*/const Dl=(e,t,i)=>{const o=new Map;for(let r=t;r<=i;r++)o.set(e[r],r);return o},tn=di(class extends pi{constructor(e){if(super(e),e.type!==$e.CHILD)throw Error("repeat() can only be used in text expressions")}dt(e,t,i){let o;i===void 0?i=t:t!==void 0&&(o=t);const r=[],s=[];let n=0;for(const u of e)r[n]=o?o(u,n):n,s[n]=i(u,n),n++;return{values:s,keys:r}}render(e,t,i){return this.dt(e,t,i).values}update(e,[t,i,o]){const r=kd(e),{values:s,keys:n}=this.dt(t,i,o);if(!Array.isArray(r))return this.ut=n,s;const u=this.ut??=[],c=[];let v,g,d=0,k=r.length-1,h=0,_=s.length-1;for(;d<=k&&h<=_;)if(r[d]===null)d++;else if(r[k]===null)k--;else if(u[d]===n[h])c[h]=Ft(r[d],s[h]),d++,h++;else if(u[k]===n[_])c[_]=Ft(r[k],s[_]),k--,_--;else if(u[d]===n[_])c[_]=Ft(r[d],s[_]),hr(e,c[_+1],r[d]),d++,_--;else if(u[k]===n[h])c[h]=Ft(r[k],s[h]),hr(e,r[d],r[k]),k--,h++;else if(v===void 0&&(v=Dl(n,h,_),g=Dl(u,d,k)),v.has(u[d]))if(v.has(u[k])){const L=g.get(n[h]),P=L!==void 0?r[L]:null;if(P===null){const V=hr(e,r[d]);Ft(V,s[h]),c[h]=V}else c[h]=Ft(P,s[h]),hr(e,r[d],P),r[L]=null;h++}else Hs(r[k]),k--;else Hs(r[d]),d++;for(;h<=_;){const L=hr(e,c[_+1]);Ft(L,s[h]),c[h++]=L}for(;d<=k;){const L=r[d++];L!==null&&Hs(L)}return this.ut=n,gl(e,c),ne}});/**
|
|
3096
3118
|
* @license
|
|
3097
3119
|
* Copyright 2017 Google LLC
|
|
3098
3120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3099
|
-
*/class
|
|
3121
|
+
*/class rn extends pi{constructor(t){if(super(t),this.it=C,t.type!==$e.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===C||t==null)return this._t=void 0,this.it=t;if(t===ne)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}rn.directiveName="unsafeHTML",rn.resultType=1;const Lo=di(rn);var dp=Object.defineProperty,pp=Object.getOwnPropertyDescriptor,Ml=(e,t,i,o)=>{for(var r=o>1?void 0:o?pp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&dp(t,i,r),r};let gr=class extends b{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate("_messages")},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate("_messages")},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;typeof e=="string"?t=this.getRootNode()?.getElementById(e):e instanceof HTMLElement&&(t=e);const i=t??this,o=this._for;o!==i&&(o!==null&&(o.removeEventListener(ci.INVALID,this._onControlInvalid),o.removeEventListener(ci.VALID,this._onControlValid)),this._for=i,this._for.addEventListener(ci.INVALID,this._onControlInvalid),this._for.addEventListener(ci.VALID,this._onControlValid))}render(){return l`
|
|
3100
3122
|
<slot></slot>
|
|
3101
3123
|
<div id="messages">
|
|
3102
|
-
${
|
|
3124
|
+
${tn(this._messages,e=>l`<div>${Lo(e[1])}</div>`)}
|
|
3103
3125
|
<slot name="message"></slot>
|
|
3104
3126
|
</div>
|
|
3105
|
-
`}};
|
|
3127
|
+
`}};gr.styles=[p`
|
|
3106
3128
|
#messages {
|
|
3107
3129
|
color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
3108
3130
|
}
|
|
3109
|
-
`],
|
|
3131
|
+
`],Ml([a({reflect:!1,attribute:!0})],gr.prototype,"for",1),gr=Ml([f("uui-form-validation-message")],gr);var fp=Object.defineProperty,vp=Object.getOwnPropertyDescriptor,bp=(e,t,i,o)=>{for(var r=o>1?void 0:o?vp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&fp(t,i,r),r};let on=class extends b{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(i=>i instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return l`<slot @slotchange=${this._onSlotChanged}></slot>`}};on=bp([f("uui-form")],on);class Oi extends U{constructor(t,i={}){super(t,{bubbles:!0,composed:!0,...i}),this.icon=null}acceptRequest(t){this.icon=t,this.stopImmediatePropagation()}}Oi.ICON_REQUEST="icon-request";var gp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,Gt=(e,t,i,o)=>{for(var r=o>1?void 0:o?mp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&gp(t,i,r),r};let He=class extends b{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.label="",this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new Oi(Oi.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon(),typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:l`${Lo(this.fallback)}`:this._nameSvg!==null?l`${Lo(this._nameSvg)}`:this.svg!==null?l`${Lo(this.svg)}`:l`<slot></slot>`}};He.styles=[p`
|
|
3110
3132
|
:host {
|
|
3111
3133
|
display: inline-block;
|
|
3112
3134
|
vertical-align: bottom;
|
|
@@ -3126,16 +3148,16 @@
|
|
|
3126
3148
|
:host-context(div[slot='append']) {
|
|
3127
3149
|
margin-right: var(--uui-size-2, 6px);
|
|
3128
3150
|
}
|
|
3129
|
-
`],Gt([m()],Ve.prototype,"_nameSvg",2),Gt([a()],Ve.prototype,"label",2),Gt([a()],Ve.prototype,"name",1),Gt([a({attribute:!1})],Ve.prototype,"svg",2),Gt([a({attribute:!1})],Ve.prototype,"fallback",2),Gt([m()],Ve.prototype,"_useFallback",2),Ve=Gt([f("uui-icon")],Ve);class rn{constructor(t){this.promise=new Promise((i,o)=>{this.resolve=i,this.reject=o}),t&&this.resolve(t)}set svg(t){this.resolve(t)}}class on{constructor(){this.icons={},this._onIconRequest=t=>{const i=this.getIcon(t.detail.iconName);i!==null&&t.acceptRequest(i)}}attach(t){t.addEventListener(Pi.ICON_REQUEST,this._onIconRequest)}detach(t){t.removeEventListener(Pi.ICON_REQUEST,this._onIconRequest)}defineIcon(t,i){if(this.icons[t]){this.icons[t].svg=i;return}this.icons[t]=new rn(i)}getIcon(t){return this.icons[t]||this.acceptIcon(t)?this.icons[t].promise:null}provideIcon(t){return this.icons[t]=new rn}acceptIcon(t){return!1}getIconNames(){return Object.keys(this.icons)}}var dp=Object.defineProperty,pp=Object.getOwnPropertyDescriptor,Ul=(e,t,i,o)=>{for(var r=o>1?void 0:o?pp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&dp(t,i,r),r};let br=class extends b{constructor(){super(),this._icons={},this._registry=new on,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,i])=>this._registry.defineIcon(t,i))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return l`<slot></slot>`}};Ul([a({attribute:!1})],br.prototype,"_icons",2),br=Ul([f("uui-icon-registry")],br);const fp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,vp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,bp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,gp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,mp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,_p=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,yp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,wp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,xp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,$p=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,kp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,Cp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,Ep=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,Pp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,Op=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,Sp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,Ip=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,Ap=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,Up=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,zp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,Dp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,Mp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,Lp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,Tp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,Vp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,Np=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,Hp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,Bp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,jp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Rp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,Fp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Wp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;class zl extends on{constructor(){super(),this.defineIcon("add",fp.strings[0]),this.defineIcon("alert",vp.strings[0]),this.defineIcon("attachment",bp.strings[0]),this.defineIcon("calendar",gp.strings[0]),this.defineIcon("check",mp.strings[0]),this.defineIcon("clipboard",_p.strings[0]),this.defineIcon("code",yp.strings[0]),this.defineIcon("colorpicker",wp.strings[0]),this.defineIcon("copy",xp.strings[0]),this.defineIcon("delete",$p.strings[0]),this.defineIcon("document",kp.strings[0]),this.defineIcon("download",Cp.strings[0]),this.defineIcon("edit",Ep.strings[0]),this.defineIcon("favorite",Pp.strings[0]),this.defineIcon("folder",Op.strings[0]),this.defineIcon("forbidden",Sp.strings[0]),this.defineIcon("info",Ip.strings[0]),this.defineIcon("link",Ap.strings[0]),this.defineIcon("lock",Up.strings[0]),this.defineIcon("pause",zp.strings[0]),this.defineIcon("picture",Dp.strings[0]),this.defineIcon("play",Mp.strings[0]),this.defineIcon("remove",Lp.strings[0]),this.defineIcon("search",Tp.strings[0]),this.defineIcon("see",Vp.strings[0]),this.defineIcon("settings",Np.strings[0]),this.defineIcon("subtract",Hp.strings[0]),this.defineIcon("sync",Bp.strings[0]),this.defineIcon("unlock",jp.strings[0]),this.defineIcon("unsee",Rp.strings[0]),this.defineIcon("wand",Fp.strings[0]),this.defineIcon("wrong",Wp.strings[0])}}var Gp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Kp=(e,t,i,o)=>{for(var r=o>1?void 0:o?qp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Gp(t,i,r),r};let sn=class extends br{constructor(){super(),this.registry=new zl}};sn=Kp([f("uui-icon-registry-essential")],sn);var Yp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Oi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Xp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Yp(t,i,r),r};let et=class extends ze(b){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const i of e)this.multiple?t.push(i):t=[i];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-file-dropzone"),x(this,"uui-button"),x(this,"uui-action-bar"),x(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const i=e.detail.files.filter(r=>r instanceof File||r.isFile);if(!this.multiple){const r=i[0],n=r instanceof File?r:await this._getFile(r);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(i.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const r of i){const s=r instanceof File;o.append(this.name,s?r:await this._getFile(r))}this.value=o}async _getFile(e){return await new Promise((t,i)=>e.file(t,i))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(r=>r!==t);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const r of o)this.value.append(this.name,r)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return l`<uui-file-preview .file="${e}">
|
|
3151
|
+
`],Gt([m()],He.prototype,"_nameSvg",2),Gt([a()],He.prototype,"label",2),Gt([a()],He.prototype,"name",1),Gt([a({attribute:!1})],He.prototype,"svg",2),Gt([a({attribute:!1})],He.prototype,"fallback",2),Gt([m()],He.prototype,"_useFallback",2),He=Gt([f("uui-icon")],He);class sn{constructor(t){this.promise=new Promise((i,o)=>{this.resolve=i,this.reject=o}),t&&this.resolve(t)}set svg(t){this.resolve(t)}}class nn{constructor(){this.icons={},this._onIconRequest=t=>{const i=this.getIcon(t.detail.iconName);i!==null&&t.acceptRequest(i)}}attach(t){t.addEventListener(Oi.ICON_REQUEST,this._onIconRequest)}detach(t){t.removeEventListener(Oi.ICON_REQUEST,this._onIconRequest)}defineIcon(t,i){if(this.icons[t]){this.icons[t].svg=i;return}this.icons[t]=new sn(i)}getIcon(t){return this.icons[t]||this.acceptIcon(t)?this.icons[t].promise:null}provideIcon(t){return this.icons[t]=new sn}acceptIcon(t){return!1}getIconNames(){return Object.keys(this.icons)}}var _p=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,Ll=(e,t,i,o)=>{for(var r=o>1?void 0:o?yp(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&_p(t,i,r),r};let mr=class extends b{constructor(){super(),this._icons={},this._registry=new nn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,i])=>this._registry.defineIcon(t,i))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return l`<slot></slot>`}};Ll([a({attribute:!1})],mr.prototype,"_icons",2),mr=Ll([f("uui-icon-registry")],mr);const wp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,xp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,$p=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,Cp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,kp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,Ep=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,Pp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,Op=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,Sp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,Ip=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,Ap=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,Up=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,zp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,Dp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,Mp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,Lp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,Tp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,Vp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,Np=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,Hp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,Bp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,jp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,Rp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,Fp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,Wp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,Gp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,qp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,Kp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,Yp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Xp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,Zp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Qp=y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;class Tl extends nn{constructor(){super(),this.defineIcon("add",wp.strings[0]),this.defineIcon("alert",xp.strings[0]),this.defineIcon("attachment",$p.strings[0]),this.defineIcon("calendar",Cp.strings[0]),this.defineIcon("check",kp.strings[0]),this.defineIcon("clipboard",Ep.strings[0]),this.defineIcon("code",Pp.strings[0]),this.defineIcon("colorpicker",Op.strings[0]),this.defineIcon("copy",Sp.strings[0]),this.defineIcon("delete",Ip.strings[0]),this.defineIcon("document",Ap.strings[0]),this.defineIcon("download",Up.strings[0]),this.defineIcon("edit",zp.strings[0]),this.defineIcon("favorite",Dp.strings[0]),this.defineIcon("folder",Mp.strings[0]),this.defineIcon("forbidden",Lp.strings[0]),this.defineIcon("info",Tp.strings[0]),this.defineIcon("link",Vp.strings[0]),this.defineIcon("lock",Np.strings[0]),this.defineIcon("pause",Hp.strings[0]),this.defineIcon("picture",Bp.strings[0]),this.defineIcon("play",jp.strings[0]),this.defineIcon("remove",Rp.strings[0]),this.defineIcon("search",Fp.strings[0]),this.defineIcon("see",Wp.strings[0]),this.defineIcon("settings",Gp.strings[0]),this.defineIcon("subtract",qp.strings[0]),this.defineIcon("sync",Kp.strings[0]),this.defineIcon("unlock",Yp.strings[0]),this.defineIcon("unsee",Xp.strings[0]),this.defineIcon("wand",Zp.strings[0]),this.defineIcon("wrong",Qp.strings[0])}}var Jp=Object.defineProperty,ef=Object.getOwnPropertyDescriptor,tf=(e,t,i,o)=>{for(var r=o>1?void 0:o?ef(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Jp(t,i,r),r};let an=class extends mr{constructor(){super(),this.registry=new Tl}};an=tf([f("uui-icon-registry-essential")],an);var rf=Object.defineProperty,of=Object.getOwnPropertyDescriptor,Si=(e,t,i,o)=>{for(var r=o>1?void 0:o?of(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&rf(t,i,r),r};let tt=class extends ze(b){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const i of e)this.multiple?t.push(i):t=[i];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-file-dropzone"),x(this,"uui-button"),x(this,"uui-action-bar"),x(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const i=e.detail.files.filter(r=>r instanceof File||r.isFile);if(!this.multiple){const r=i[0],n=r instanceof File?r:await this._getFile(r);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(i.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const r of i){const s=r instanceof File;o.append(this.name,s?r:await this._getFile(r))}this.value=o}async _getFile(e){return await new Promise((t,i)=>e.file(t,i))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(r=>r!==t);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const r of o)this.value.append(this.name,r)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return l`<uui-file-preview .file="${e}">
|
|
3130
3152
|
<uui-action-bar slot="actions">
|
|
3131
3153
|
<uui-button
|
|
3132
3154
|
@click=${()=>this._removeFile(t)}
|
|
3133
3155
|
color="danger"
|
|
3134
3156
|
label=${`Delete ${e.name}`}>
|
|
3135
|
-
<uui-icon name="delete" .fallback=${
|
|
3157
|
+
<uui-icon name="delete" .fallback=${Uh.strings[0]}></uui-icon>
|
|
3136
3158
|
</uui-button>
|
|
3137
3159
|
</uui-action-bar>
|
|
3138
|
-
</uui-file-preview>`}_renderFiles(){return l`${
|
|
3160
|
+
</uui-file-preview>`}_renderFiles(){return l`${tn(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return l`
|
|
3139
3161
|
<uui-file-dropzone
|
|
3140
3162
|
id="dropzone"
|
|
3141
3163
|
?multiple=${this.multiple}
|
|
@@ -3148,9 +3170,9 @@
|
|
|
3148
3170
|
@click=${this._handleClick}
|
|
3149
3171
|
id="add-button"
|
|
3150
3172
|
look="placeholder"
|
|
3151
|
-
label="Add"></uui-button>`:
|
|
3173
|
+
label="Add"></uui-button>`:C}
|
|
3152
3174
|
</div>
|
|
3153
|
-
`}};
|
|
3175
|
+
`}};tt.styles=[p`
|
|
3154
3176
|
:host {
|
|
3155
3177
|
width: 100%;
|
|
3156
3178
|
height: 100%;
|
|
@@ -3199,7 +3221,7 @@
|
|
|
3199
3221
|
justify-content: center;
|
|
3200
3222
|
align-items: stretch;
|
|
3201
3223
|
}
|
|
3202
|
-
`],
|
|
3224
|
+
`],Si([S("#dropzone")],tt.prototype,"_dropzone",2),Si([S("#dropzone")],tt.prototype,"_dropZone",2),Si([a({type:String})],tt.prototype,"accept",2),Si([a({type:Boolean})],tt.prototype,"multiple",2),Si([m()],tt.prototype,"_files",2),tt=Si([f("uui-input-file")],tt);class qt extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}qt.CHANGE="change",qt.INPUT="input";var sf=Object.defineProperty,nf=Object.getOwnPropertyDescriptor,ee=(e,t,i,o)=>{for(var r=o>1?void 0:o?nf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&sf(t,i,r),r};let T=class extends ze(Ue("",b),""){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),this.updateComplete.then(()=>{this.addFormControlElement(this._input)})}get type(){return this._type}set type(e){this._type=e}_onKeypress(e){this.type!=="color"&&e.key=="Enter"&&this.submit()}async blur(){await this.updateComplete,this._input.blur()}async focus(){await this.updateComplete,this._input.focus()}async select(){await this.updateComplete,this._input.select()}getFormElement(){return this.shadowRoot?.querySelector("input")}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new qt(qt.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new qt(qt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
|
|
3203
3225
|
${this.renderPrepend()}
|
|
3204
3226
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3205
3227
|
${this.renderAppend()}
|
|
@@ -3354,16 +3376,16 @@
|
|
|
3354
3376
|
height: 100%;
|
|
3355
3377
|
--uui-input-border-width: 0;
|
|
3356
3378
|
}
|
|
3357
|
-
`],ee([a()],T.prototype,"min",2),ee([a({type:Number})],T.prototype,"minlength",2),ee([a({type:String,attribute:"minlength-message"})],T.prototype,"minlengthMessage",2),ee([a()],T.prototype,"max",2),ee([a({type:Number})],T.prototype,"maxlength",2),ee([a({type:String,attribute:"maxlength-message"})],T.prototype,"maxlengthMessage",2),ee([a({type:Number})],T.prototype,"step",2),ee([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),ee([a({type:Boolean,reflect:!0})],T.prototype,"readonly",2),ee([a()],T.prototype,"placeholder",2),ee([a()],T.prototype,"autocomplete",2),ee([a({type:Boolean,reflect:!0,attribute:"auto-width"})],T.prototype,"autoWidth",2),ee([a({type:String})],T.prototype,"type",1),ee([a({type:String})],T.prototype,"pattern",2),ee([a({type:String})],T.prototype,"inputMode",2),ee([S("#input")],T.prototype,"_input",2),T=ee([f("uui-input")],T);class
|
|
3379
|
+
`],ee([a()],T.prototype,"min",2),ee([a({type:Number})],T.prototype,"minlength",2),ee([a({type:String,attribute:"minlength-message"})],T.prototype,"minlengthMessage",2),ee([a()],T.prototype,"max",2),ee([a({type:Number})],T.prototype,"maxlength",2),ee([a({type:String,attribute:"maxlength-message"})],T.prototype,"maxlengthMessage",2),ee([a({type:Number})],T.prototype,"step",2),ee([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),ee([a({type:Boolean,reflect:!0})],T.prototype,"readonly",2),ee([a()],T.prototype,"placeholder",2),ee([a()],T.prototype,"autocomplete",2),ee([a({type:Boolean,reflect:!0,attribute:"auto-width"})],T.prototype,"autoWidth",2),ee([a({type:String})],T.prototype,"type",1),ee([a({type:String})],T.prototype,"pattern",2),ee([a({type:String})],T.prototype,"inputMode",2),ee([S("#input")],T.prototype,"_input",2),T=ee([f("uui-input")],T);class To extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}To.LOCK_CHANGE="lock-change";var af=Object.defineProperty,lf=Object.getOwnPropertyDescriptor,Vl=(e,t,i,o)=>{for(var r=o>1?void 0:o?lf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&af(t,i,r),r};let _r=class extends T{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new To(To.LOCK_CHANGE))}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${zh.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3358
3380
|
name="unlock"
|
|
3359
|
-
.fallback=${
|
|
3381
|
+
.fallback=${Th.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
|
|
3360
3382
|
.disabled=${this.disabled}
|
|
3361
3383
|
@click=${this._onLockToggle}
|
|
3362
3384
|
compact
|
|
3363
3385
|
id="lock"
|
|
3364
3386
|
label="${this.locked?"Unlock input":"Lock input"}">
|
|
3365
3387
|
${this.renderIcon()}
|
|
3366
|
-
</uui-button>`}};
|
|
3388
|
+
</uui-button>`}};_r.styles=[...T.styles,p`
|
|
3367
3389
|
#lock {
|
|
3368
3390
|
height: 100%;
|
|
3369
3391
|
|
|
@@ -3376,16 +3398,16 @@
|
|
|
3376
3398
|
cursor: not-allowed;
|
|
3377
3399
|
opacity: 0.55;
|
|
3378
3400
|
}
|
|
3379
|
-
`],
|
|
3401
|
+
`],Vl([a({type:Boolean,reflect:!0})],_r.prototype,"locked",2),_r=Vl([f("uui-input-lock")],_r);var uf=Object.defineProperty,cf=Object.getOwnPropertyDescriptor,ln=(e,t,i,o)=>{for(var r=o>1?void 0:o?cf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&uf(t,i,r),r};let Ii=class extends T{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){this.passwordType=e}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),x(this,"uui-icon"),x(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback=${Mh.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3380
3402
|
name="unsee"
|
|
3381
|
-
.fallback=${
|
|
3403
|
+
.fallback=${Vh.strings[0]}></uui-icon>`}renderAppend(){return l`<uui-button
|
|
3382
3404
|
.disabled=${this.disabled}
|
|
3383
3405
|
@click=${this._onPasswordToggle}
|
|
3384
3406
|
compact
|
|
3385
3407
|
label="${this.passwordType==="password"?"Show password":"Hide password"}"
|
|
3386
3408
|
id="eye">
|
|
3387
3409
|
${this.renderIcon()}
|
|
3388
|
-
</uui-button>`}};
|
|
3410
|
+
</uui-button>`}};Ii.styles=[...T.styles,p`
|
|
3389
3411
|
#eye {
|
|
3390
3412
|
height: 100%;
|
|
3391
3413
|
margin-left: -6px;
|
|
@@ -3394,7 +3416,7 @@
|
|
|
3394
3416
|
#clear:hover {
|
|
3395
3417
|
color: black;
|
|
3396
3418
|
}
|
|
3397
|
-
`],
|
|
3419
|
+
`],ln([m()],Ii.prototype,"passwordType",2),ln([a()],Ii.prototype,"type",1),Ii=ln([f("uui-input-password")],Ii);var hf=Object.defineProperty,df=Object.getOwnPropertyDescriptor,pf=(e,t,i,o)=>{for(var r=o>1?void 0:o?df(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&hf(t,i,r),r};let Vo=class extends b{render(){return l`<slot></slot>`}};Vo.styles=[p`
|
|
3398
3420
|
:host {
|
|
3399
3421
|
display: inline-block;
|
|
3400
3422
|
font-family: inherit;
|
|
@@ -3409,7 +3431,7 @@
|
|
|
3409
3431
|
::slotted(*:last-child)uui-key {
|
|
3410
3432
|
margin-right: 0px;
|
|
3411
3433
|
}
|
|
3412
|
-
`],
|
|
3434
|
+
`],Vo=pf([f("uui-keyboard-shortcut")],Vo);var ff=Object.defineProperty,vf=Object.getOwnPropertyDescriptor,bf=(e,t,i,o)=>{for(var r=o>1?void 0:o?vf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&ff(t,i,r),r};let No=class extends b{render(){return l`<slot></slot>`}};No.styles=[p`
|
|
3413
3435
|
:host {
|
|
3414
3436
|
background: var(--uui-color-surface,#fff);
|
|
3415
3437
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -3423,7 +3445,7 @@
|
|
|
3423
3445
|
user-select: none;
|
|
3424
3446
|
text-transform: lowercase;
|
|
3425
3447
|
}
|
|
3426
|
-
`],
|
|
3448
|
+
`],No=bf([f("uui-key")],No);var gf=Object.defineProperty,mf=Object.getOwnPropertyDescriptor,Ho=(e,t,i,o)=>{for(var r=o>1?void 0:o?mf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&gf(t,i,r),r};let Kt=class extends b{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return l`
|
|
3427
3449
|
<slot></slot>
|
|
3428
3450
|
${this.required?l`<div id="required">*</div>`:""}
|
|
3429
3451
|
`}};Kt.styles=[p`
|
|
@@ -3441,7 +3463,7 @@
|
|
|
3441
3463
|
color: var(--uui-color-danger,#d42054);
|
|
3442
3464
|
font-weight: 900;
|
|
3443
3465
|
}
|
|
3444
|
-
`],
|
|
3466
|
+
`],Ho([a({type:Boolean,reflect:!0})],Kt.prototype,"disabled",2),Ho([a({reflect:!0,attribute:!0})],Kt.prototype,"for",2),Ho([a({type:Boolean,reflect:!0})],Kt.prototype,"required",2),Kt=Ho([f("uui-label")],Kt);var _f=Object.defineProperty,yf=Object.getOwnPropertyDescriptor,un=(e,t,i,o)=>{for(var r=o>1?void 0:o?yf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&_f(t,i,r),r};let Ai=class extends b{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=z(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return l`
|
|
3445
3467
|
${this.progress?l`<div
|
|
3446
3468
|
id="bar"
|
|
3447
3469
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -3450,7 +3472,7 @@
|
|
|
3450
3472
|
class=${this.progress?"":"animate"}
|
|
3451
3473
|
style="animation-duration: ${this.animationDuration}s"></div>
|
|
3452
3474
|
<div id="bar-background"></div>
|
|
3453
|
-
`}};
|
|
3475
|
+
`}};Ai.styles=[p`
|
|
3454
3476
|
:host {
|
|
3455
3477
|
position: relative;
|
|
3456
3478
|
display: block;
|
|
@@ -3509,7 +3531,7 @@
|
|
|
3509
3531
|
transform-origin: 175% 0%;
|
|
3510
3532
|
}
|
|
3511
3533
|
}
|
|
3512
|
-
`],
|
|
3534
|
+
`],un([a({type:Number})],Ai.prototype,"progress",1),un([a({type:Number})],Ai.prototype,"animationDuration",1),Ai=un([f("uui-loader-bar")],Ai);var wf=Object.defineProperty,xf=Object.getOwnPropertyDescriptor,cn=(e,t,i,o)=>{for(var r=o>1?void 0:o?xf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&wf(t,i,r),r};let Ui=class extends b{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 e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`
|
|
3513
3535
|
<svg
|
|
3514
3536
|
id="spinner"
|
|
3515
3537
|
class=${this.progress?"":"animate"}
|
|
@@ -3526,7 +3548,7 @@
|
|
|
3526
3548
|
</g>
|
|
3527
3549
|
</svg>
|
|
3528
3550
|
${this.renderProgress()}
|
|
3529
|
-
`}};
|
|
3551
|
+
`}};Ui.styles=[p`
|
|
3530
3552
|
:host {
|
|
3531
3553
|
vertical-align: middle;
|
|
3532
3554
|
line-height: 0;
|
|
@@ -3611,11 +3633,11 @@
|
|
|
3611
3633
|
/* Center the text */
|
|
3612
3634
|
padding-top: 0.09em;
|
|
3613
3635
|
}
|
|
3614
|
-
`],
|
|
3636
|
+
`],cn([a({type:Number})],Ui.prototype,"progress",2),cn([a({type:Boolean,reflect:!0,attribute:"show-progress"})],Ui.prototype,"showProgress",2),Ui=cn([f("uui-loader-circle")],Ui);var $f=Object.defineProperty,Cf=Object.getOwnPropertyDescriptor,kf=(e,t,i,o)=>{for(var r=o>1?void 0:o?Cf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&$f(t,i,r),r};let Bo=class extends b{render(){return l`
|
|
3615
3637
|
<div></div>
|
|
3616
3638
|
<div></div>
|
|
3617
3639
|
<div></div>
|
|
3618
|
-
`}};
|
|
3640
|
+
`}};Bo.styles=[p`
|
|
3619
3641
|
:host {
|
|
3620
3642
|
color: var(--uui-color-default,#1b264f);
|
|
3621
3643
|
}
|
|
@@ -3655,21 +3677,21 @@
|
|
|
3655
3677
|
background-color: currentColor;
|
|
3656
3678
|
}
|
|
3657
3679
|
}
|
|
3658
|
-
`],
|
|
3680
|
+
`],Bo=kf([f("uui-loader")],Bo);/**
|
|
3659
3681
|
* @license
|
|
3660
3682
|
* Copyright 2017 Google LLC
|
|
3661
3683
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3662
|
-
*/const
|
|
3684
|
+
*/const yr=(e,t)=>{const i=e._$AN;if(i===void 0)return!1;for(const o of i)o._$AO?.(t,!1),yr(o,t);return!0},jo=e=>{let t,i;do{if((t=e._$AM)===void 0)break;i=t._$AN,i.delete(e),e=t}while(i?.size===0)},Nl=e=>{for(let t;t=e._$AM;e=t){let i=t._$AN;if(i===void 0)t._$AN=i=new Set;else if(i.has(e))break;i.add(e),Of(t)}};function Ef(e){this._$AN!==void 0?(jo(this),this._$AM=e,Nl(this)):this._$AM=e}function Pf(e,t=!1,i=0){const o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(o))for(let s=i;s<o.length;s++)yr(o[s],!1),jo(o[s]);else o!=null&&(yr(o,!1),jo(o));else yr(this,e)}const Of=e=>{e.type==$e.CHILD&&(e._$AP??=Pf,e._$AQ??=Ef)};class Sf extends pi{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,i,o){super._$AT(t,i,o),Nl(this),this.isConnected=t._$AU}_$AO(t,i=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),i&&(yr(this,t),jo(this))}setValue(t){if(vl(this.t))this.t._$AI(t,this);else{const i=[...this.t._$AH];i[this.i]=t,this.t._$AI(i,this,0)}}disconnected(){}reconnected(){}}const hn=new WeakMap,dn=di(class extends Sf{render(e){return C}update(e,[t]){const i=t!==this.Y;return i&&this.Y!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.Y=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),C}rt(e){if(this.isConnected||(e=void 0),typeof this.Y=="function"){const t=this.ht??globalThis;let i=hn.get(t);i===void 0&&(i=new WeakMap,hn.set(t,i)),i.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),i.set(this.Y,e),e!==void 0&&this.Y.call(this.ht,e)}else this.Y.value=e}get lt(){return typeof this.Y=="function"?hn.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});class it extends U{}it.SHOW_CHILDREN="show-children",it.HIDE_CHILDREN="hide-children",it.CLICK_LABEL="click-label";var If=Object.defineProperty,Af=Object.getOwnPropertyDescriptor,Se=(e,t,i,o)=>{for(var r=o>1?void 0:o?Af(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&If(t,i,r),r};let ue=class extends so(ui(nr(Ue("label",b)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.caretLabel="Reveal the underlying items",this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?it.HIDE_CHILDREN:it.SHOW_CHILDREN,t=new it(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const e=new it(it.CLICK_LABEL);this.dispatchEvent(e)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),x(this,"uui-symbol-expand"),x(this,"uui-loader-bar")}async focus(){await this.updateComplete,this.shadowRoot?.querySelector("#label-button")?.focus?.()}_renderLabelInside(){return l` <slot
|
|
3663
3685
|
name="icon"
|
|
3664
3686
|
id="icon"
|
|
3665
3687
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
3666
3688
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
3667
3689
|
${this.renderLabel()}
|
|
3668
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${
|
|
3690
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${dn(this._labelButtonChanged)}>
|
|
3669
3691
|
${this._renderLabelInside()}
|
|
3670
3692
|
</span>`:l` <a
|
|
3671
3693
|
id="label-button"
|
|
3672
|
-
${
|
|
3694
|
+
${dn(this._labelButtonChanged)}
|
|
3673
3695
|
href=${w(this.href)}
|
|
3674
3696
|
target=${w(this.target||void 0)}
|
|
3675
3697
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}
|
|
@@ -3679,7 +3701,7 @@
|
|
|
3679
3701
|
${this._renderLabelInside()}
|
|
3680
3702
|
</a>`}_renderLabelAsButton(){return l` <button
|
|
3681
3703
|
id="label-button"
|
|
3682
|
-
${
|
|
3704
|
+
${dn(this._labelButtonChanged)}
|
|
3683
3705
|
@click=${this._onLabelClicked}
|
|
3684
3706
|
?disabled=${this.disabled}
|
|
3685
3707
|
aria-label="${this.label}">
|
|
@@ -4070,7 +4092,7 @@
|
|
|
4070
4092
|
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
|
|
4071
4093
|
margin-right: var(--uui-size-base-unit);
|
|
4072
4094
|
}
|
|
4073
|
-
`],Se([a({type:Boolean,reflect:!0})],ue.prototype,"disabled",2),Se([a({type:Boolean,reflect:!0,attribute:"show-children"})],ue.prototype,"showChildren",2),Se([a({type:Boolean,attribute:"has-children"})],ue.prototype,"hasChildren",2),Se([a({type:Boolean,attribute:"loading"})],ue.prototype,"loading",2),Se([a({type:String})],ue.prototype,"href",2),Se([a({type:String})],ue.prototype,"target",2),Se([a({type:String})],ue.prototype,"rel",2),Se([a({type:String,attribute:"select-mode",reflect:!0})],ue.prototype,"selectMode",2),Se([a({type:String,attribute:"caret-label"})],ue.prototype,"caretLabel",2),Se([m()],ue.prototype,"iconSlotHasContent",2),ue=Se([f("uui-menu-item")],ue);var
|
|
4095
|
+
`],Se([a({type:Boolean,reflect:!0})],ue.prototype,"disabled",2),Se([a({type:Boolean,reflect:!0,attribute:"show-children"})],ue.prototype,"showChildren",2),Se([a({type:Boolean,attribute:"has-children"})],ue.prototype,"hasChildren",2),Se([a({type:Boolean,attribute:"loading"})],ue.prototype,"loading",2),Se([a({type:String})],ue.prototype,"href",2),Se([a({type:String})],ue.prototype,"target",2),Se([a({type:String})],ue.prototype,"rel",2),Se([a({type:String,attribute:"select-mode",reflect:!0})],ue.prototype,"selectMode",2),Se([a({type:String,attribute:"caret-label"})],ue.prototype,"caretLabel",2),Se([m()],ue.prototype,"iconSlotHasContent",2),ue=Se([f("uui-menu-item")],ue);var Uf=Object.defineProperty,zf=Object.getOwnPropertyDescriptor,zi=(e,t,i,o)=>{for(var r=o>1?void 0:o?zf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Uf(t,i,r),r};const Yt="uui:modal-close";class ve extends b{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const i=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(i),!i.defaultPrevented&&this._openModal()},this.close=t=>{t?.preventDefault(),t?.stopImmediatePropagation();const i=new CustomEvent(Yt,{cancelable:!0});this.dispatchEvent(i),!i.defaultPrevented&&this._closeModal()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(t){this._transitionDuration=t,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(t){super.firstUpdated(t),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}_closeModal(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}}ve.styles=[p`
|
|
4074
4096
|
dialog {
|
|
4075
4097
|
display: block;
|
|
4076
4098
|
margin: 0;
|
|
@@ -4098,9 +4120,9 @@
|
|
|
4098
4120
|
:host([index='0']) dialog::after {
|
|
4099
4121
|
opacity: 0;
|
|
4100
4122
|
}
|
|
4101
|
-
`],
|
|
4123
|
+
`],zi([S("dialog")],ve.prototype,"_dialogElement",2),zi([a({type:Boolean,reflect:!0,attribute:"is-open"})],ve.prototype,"isOpen",2),zi([a({type:Boolean,reflect:!0,attribute:"is-closing"})],ve.prototype,"isClosing",2),zi([a({type:Number,reflect:!0})],ve.prototype,"index",2),zi([a({type:Number,reflect:!0,attribute:"unique-index"})],ve.prototype,"uniqueIndex",2),zi([a({type:Number,attribute:"transition-duration"})],ve.prototype,"transitionDuration",1);var Df=Object.defineProperty,Mf=Object.getOwnPropertyDescriptor,Hl=e=>{throw TypeError(e)},Bl=(e,t,i,o)=>{for(var r=o>1?void 0:o?Mf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Df(t,i,r),r},jl=(e,t,i)=>t.has(e)||Hl("Cannot "+i),Rl=(e,t,i)=>(jl(e,t,"read from private field"),i?i.call(e):t.get(e)),Lf=(e,t,i)=>t.has(e)?Hl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Tf=(e,t,i)=>(jl(e,t,"access private method"),i),wr,pn,Fl;let Di=class extends ve{constructor(){super(),Lf(this,wr),this.size="full",this.addEventListener(Yt,Tf(this,wr,Fl).bind(this))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Rl(this,wr,pn)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog>
|
|
4102
4124
|
<slot></slot>
|
|
4103
|
-
</dialog>`}};
|
|
4125
|
+
</dialog>`}};wr=new WeakSet,pn=function(){return this._dialogElement?.getBoundingClientRect().width??0},Fl=function(e){e.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Rl(this,wr,pn)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},Di.styles=[...ve.styles,p`
|
|
4104
4126
|
:host {
|
|
4105
4127
|
--uui-modal-sidebar-left-gap: 24px;
|
|
4106
4128
|
--uui-modal-sidebar-background: var(--uui-color-surface,#fff);
|
|
@@ -4141,7 +4163,7 @@
|
|
|
4141
4163
|
:host([size='small']) dialog {
|
|
4142
4164
|
max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
4143
4165
|
}
|
|
4144
|
-
`],
|
|
4166
|
+
`],Bl([a({reflect:!0})],Di.prototype,"size",2),Di=Bl([f("uui-modal-sidebar")],Di);var Vf=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,Wl=e=>{throw TypeError(e)},Mi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Nf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Vf(t,i,r),r},Gl=(e,t,i)=>t.has(e)||Wl("Cannot "+i),xr=(e,t,i)=>(Gl(e,t,"read from private field"),i?i.call(e):t.get(e)),fn=(e,t,i)=>t.has(e)?Wl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ro=(e,t,i)=>(Gl(e,t,"access private method"),i),vn,Li,Ti,bn,gn;let rt=class extends b{constructor(){super(),fn(this,Ti),this.sidebarGap=64,this.transitionDurationMS=250,fn(this,vn,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(o=>o instanceof ve)??[],e.filter(o=>this._modals.indexOf(o)===-1).forEach(o=>o.removeEventListener(Yt,xr(this,Li))),this._modals.filter(o=>e.indexOf(o)===-1).forEach(o=>o.addEventListener(Yt,xr(this,Li))),this._sidebars=this._modals.filter(o=>o instanceof Di),this._modals.length===0){this.removeAttribute("backdrop");return}Ro(this,Ti,bn).call(this),Ro(this,Ti,gn).call(this)}),fn(this,Li,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(Yt,xr(this,Li)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Ro(this,Ti,bn).call(this),Ro(this,Ti,gn).call(this)}),this.addEventListener(Yt,xr(this,Li))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange=${xr(this,vn)}></slot>`}};vn=new WeakMap,Li=new WeakMap,Ti=new WeakSet,bn=function(){this.setAttribute("backdrop","");const e=this._modals?.filter(t=>!t.isClosing).reverse()??[];e?.forEach((t,i)=>{t.index=i,t.transitionDuration=this.transitionDurationMS}),e?.forEach(t=>{const i=e?.filter(o=>o.constructor.name===t.constructor.name);t.uniqueIndex=i?.indexOf(t)??0})},gn=function(){requestAnimationFrame(()=>{let e=0;const t=this._sidebars?.filter(i=>!i.isClosing).reverse()??[];for(let i=0;i<t.length;i++){const o=t[i],r=t[i+1],s=e;if(o.updateComplete.then(()=>{o.style.setProperty("--uui-modal-offset",s+"px")}),r?.hasAttribute("hide"))break;const n=o.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,u=r?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,c=n+e+this.sidebarGap-u;e=c>0?c:0}})},rt.styles=p`
|
|
4145
4167
|
:host {
|
|
4146
4168
|
position: fixed;
|
|
4147
4169
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -4158,11 +4180,11 @@
|
|
|
4158
4180
|
:host([backdrop])::after {
|
|
4159
4181
|
opacity: 1;
|
|
4160
4182
|
}
|
|
4161
|
-
`,
|
|
4183
|
+
`,Mi([S("slot")],rt.prototype,"modalSlot",2),Mi([m()],rt.prototype,"_modals",2),Mi([m()],rt.prototype,"_sidebars",2),Mi([a({type:Number})],rt.prototype,"sidebarGap",2),Mi([a({type:Number})],rt.prototype,"transitionDurationMS",2),rt=Mi([f("uui-modal-container")],rt);var Hf=Object.defineProperty,Bf=Object.getOwnPropertyDescriptor,jf=(e,t,i,o)=>{for(var r=o>1?void 0:o?Bf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Hf(t,i,r),r};let Fo=class extends ve{render(){return l`
|
|
4162
4184
|
<dialog>
|
|
4163
4185
|
<slot></slot>
|
|
4164
4186
|
</dialog>
|
|
4165
|
-
`}};
|
|
4187
|
+
`}};Fo.styles=[...ve.styles,p`
|
|
4166
4188
|
:host {
|
|
4167
4189
|
--uui-modal-dialog-background: var(--uui-color-surface,#fff);
|
|
4168
4190
|
}
|
|
@@ -4185,7 +4207,7 @@
|
|
|
4185
4207
|
:host(:not([index='0'])) dialog {
|
|
4186
4208
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
4187
4209
|
}
|
|
4188
|
-
`],
|
|
4210
|
+
`],Fo=jf([f("uui-modal-dialog")],Fo);class _t extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}_t.CHANGE="change";var Rf=Object.defineProperty,Ff=Object.getOwnPropertyDescriptor,ot=(e,t,i,o)=>{for(var r=o>1?void 0:o?Ff(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Rf(t,i,r),r};const Wf=45,mn=(e,t,i)=>Math.min(Math.max(e,t),i),Gf=(e,t)=>Array.from({length:t-e+1},(i,o)=>e+o);let we=class extends b{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),x(this,"uui-button"),x(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((r,s)=>r+s.getBoundingClientRect().width,0),o=(e-t)/Wf/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,i=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return Gf(mn(t,1,this.total),mn(i,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=mn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new _t(_t.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new _t(_t.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new _t(_t.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return l`<uui-button
|
|
4189
4211
|
compact
|
|
4190
4212
|
look="outline"
|
|
4191
4213
|
class="nav"
|
|
@@ -4277,7 +4299,7 @@
|
|
|
4277
4299
|
.active {
|
|
4278
4300
|
pointer-events: none;
|
|
4279
4301
|
}
|
|
4280
|
-
`],
|
|
4302
|
+
`],ot([Qu("uui-button.nav")],we.prototype,"_navButtons",2),ot([S("#pages")],we.prototype,"_pagesGroup",2),ot([a()],we.prototype,"label",2),ot([a({reflect:!0,attribute:"aria-label"})],we.prototype,"ariaLabel",2),ot([a({type:Number})],we.prototype,"total",1),ot([m()],we.prototype,"_range",2),ot([m()],we.prototype,"_visiblePages",2),ot([a({type:Number})],we.prototype,"current",1),we=ot([f("uui-pagination")],we);class _n extends U{}_n.CLOSE="close";var qf=Object.defineProperty,Kf=Object.getOwnPropertyDescriptor,$r=(e,t,i,o)=>{for(var r=o>1?void 0:o?Kf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&qf(t,i,r),r};function Wo(e,t,i){return e<t?t:e>i?i:e}let yt=class extends b{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=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}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 e=new _n(_n.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const i=t.position==="absolute",o=/(auto|scroll)/;let r=e;for(;r=r.parentElement;)if(t=getComputedStyle(r),!(i&&t.position==="static")&&(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(r),t.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const e=this.containerElement;if(!e)return;const t=this.containerElement?.getBoundingClientRect(),i=this._trigger?.getBoundingClientRect();if(i!=null&&t!=null){const o=this._scrollParents.map(Ae=>Ae.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,t,o));let r=this._currentPlacement.indexOf("top")!==-1,s=this._currentPlacement.indexOf("bottom")!==-1,n=this._currentPlacement.indexOf("left")!==-1,u=this._currentPlacement.indexOf("right")!==-1;const c=this._currentPlacement.indexOf("-start")!==-1,v=this._currentPlacement.indexOf("-end")!==-1;let g=.5,d=.5,k=.5,h=.5,_=0,L=0;if(this.placement==="auto"){const Ae=this._scrollParents[0],er=Ae.clientWidth,Pt=Ae.clientHeight,ri=i.x-t.width,oi=er-(i.x+i.width)-t.width,vs=i.y-t.height,Gr=Pt-(i.y+i.height)-t.height;let qr=.5,Kr=.5;const zu=Math.max(ri,oi);let Rn=Math.max(vs,Gr);Gr>vs&&Gr>this.margin&&(Rn+=9999),zu>Rn?(ri>oi?(qr=0,n=!0):(qr=1,u=!0),_=this.margin):(vs>Gr?(Kr=0,r=!0):(Kr=1,s=!0),L=this.margin),g=qr,d=Kr,k=1-qr,h=1-Kr}else r&&(h=1,d=0),s&&(h=0,d=1),(r||s)&&(L=this.margin,c&&(k=0,g=0),v&&(k=1,g=1)),n&&(k=1,g=0),u&&(k=0,g=1),(n||u)&&(_=this.margin,c&&(h=0,d=0),v&&(h=1,d=1));const P=-t.width*k+i.width*g-_*(k*2-1),V=-t.height*h+i.height*d-L*(h*2-1);let te=P,dt=V;r||s?(this._scrollParents.forEach((Ae,er)=>{const Pt=Ae===document.body?0:o[er].x,ri=-i.x+Pt,oi=Ae.clientWidth-i.x-i.width+P+Pt-(t.width-i.width)*(1-g);te=Wo(te,ri,oi)}),te=Wo(te,-t.width,i.width)):(n||u)&&(this._scrollParents.forEach((Ae,er)=>{const Pt=Ae===document.body?0:o[er].y,ri=-i.y+Pt,oi=Ae.clientHeight-i.y-i.height+V+Pt-(t.height-i.height)*(1-d);dt=Wo(dt,ri,oi)}),dt=Wo(dt,-t.height,i.height)),(this._positionX!==te||this._positionY!==dt)&&(this._positionX=te,this._positionY=dt,P===te&&V===dt&&this._stopScrollListener(),e.style.left=`${this._positionX}px`,e.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,i){const r=e.split("-"),s=r[0],n=r[1]||null;let u;return this._scrollParents.some((c,v)=>{const g=c===document.body?0:i[v].x,d=c===document.body?0:i[v].y;return s==="top"&&t.y-2<=d?(u="bottom",!0):s==="bottom"&&t.y+t.height+2>=c.clientHeight+d?(u="top",!0):s==="left"&&t.x-2<=g?(u="right",!0):s==="right"&&t.x+t.width+2>=c.clientWidth+g?(u="left",!0):!1}),u?(this._startScrollListener(),u+(n?`-${n}`:"")):e}render(){return l`
|
|
4281
4303
|
<slot
|
|
4282
4304
|
id="trigger"
|
|
4283
4305
|
name="trigger"
|
|
@@ -4285,7 +4307,7 @@
|
|
|
4285
4307
|
<div id="container">
|
|
4286
4308
|
${this._open?l`<slot name="popover"></slot>`:""}
|
|
4287
4309
|
</div>
|
|
4288
|
-
`}};
|
|
4310
|
+
`}};yt.styles=[p`
|
|
4289
4311
|
:host {
|
|
4290
4312
|
position: relative;
|
|
4291
4313
|
display: inline-block;
|
|
@@ -4312,7 +4334,7 @@
|
|
|
4312
4334
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4313
4335
|
);
|
|
4314
4336
|
}
|
|
4315
|
-
`]
|
|
4337
|
+
`],$r([S("#container")],yt.prototype,"containerElement",2),$r([a({type:Number})],yt.prototype,"margin",2),$r([a({type:String,reflect:!0})],yt.prototype,"placement",1),$r([a({type:Boolean,reflect:!0})],yt.prototype,"open",1),yt=$r([f("uui-popover")],yt);var Yf=Object.defineProperty,Xf=Object.getOwnPropertyDescriptor,ql=e=>{throw TypeError(e)},Xt=(e,t,i,o)=>{for(var r=o>1?void 0:o?Xf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Yf(t,i,r),r},yn=(e,t,i)=>t.has(e)||ql("Cannot "+i),B=(e,t,i)=>(yn(e,t,"read from private field"),i?i.call(e):t.get(e)),Zt=(e,t,i)=>t.has(e)?ql("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Zf=(e,t,i,o)=>(yn(e,t,"write to private field"),t.set(e,i),i),Vi=(e,t,i)=>(yn(e,t,"access private method"),i),st,Ni,Go,wt,Cr,wn,xt,xn,Kl,$n,Yl;let Be=class extends b{constructor(){super(...arguments),Zt(this,xt),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,Zt(this,st,null),Zt(this,Ni,[]),Zt(this,Go,e=>{if(this._open=e.newState==="open",Zf(this,st,Ih(this,"popovertarget",this.id)),Vi(this,xt,Yl).call(this),B(this,st)?.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:e.oldState,newState:e.newState}})),!this._open){Vi(this,xt,$n).call(this);return}Vi(this,xt,Kl).call(this),requestAnimationFrame(()=>{B(this,wt).call(this)})}),Zt(this,wt,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",B(this,Cr).call(this,3))}),Zt(this,Cr,e=>{if(B(this,wn).call(this),e--,B(this,st)===null)return;const t=this._actualPlacement.indexOf("top")!==-1,i=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,r=this._actualPlacement.indexOf("right")!==-1,s=this._actualPlacement.indexOf("-start")!==-1,n=this._actualPlacement.indexOf("-end")!==-1,u=B(this,st).getBoundingClientRect(),c=this.getBoundingClientRect();let v=0,g=0;i&&(v=u.top+u.height,s&&(g=u.left),n&&(g=u.left+u.width-c.width),!s&&!n&&(g=u.left+u.width/2-c.width/2)),t&&(v=u.top-c.height,s&&(g=u.left),n&&(g=u.left+u.width-c.width),!s&&!n&&(g=u.left+u.width/2-c.width/2)),o&&(g=u.left-c.width,s&&(v=u.top),n&&(v=u.top+u.height-c.height),!s&&!n&&(v=u.top+u.height/2-c.height/2)),r&&(g=u.left+u.width,s&&(v=u.top),n&&(v=u.top+u.height-c.height),!s&&!n&&(v=u.top+u.height/2-c.height/2));const d=window.innerWidth,k=window.innerHeight,h=Math.min(0,u.top+u.height),_=Math.max(Math.min(v,k-c.height),u.top-c.height);if(Math.max(h,_)!==v&&(t||i)&&e>0){Vi(this,xt,xn).call(this),B(this,Cr).call(this,e);return}v=Math.max(h,_);const P=Math.min(0,u.left+u.width),V=Math.max(Math.min(g,d-c.width),u.left-c.width),te=Math.max(P,V);if(te!==g&&(o||r)&&e>0){Vi(this,xt,xn).call(this),B(this,Cr).call(this,e);return}g=te,(v+c.height<0||v>k||g+c.width<0||g>d)&&this.hidePopover(),this.style.transform=`translate(${g}px, ${v}px)`,this.style.opacity="1"}),Zt(this,wn,()=>{const e={top:"bottom",bottom:"top",left:"right",right:"left"};let t=this._actualPlacement.split("-")[0];t=e[t]||t,t=t.charAt(0).toUpperCase()+t.slice(1);const i=`padding${t}`;this.style.padding="0",this.style[i]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(e){this._placement=e,this._actualPlacement=e,B(this,wt).call(this)}connectedCallback(){this.hasAttribute("popover")||this.setAttribute("popover",""),super.connectedCallback(),this.addEventListener("beforetoggle",B(this,Go))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",B(this,Go)),Vi(this,xt,$n).call(this)}render(){return l`<slot></slot>`}};st=new WeakMap,Ni=new WeakMap,Go=new WeakMap,wt=new WeakMap,Cr=new WeakMap,wn=new WeakMap,xt=new WeakSet,xn=function(){const[e,t]=this._actualPlacement.split("-"),i=e==="top"?"bottom":e==="bottom"?"top":e==="left"?"right":"left";this._actualPlacement=`${i}-${t}`},Kl=function(){B(this,Ni).forEach(e=>{e.addEventListener("scroll",B(this,wt),{passive:!0})}),document.addEventListener("scroll",B(this,wt),{passive:!0})},$n=function(){B(this,Ni).forEach(e=>{e.removeEventListener("scroll",B(this,wt))}),document.removeEventListener("scroll",B(this,wt))},Yl=function(){if(!B(this,st))return;let e=getComputedStyle(B(this,st));if(e.position==="fixed")return;const t=e.position==="absolute",i=/(auto|scroll)/;let o=B(this,st);for(;o=o.parentElement;)if(e=getComputedStyle(o),!(t&&e.position==="static")&&(i.test(e.overflow+e.overflowY+e.overflowX)&&B(this,Ni).push(o),e.position==="fixed"))return;B(this,Ni).push(document.body)},Be.styles=[p`
|
|
4316
4338
|
:host {
|
|
4317
4339
|
margin: 0;
|
|
4318
4340
|
width: fit-content;
|
|
@@ -4325,9 +4347,9 @@
|
|
|
4325
4347
|
overflow: visible;
|
|
4326
4348
|
color: var(--uui-color-text,#060606);
|
|
4327
4349
|
}
|
|
4328
|
-
`],Xt([a({type:Number})],
|
|
4350
|
+
`],Xt([a({type:Number})],Be.prototype,"margin",2),Xt([a({type:Boolean})],Be.prototype,"open",1),Xt([a({type:String,reflect:!0})],Be.prototype,"placement",1),Xt([m()],Be.prototype,"_placement",2),Xt([m()],Be.prototype,"_open",2),Xt([m()],Be.prototype,"_actualPlacement",2),Be=Xt([f("uui-popover-container")],Be);var Qf=Object.defineProperty,Jf=Object.getOwnPropertyDescriptor,Xl=(e,t,i,o)=>{for(var r=o>1?void 0:o?Jf(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Qf(t,i,r),r};const ev=(e,t,i)=>Math.min(Math.max(e,t),i);let kr=class extends b{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=ev(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`
|
|
4329
4351
|
<div id="bar" style=${Me(this._getProgressStyle())}></div>
|
|
4330
|
-
`}}
|
|
4352
|
+
`}};kr.styles=[p`
|
|
4331
4353
|
:host {
|
|
4332
4354
|
width: 100%;
|
|
4333
4355
|
height: 4px;
|
|
@@ -4344,7 +4366,7 @@
|
|
|
4344
4366
|
height: 100%;
|
|
4345
4367
|
width: 0%;
|
|
4346
4368
|
}
|
|
4347
|
-
`],
|
|
4369
|
+
`],Xl([a({type:Number})],kr.prototype,"progress",1),kr=Xl([f("uui-progress-bar")],kr);class Hi extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}Hi.CHANGE="change";var tv=Object.defineProperty,iv=Object.getOwnPropertyDescriptor,Zl=e=>{throw TypeError(e)},$t=(e,t,i,o)=>{for(var r=o>1?void 0:o?iv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&tv(t,i,r),r},rv=(e,t,i)=>t.has(e)||Zl("Cannot "+i),ov=(e,t,i)=>t.has(e)?Zl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),sv=(e,t,i)=>(rv(e,t,"access private method"),i),Cn,Ql;let xe=class extends b{constructor(){super(...arguments),ov(this,Cn),this.name="",this.value="",this.label="",this.checked=!1,this.disabled=!1,this.readonly=!1}focus(){this._inputElement.focus()}click(){this._inputElement.click()}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.removeAttribute("tabindex")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}render(){return l` <label>
|
|
4348
4370
|
<input
|
|
4349
4371
|
id="input"
|
|
4350
4372
|
type="radio"
|
|
@@ -4352,12 +4374,12 @@
|
|
|
4352
4374
|
value=${this.value}
|
|
4353
4375
|
.checked=${this.checked}
|
|
4354
4376
|
.disabled=${this.disabled||this.readonly}
|
|
4355
|
-
@change=${
|
|
4377
|
+
@change=${sv(this,Cn,Ql)} />
|
|
4356
4378
|
<div id="button"></div>
|
|
4357
4379
|
<div id="label">
|
|
4358
4380
|
${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}
|
|
4359
4381
|
</div>
|
|
4360
|
-
</label>`}};
|
|
4382
|
+
</label>`}};Cn=new WeakSet,Ql=function(e){e.stopPropagation();const t=this._inputElement.checked;this.checked=t,t&&this.focus(),this.dispatchEvent(new Hi(Hi.CHANGE))},xe.styles=[lo,p`
|
|
4361
4383
|
:host {
|
|
4362
4384
|
display: block;
|
|
4363
4385
|
box-sizing: border-box;
|
|
@@ -4466,7 +4488,7 @@
|
|
|
4466
4488
|
}
|
|
4467
4489
|
|
|
4468
4490
|
:host([disabled]:active) #button {
|
|
4469
|
-
animation: ${
|
|
4491
|
+
animation: ${uo};
|
|
4470
4492
|
}
|
|
4471
4493
|
|
|
4472
4494
|
@media (prefers-reduced-motion) {
|
|
@@ -4478,7 +4500,7 @@
|
|
|
4478
4500
|
transition: none;
|
|
4479
4501
|
}
|
|
4480
4502
|
}
|
|
4481
|
-
`]
|
|
4503
|
+
`],$t([S("#input")],xe.prototype,"_inputElement",2),$t([a({type:String})],xe.prototype,"name",2),$t([a({type:String})],xe.prototype,"value",2),$t([a({type:String})],xe.prototype,"label",2),$t([a({type:Boolean,reflect:!0})],xe.prototype,"checked",2),$t([a({type:Boolean,reflect:!0})],xe.prototype,"disabled",2),$t([a({type:Boolean,reflect:!0})],xe.prototype,"readonly",2),xe=$t([f("uui-radio")],xe);class qo extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}qo.CHANGE="change";var nv=Object.defineProperty,av=Object.getOwnPropertyDescriptor,Jl=e=>{throw TypeError(e)},kn=(e,t,i,o)=>{for(var r=o>1?void 0:o?av(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&nv(t,i,r),r},En=(e,t,i)=>t.has(e)||Jl("Cannot "+i),$=(e,t,i)=>(En(e,t,"read from private field"),i?i.call(e):t.get(e)),Ct=(e,t,i)=>t.has(e)?Jl("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Ko=(e,t,i,o)=>(En(e,t,"write to private field"),t.set(e,i),i),W=(e,t,i)=>(En(e,t,"access private method"),i),q,D,Pn,On,Yo,Xo,Sn,H,eu,In,An,Un,zn,Qt,tu,iu,Er;const lv="ArrowLeft",uv="ArrowUp",cv="ArrowRight",hv="ArrowDown",dv=" ",pv="Enter";let Jt=class extends ze(b,""){constructor(){super(),Ct(this,H),this.disabled=!1,this.readonly=!1,Ct(this,q,null),Ct(this,D,[]),Ct(this,Pn,e=>{$(this,D)?.forEach(t=>{t!==e.target?t.makeUnfocusable():t.makeFocusable()})}),Ct(this,On,e=>{this.contains(e.relatedTarget)||$(this,q)===null&&$(this,D)?.forEach(t=>{t.makeFocusable()})}),Ct(this,Yo,()=>{this.pristine=!1}),Ct(this,Xo,e=>{e.target.checked===!0&&(this.value=e.target.value,W(this,H,Er).call(this))}),Ct(this,Sn,e=>{switch(e.key){case lv:case uv:{e.preventDefault(),W(this,H,tu).call(this);break}case cv:case hv:{e.preventDefault(),W(this,H,iu).call(this);break}case dv:{$(this,q)===null&&(this.value=W(this,H,Qt).call(this,1,!1)?.value,W(this,H,Er).call(this));break}case pv:this.submit()}}),this.addEventListener("keydown",$(this,Sn)),this.addEventListener("focusin",$(this,Pn)),this.addEventListener("focusout",$(this,On)),this.updateComplete.then(()=>{W(this,H,An).call(this,this.value)})}get value(){return super.value}set value(e){super.value=e,W(this,H,An).call(this,e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}updated(e){super.updated(e),e.has("disabled")&&W(this,H,Un).call(this,this.disabled),e.has("readonly")&&W(this,H,zn).call(this,this.readonly),e.has("name")&&W(this,H,In).call(this,e.get("name"))}async focus(){await this.updateComplete,$(this,q)!==null?$(this,D)[$(this,q)]?.focus():W(this,H,Qt).call(this,1,!1)?.focus()}async blur(){await this.updateComplete,$(this,q)!==null?$(this,D)[$(this,q)]?.blur():W(this,H,Qt).call(this,1,!1)?.blur()}async click(){await this.updateComplete,$(this,q)!==null?$(this,D)[$(this,q)]?.click():W(this,H,Qt).call(this,1,!1)?.click()}getFormElement(){if($(this,D)&&$(this,q))return $(this,D)[$(this,q)]}render(){return l` <slot @slotchange=${W(this,H,eu)}></slot> `}};q=new WeakMap,D=new WeakMap,Pn=new WeakMap,On=new WeakMap,Yo=new WeakMap,Xo=new WeakMap,Sn=new WeakMap,H=new WeakSet,eu=function(e){if(e.stopPropagation(),$(this,D)?.forEach(i=>{i.removeEventListener(Hi.CHANGE,$(this,Xo)),i.removeEventListener("blur",$(this,Yo))}),Ko(this,q,null),Ko(this,D,e.target.assignedElements({flatten:!0}).filter(i=>i instanceof xe)),$(this,D).length===0)return;$(this,D).forEach(i=>{i.addEventListener(Hi.CHANGE,$(this,Xo)),i.addEventListener("blur",$(this,Yo))}),W(this,H,In).call(this,this.name),this.disabled&&W(this,H,Un).call(this,!0),this.readonly&&W(this,H,zn).call(this,!0);const t=$(this,D).filter(i=>i.checked===!0);if(t.length>1&&($(this,D).forEach(i=>{i.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),t.length===1){const i=t[0];this.value=i.value,Ko(this,q,$(this,D).indexOf(i))}},In=function(e){$(this,D)?.forEach(t=>t.name=e)},An=function(e){const t=[];$(this,D).forEach((i,o)=>{i.value===e?(i.checked=!0,i.makeFocusable(),Ko(this,q,o)):(i.checked=!1,t.push(i))}),$(this,q)!==null&&t.forEach(i=>i.makeUnfocusable())},Un=function(e){$(this,D)?.forEach(t=>t.disabled=e)},zn=function(e){$(this,D)?.forEach(t=>t.readonly=e)},Qt=function(e=1,t=!0){if(!$(this,D)||$(this,D).length===0)return null;const i=$(this,D).length;let o=$(this,q)??0;for(let r=0;r<i+1;r++){if(!t||r>0){const s=$(this,D)[o];if(!s.disabled&&!s.readonly)return s}o=(o+e+i)%i}return null},tu=function(){this.value=W(this,H,Qt).call(this,-1)?.value??"",$(this,D)[$(this,q)??0]?.focus(),W(this,H,Er).call(this)},iu=function(){this.value=W(this,H,Qt).call(this)?.value??"",$(this,D)[$(this,q)??0]?.focus(),W(this,H,Er).call(this)},Er=function(){this.pristine=!1,this.dispatchEvent(new qo(qo.CHANGE))},Jt.formAssociated=!0,Jt.styles=[p`
|
|
4482
4504
|
:host {
|
|
4483
4505
|
display: inline-block;
|
|
4484
4506
|
padding-right: 3px;
|
|
@@ -4491,7 +4513,7 @@
|
|
|
4491
4513
|
:host(:not([pristine])[internals-invalid]) {
|
|
4492
4514
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4493
4515
|
}
|
|
4494
|
-
`]
|
|
4516
|
+
`],kn([a({type:Boolean,reflect:!0})],Jt.prototype,"disabled",2),kn([a({type:Boolean,reflect:!0})],Jt.prototype,"readonly",2),Jt=kn([f("uui-radio-group")],Jt);class je extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}je.INPUT="input",je.CHANGE="change";var fv=Object.defineProperty,vv=Object.getOwnPropertyDescriptor,ru=e=>{throw TypeError(e)},j=(e,t,i,o)=>{for(var r=o>1?void 0:o?vv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&fv(t,i,r),r},bv=(e,t,i)=>t.has(e)||ru("Cannot "+i),gv=(e,t,i)=>t.has(e)?ru("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Bi=(e,t,i)=>(bv(e,t,"access private method"),i),kt,ei;const Dn={TOP:3,CENTER:2,BACK:1},Pr=18,ji=3,nt=12,mv=24;let M=class extends ze(b,""){constructor(){super(),gv(this,kt),this.disabled=!1,this.readonly=!1,this._min=0,this._max=0,this.hideStepValues=!1,this._step=1,this._movement=!1,this.startPoint={mouse:0,low:0,high:0},this._lowInputValue=0,this._highInputValue=0,this._trackWidth=0,this._lowValuePercentStart=0,this._highValuePercentEnd=100,this._onKeypress=e=>{e.key=="Enter"&&this.submit()},this._onTouchStart=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(e.touches[0].pageX);else{const i=this._getClickedValue(e.touches[0].pageX),o=Math.abs(this._lowInputValue-i),r=Math.abs(this._highInputValue-i);o<r?this.setValueLow(i):this.setValueHigh(i)}},this._onTouchMove=e=>{this._dragBothValuesByMousePos(e.touches[0].pageX)},this._onTouchEnd=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchcancel",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this._onMouseDown=e=>{if(this.disabled||this.readonly)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(e.pageX);else{const i=this._getClickedValue(e.pageX),o=Math.abs(this._lowInputValue-i),r=Math.abs(this._highInputValue-i);o<r?this.setValueLow(i):this.setValueHigh(i)}},this._onMouseMove=e=>{e.preventDefault(),this._dragBothValuesByMousePos(e.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack?.offsetWidth})}get min(){return this._min}set min(e){this._min=e,Bi(this,kt,ei).call(this)}get max(){return this._max}set max(e){this._max=e,Bi(this,kt,ei).call(this)}get step(){return this._step}set step(e){this._step=e,Bi(this,kt,ei).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,Bi(this,kt,ei).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,Bi(this,kt,ei).call(this)}get value(){return super.value}set value(e){super.value=e,Bi(this,kt,ei).call(this)}setValueLow(e){e=z(e,this.maxGap?this._highInputValue-this.maxGap>this.min?this._highInputValue-this.maxGap:this.min:this.min,this.minGap?this._highInputValue-this.minGap:this._highInputValue-this.step),this.setValue(e,this._highInputValue)}setValueHigh(e){e=z(e,this.minGap?this._lowInputValue+this.minGap:this._lowInputValue+this.step,this.maxGap?this.maxGap+this._lowInputValue<this.max?this.maxGap+this._lowInputValue:this.max:this.max),this.setValue(this._lowInputValue,e)}setValue(e,t,i){if(i){const o=this.startPoint.high-this.startPoint.low;e=z(e,this.min,this.max-o),t=z(t,this.min+o,this.max)}this._inputLow.value=e.toString(),this._inputHigh.value=t.toString(),this.value=`${e},${t}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}async focus(){await this.updateComplete,this.getFormElement().focus()}async blur(){await this.updateComplete,this.getFormElement().blur()}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._runPropertiesChecks()}_runPropertiesChecks(){if(new RegExp(/^-?\d+(\.\d+)?,-?\d+(\.\d+)?$/).test(this.value)||console.error("Range slider (Value error occurred): Bad input"),this._highInputValue===this._lowInputValue&&console.error("Range slider (Value error occurred): Low-end and high-end value should never be equal. Use <uui-slider></uui-slider> instead."),this._lowInputValue>this._highInputValue&&console.error("Range slider (Value error occurred): Low-end value should never be higher than high-end value."),(this._highInputValue>this._max||this._highInputValue<this._min)&&(this.setValueHigh(this._max),console.warn(`Conflict with the high-end value and max value. High-end value has been converted to the max value (${this._max})`)),(this._lowInputValue<this._min||this._lowInputValue>this._max)&&(this.setValueLow(this._min),console.warn(`Conflict with the low-end value and min value. Low-end value has been converted to the min value (${this._min})`)),this._step<=0&&(this._step=1,console.warn("Property step needs a value higher than 0. Converted the step value to 1 (default)")),(this._max-this._min)/this._step%1!==0&&console.error("Conflict with step value and the min and max values. May experience bad side effects"),this._minGap&&this._minGap<this._step&&(this._minGap=void 0,console.warn("Conflict with min-gap and step value. The min-gap needs to be higher than the step value. Removed the min-gap property.")),this._minGap&&this._maxGap&&this._minGap>this._maxGap&&(this._minGap=void 0,this._maxGap=void 0,console.warn("Conflict with min-gap and max-gap. Removed the min-gap and max-gap properties.")),this._minGap&&this._max-this._min<this._minGap&&(this._minGap=void 0,console.warn("Conflict with the min-gap and the total range. Removed the min-gap.")),this._maxGap&&this._highInputValue-this._lowInputValue>this._maxGap&&(this.setValueHigh(this._lowInputValue+this._maxGap),console.warn(`Conflict with value and max-gap. High-end value has been converted to the highest possible value based on the low-end value and the max gap value (${this._highInputValue})`)),this._minGap&&this._highInputValue-this._lowInputValue<this._minGap){const t=this._minGap;this._highInputValue-t<this._min?(this.setValueHigh(this._lowInputValue+t),console.warn(`Conflict with value and min gap. High-end value has been converted to the lowest possible value based on the low-end value and the min gap value (${this._highInputValue}).`)):(this.setValueLow(this._highInputValue-t),console.warn(`Conflict with value and min gap. Low-end value has been converted to the highest possible value based on the high-end value and the min gap value (${this._lowInputValue}).`))}}_updateInnerColor(){const e=this._max-this._min,t=this._lowInputValue-this._min,i=this._highInputValue-this._min,o=t/e*100,r=100-i/e*100;this._lowValuePercentStart=z(o,0,100),this._highValuePercentEnd=z(r,0,100)}_getClickedValue(e){const t=this._outerTrack.getBoundingClientRect().left,r=(e-t-nt)/(this._trackWidth-nt*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(e){this.startPoint={mouse:e,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(e){const t=this._outerTrack.offsetWidth,i=e-this.startPoint.mouse,o=this._max-this._min,r=i/(t+nt*2),s=Math.round(r*o/this._step)*this._step,n=this.startPoint.low+s,u=this.startPoint.high+s;this.setValue(n,u,!0),this.dispatchEvent(new je(je.INPUT))}_onLowInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputLow;const t=Number(e.target.value);this.setValueLow(t),this.dispatchEvent(new je(je.INPUT))}_onHighInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputHigh;const t=Number(e.target.value);this.setValueHigh(t),this.dispatchEvent(new je(je.INPUT))}_onLowChange(){this.setValueLow(Number(this._inputLow.value)),this.onChanged()}_onHighChange(){this.setValueHigh(Number(this._inputHigh.value)),this.onChanged()}onChanged(){this.pristine=!1,this.dispatchEvent(new je(je.CHANGE))}render(){return l`
|
|
4495
4517
|
<div id="range-slider">
|
|
4496
4518
|
${this._renderNativeInputs()}
|
|
4497
4519
|
<div id="inner-track">
|
|
@@ -4508,15 +4530,15 @@
|
|
|
4508
4530
|
`}_renderThumbValues(){return l`<div class="thumb-values">
|
|
4509
4531
|
<span><span>${this._lowInputValue}</span></span>
|
|
4510
4532
|
<span><span>${this._highInputValue}</span></span>
|
|
4511
|
-
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-
|
|
4533
|
+
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-nt*2)/e;if(t<mv||e%1!==0)return;let i=0;const o=new Array(e+1).fill(t).map(r=>r*i++);return l`<div class="step-wrapper">
|
|
4512
4534
|
<svg height="100%" width="100%">
|
|
4513
|
-
<rect x="9" y="9" height="
|
|
4535
|
+
<rect x="9" y="9" height="${ji}" rx="2" />
|
|
4514
4536
|
${this._renderStepCircles(o)}
|
|
4515
4537
|
</svg>
|
|
4516
4538
|
${this._renderStepValues(e)}
|
|
4517
4539
|
</div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const i=new Array(e+1).fill(this._step).map(o=>this._min+o*t++);return l`<div class="step-values">
|
|
4518
4540
|
${i.map(o=>l`<span><span>${o}</span></span>`)}
|
|
4519
|
-
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return y`${e.map(i=>{const o=i+
|
|
4541
|
+
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return y`${e.map(i=>{const o=i+nt,r=this._lowInputValue-this._min,s=this._highInputValue-this._min;return o/t>=r&&o/t<=s?y`<circle class="track-step filled" cx="${o}" cy="${ji*2}" r="4.5" />`:y`<circle class="track-step regular" cx="${o}" cy="${ji*2}" r="4.5" />`})}`}_renderNativeInputs(){return l` <div class="native-wrapper">
|
|
4520
4542
|
<input
|
|
4521
4543
|
id="inputLow"
|
|
4522
4544
|
class="${this._movement?"focus":""}"
|
|
@@ -4569,8 +4591,8 @@
|
|
|
4569
4591
|
background-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
4570
4592
|
position: absolute;
|
|
4571
4593
|
height: 3px;
|
|
4572
|
-
left: ${
|
|
4573
|
-
right: ${
|
|
4594
|
+
left: ${nt}px; /* Match TRACK_MARGIN */
|
|
4595
|
+
right: ${nt}px; /* Match TRACK_MARGIN */
|
|
4574
4596
|
}
|
|
4575
4597
|
|
|
4576
4598
|
:host(:not([disabled]):hover) #inner-track,
|
|
@@ -4584,10 +4606,10 @@
|
|
|
4584
4606
|
display: flex;
|
|
4585
4607
|
flex-direction: column;
|
|
4586
4608
|
justify-content: center;
|
|
4587
|
-
height: ${
|
|
4609
|
+
height: ${Pr}px;
|
|
4588
4610
|
cursor: grab;
|
|
4589
4611
|
user-select: none;
|
|
4590
|
-
z-index: ${
|
|
4612
|
+
z-index: ${Dn.CENTER};
|
|
4591
4613
|
}
|
|
4592
4614
|
|
|
4593
4615
|
:host([disabled]) #inner-color-thumb,
|
|
@@ -4611,16 +4633,18 @@
|
|
|
4611
4633
|
}
|
|
4612
4634
|
|
|
4613
4635
|
:host(:not([readonly])) #inner-color-thumb:hover .color {
|
|
4614
|
-
height:
|
|
4636
|
+
height: ${ji*2}px;
|
|
4615
4637
|
background-color: var(--color-hover);
|
|
4638
|
+
transform: translateY(-${ji/2}px);
|
|
4616
4639
|
}
|
|
4617
4640
|
|
|
4618
4641
|
.color {
|
|
4619
4642
|
user-select: none;
|
|
4620
4643
|
position: absolute;
|
|
4621
4644
|
inset-inline: 0;
|
|
4622
|
-
height:
|
|
4623
|
-
|
|
4645
|
+
height: ${ji}px;
|
|
4646
|
+
top: 50%;
|
|
4647
|
+
transform: translateY(0);
|
|
4624
4648
|
background-color: var(--color-interactive);
|
|
4625
4649
|
transition: height 60ms;
|
|
4626
4650
|
}
|
|
@@ -4635,7 +4659,7 @@
|
|
|
4635
4659
|
|
|
4636
4660
|
/** Steps */
|
|
4637
4661
|
.step-wrapper {
|
|
4638
|
-
margin: 0 ${-1*
|
|
4662
|
+
margin: 0 ${-1*nt}px;
|
|
4639
4663
|
height: 11px;
|
|
4640
4664
|
position: absolute;
|
|
4641
4665
|
left: 0;
|
|
@@ -4674,7 +4698,7 @@
|
|
|
4674
4698
|
|
|
4675
4699
|
.step-values {
|
|
4676
4700
|
box-sizing: border-box;
|
|
4677
|
-
margin: 0 ${
|
|
4701
|
+
margin: 0 ${nt}px; /* Match TRACK_MARGIN */
|
|
4678
4702
|
display: flex;
|
|
4679
4703
|
justify-content: space-between;
|
|
4680
4704
|
font-size: var(--uui-type-small-size,12px);
|
|
@@ -4756,9 +4780,9 @@
|
|
|
4756
4780
|
pointer-events: all;
|
|
4757
4781
|
cursor: grab;
|
|
4758
4782
|
position: relative;
|
|
4759
|
-
z-index: ${
|
|
4760
|
-
width: ${
|
|
4761
|
-
height: ${
|
|
4783
|
+
z-index: ${Dn.TOP};
|
|
4784
|
+
width: ${Pr}px;
|
|
4785
|
+
height: ${Pr}px;
|
|
4762
4786
|
border-radius: 24px;
|
|
4763
4787
|
border: none;
|
|
4764
4788
|
background-color: var(--color-interactive);
|
|
@@ -4802,9 +4826,9 @@
|
|
|
4802
4826
|
pointer-events: all;
|
|
4803
4827
|
cursor: grab;
|
|
4804
4828
|
position: relative;
|
|
4805
|
-
z-index: ${
|
|
4806
|
-
width: ${
|
|
4807
|
-
height: ${
|
|
4829
|
+
z-index: ${Dn.TOP};
|
|
4830
|
+
width: ${Pr}px;
|
|
4831
|
+
height: ${Pr}px;
|
|
4808
4832
|
border-radius: 24px;
|
|
4809
4833
|
border: none;
|
|
4810
4834
|
background-color: var(--color-interactive);
|
|
@@ -4839,7 +4863,7 @@
|
|
|
4839
4863
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
4840
4864
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4841
4865
|
}
|
|
4842
|
-
`],j([a({type:String})],M.prototype,"label",2),j([a({type:Boolean,reflect:!0})],M.prototype,"disabled",2),j([a({type:Boolean,reflect:!0})],M.prototype,"readonly",2),j([a({type:Number})],M.prototype,"min",1),j([a({type:Number})],M.prototype,"max",1),j([a({type:Boolean,attribute:"hide-step-values"})],M.prototype,"hideStepValues",2),j([a({type:Number})],M.prototype,"step",1),j([a({type:Number,attribute:"min-gap"})],M.prototype,"minGap",1),j([a({type:Number,attribute:"max-gap"})],M.prototype,"maxGap",1),j([a({type:String})],M.prototype,"value",1),j([m()],M.prototype,"_movement",2),j([m()],M.prototype,"_lowInputValue",2),j([m()],M.prototype,"_highInputValue",2),j([m()],M.prototype,"_trackWidth",2),j([m()],M.prototype,"_lowValuePercentStart",2),j([m()],M.prototype,"_highValuePercentEnd",2),j([S("#range-slider")],M.prototype,"_outerTrack",2),j([S("#inputLow")],M.prototype,"_inputLow",2),j([S("#inputHigh")],M.prototype,"_inputHigh",2),j([S(".color")],M.prototype,"_innerColor",2),j([S("#inner-color-thumb")],M.prototype,"_innerColorThumb",2),M=j([f("uui-range-slider")],M);var
|
|
4866
|
+
`],j([a({type:String})],M.prototype,"label",2),j([a({type:Boolean,reflect:!0})],M.prototype,"disabled",2),j([a({type:Boolean,reflect:!0})],M.prototype,"readonly",2),j([a({type:Number})],M.prototype,"min",1),j([a({type:Number})],M.prototype,"max",1),j([a({type:Boolean,attribute:"hide-step-values"})],M.prototype,"hideStepValues",2),j([a({type:Number})],M.prototype,"step",1),j([a({type:Number,attribute:"min-gap"})],M.prototype,"minGap",1),j([a({type:Number,attribute:"max-gap"})],M.prototype,"maxGap",1),j([a({type:String})],M.prototype,"value",1),j([m()],M.prototype,"_movement",2),j([m()],M.prototype,"_lowInputValue",2),j([m()],M.prototype,"_highInputValue",2),j([m()],M.prototype,"_trackWidth",2),j([m()],M.prototype,"_lowValuePercentStart",2),j([m()],M.prototype,"_highValuePercentEnd",2),j([S("#range-slider")],M.prototype,"_outerTrack",2),j([S("#inputLow")],M.prototype,"_inputLow",2),j([S("#inputHigh")],M.prototype,"_inputHigh",2),j([S(".color")],M.prototype,"_innerColor",2),j([S("#inner-color-thumb")],M.prototype,"_innerColorThumb",2),M=j([f("uui-range-slider")],M);var _v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,wv=(e,t,i,o)=>{for(var r=o>1?void 0:o?yv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&_v(t,i,r),r};let Zo=class extends b{render(){return l`<slot></slot>`}};Zo.styles=[p`
|
|
4843
4867
|
:host {
|
|
4844
4868
|
display: block;
|
|
4845
4869
|
}
|
|
@@ -4855,7 +4879,7 @@
|
|
|
4855
4879
|
right: 0;
|
|
4856
4880
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
4857
4881
|
}
|
|
4858
|
-
`],
|
|
4882
|
+
`],Zo=wv([f("uui-ref-list")],Zo);class Ri extends U{}Ri.OPEN="open";var xv=Object.defineProperty,$v=Object.getOwnPropertyDescriptor,Qo=(e,t,i,o)=>{for(var r=o>1?void 0:o?$v(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&xv(t,i,r),r};let at=class extends so(ui(b)){constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new Ri(Ri.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Ri(Ri.OPEN)))}};at.styles=[p`
|
|
4859
4883
|
:host {
|
|
4860
4884
|
position: relative;
|
|
4861
4885
|
display: flex;
|
|
@@ -5006,35 +5030,35 @@
|
|
|
5006
5030
|
justify-content: flex-end;
|
|
5007
5031
|
align-items: center;
|
|
5008
5032
|
}
|
|
5009
|
-
`],
|
|
5033
|
+
`],Qo([a({type:Boolean,reflect:!0})],at.prototype,"disabled",2),Qo([a({type:Boolean,reflect:!0})],at.prototype,"readonly",2),Qo([a({type:Boolean,reflect:!0})],at.prototype,"error",2),at=Qo([f("uui-ref")],at);var Cv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,ou=e=>{throw TypeError(e)},ti=(e,t,i,o)=>{for(var r=o>1?void 0:o?kv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Cv(t,i,r),r},Ev=(e,t,i)=>t.has(e)||ou("Cannot "+i),Pv=(e,t,i)=>t.has(e)?ou("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Et=(e,t,i)=>(Ev(e,t,"access private method"),i),Re,su,nu,Jo,au,lu,uu;let R=class extends at{constructor(){super(...arguments),Pv(this,Re),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(),x(this,"uui-icon")}renderDetail(){return l`<small id="detail"
|
|
5010
5034
|
>${this.detail}<slot name="detail"></slot
|
|
5011
5035
|
></small>`}render(){return l`
|
|
5012
|
-
${
|
|
5036
|
+
${Et(this,Re,uu).call(this)}
|
|
5013
5037
|
<!-- Select border must be right after #open-part -->
|
|
5014
5038
|
<div id="select-border"></div>
|
|
5015
5039
|
|
|
5016
5040
|
<slot></slot>
|
|
5017
5041
|
<slot name="tag"></slot>
|
|
5018
5042
|
<slot name="actions" id="actions-container"></slot>
|
|
5019
|
-
`}};
|
|
5043
|
+
`}};Re=new WeakSet,su=function(e){this._iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},nu=function(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`},Jo=function(){return l`
|
|
5020
5044
|
<span id="content">
|
|
5021
5045
|
<span id="icon">
|
|
5022
|
-
<slot name="icon" @slotchange=${
|
|
5023
|
-
${this._iconSlotHasContent===!1?
|
|
5046
|
+
<slot name="icon" @slotchange=${Et(this,Re,su)}></slot>
|
|
5047
|
+
${this._iconSlotHasContent===!1?Et(this,Re,nu).call(this):""}
|
|
5024
5048
|
</span>
|
|
5025
5049
|
<div id="info">
|
|
5026
5050
|
<div id="name">${this.name}<slot name="name"></slot></div>
|
|
5027
5051
|
${this.renderDetail()}
|
|
5028
5052
|
</div>
|
|
5029
5053
|
</span>
|
|
5030
|
-
`},
|
|
5054
|
+
`},au=function(){return l`<a
|
|
5031
5055
|
id="open-part"
|
|
5032
|
-
tabindex=${this.disabled?
|
|
5056
|
+
tabindex=${this.disabled?C:"0"}
|
|
5033
5057
|
href=${w(this.disabled?void 0:this.href)}
|
|
5034
5058
|
target=${w(this.target||void 0)}
|
|
5035
5059
|
rel=${w(this.rel||w(this.target==="_blank"?"noopener noreferrer":void 0))}>
|
|
5036
|
-
${
|
|
5037
|
-
</a>`},
|
|
5060
|
+
${Et(this,Re,Jo).call(this)}
|
|
5061
|
+
</a>`},lu=function(){return l`
|
|
5038
5062
|
<button
|
|
5039
5063
|
type="button"
|
|
5040
5064
|
id="open-part"
|
|
@@ -5042,9 +5066,9 @@
|
|
|
5042
5066
|
@click=${this.handleOpenClick}
|
|
5043
5067
|
@keydown=${this.handleOpenKeydown}
|
|
5044
5068
|
?disabled=${this.disabled}>
|
|
5045
|
-
${
|
|
5069
|
+
${Et(this,Re,Jo).call(this)}
|
|
5046
5070
|
</button>
|
|
5047
|
-
`},
|
|
5071
|
+
`},uu=function(){return this.readonly?l`${Et(this,Re,Jo).call(this)}`:this.href?Et(this,Re,au).call(this):Et(this,Re,lu).call(this)},R.styles=[...at.styles,p`
|
|
5048
5072
|
:host {
|
|
5049
5073
|
min-width: 250px;
|
|
5050
5074
|
padding: calc(var(--uui-size-2,6px) + 1px);
|
|
@@ -5108,17 +5132,17 @@
|
|
|
5108
5132
|
:host([disabled]) #detail {
|
|
5109
5133
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5110
5134
|
}
|
|
5111
|
-
`],ti([a({type:String})],R.prototype,"name",2),ti([a({type:String})],R.prototype,"detail",2),ti([a({type:String})],R.prototype,"href",2),ti([a({type:String})],R.prototype,"target",2),ti([a({type:String})],R.prototype,"rel",2),ti([m()],R.prototype,"_iconSlotHasContent",2),R=ti([f("uui-ref-node")],R);var
|
|
5135
|
+
`],ti([a({type:String})],R.prototype,"name",2),ti([a({type:String})],R.prototype,"detail",2),ti([a({type:String})],R.prototype,"href",2),ti([a({type:String})],R.prototype,"target",2),ti([a({type:String})],R.prototype,"rel",2),ti([m()],R.prototype,"_iconSlotHasContent",2),R=ti([f("uui-ref-node")],R);var Ov=Object.defineProperty,Sv=Object.getOwnPropertyDescriptor,cu=(e,t,i,o)=>{for(var r=o>1?void 0:o?Sv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Ov(t,i,r),r};let Or=class extends R{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 e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),l`<small id="detail"
|
|
5112
5136
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5113
|
-
></small>`}};
|
|
5137
|
+
></small>`}};Or.styles=[...R.styles],cu([a({type:String})],Or.prototype,"alias",2),Or=cu([f("uui-ref-node-data-type")],Or);var Iv=Object.defineProperty,Av=Object.getOwnPropertyDescriptor,hu=(e,t,i,o)=>{for(var r=o>1?void 0:o?Av(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Iv(t,i,r),r};let Sr=class extends R{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 e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),l`<small id="detail"
|
|
5114
5138
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5115
|
-
></small>`}};
|
|
5139
|
+
></small>`}};Sr.styles=[...R.styles],hu([a({type:String})],Sr.prototype,"alias",2),Sr=hu([f("uui-ref-node-document-type")],Sr);var Uv=Object.defineProperty,zv=Object.getOwnPropertyDescriptor,Dv=(e,t,i,o)=>{for(var r=o>1?void 0:o?zv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Uv(t,i,r),r};let es=class extends R{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>'}};es.styles=[...R.styles],es=Dv([f("uui-ref-node-form")],es);var Mv=Object.defineProperty,Lv=Object.getOwnPropertyDescriptor,du=(e,t,i,o)=>{for(var r=o>1?void 0:o?Lv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Mv(t,i,r),r};let Ir=class extends R{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 e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),l`<small id="detail"
|
|
5116
5140
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5117
|
-
></small>`}};
|
|
5141
|
+
></small>`}};Ir.styles=[...R.styles],du([a({type:String,attribute:"group-name"})],Ir.prototype,"groupName",2),Ir=du([f("uui-ref-node-member")],Ir);var Tv=Object.defineProperty,Vv=Object.getOwnPropertyDescriptor,Mn=(e,t,i,o)=>{for(var r=o>1?void 0:o?Vv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Tv(t,i,r),r};let Fi=class extends R{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 e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),l`<small id="detail"
|
|
5118
5142
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5119
|
-
></small>`}};
|
|
5143
|
+
></small>`}};Fi.styles=[...R.styles],Mn([a({type:String})],Fi.prototype,"version",2),Mn([a({type:String})],Fi.prototype,"author",2),Fi=Mn([f("uui-ref-node-package")],Fi);var Nv=Object.defineProperty,Hv=Object.getOwnPropertyDescriptor,pu=(e,t,i,o)=>{for(var r=o>1?void 0:o?Hv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Nv(t,i,r),r};let Ar=class extends R{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 e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),l`<small id="detail"
|
|
5120
5144
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5121
|
-
></small>`}};
|
|
5145
|
+
></small>`}};Ar.styles=[...R.styles],pu([a({type:String,attribute:"group-name"})],Ar.prototype,"groupName",2),Ar=pu([f("uui-ref-node-user")],Ar);var Bv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,fu=(e,t,i,o)=>{for(var r=o>1?void 0:o?jv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Bv(t,i,r),r};let Ur=class extends b{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Ur.styles=[p`
|
|
5122
5146
|
:host {
|
|
5123
5147
|
display: block;
|
|
5124
5148
|
scrollbar-width: thin;
|
|
@@ -5144,12 +5168,12 @@
|
|
|
5144
5168
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5145
5169
|
border-radius: 3px;
|
|
5146
5170
|
}
|
|
5147
|
-
`],
|
|
5171
|
+
`],fu([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],Ur.prototype,"enforceScroll",2),Ur=fu([f("uui-scroll-container")],Ur);class ts extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ts.CHANGE="change";var Rv=Object.defineProperty,Fv=Object.getOwnPropertyDescriptor,Ie=(e,t,i,o)=>{for(var r=o>1?void 0:o?Fv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Rv(t,i,r),r};let ce=class extends ze(b,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!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","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}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(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(i=>i.value);const t=this.options.find(i=>i.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new ts(ts.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,i,o){return l`<option
|
|
5148
5172
|
value="${t}"
|
|
5149
5173
|
?selected=${i}
|
|
5150
5174
|
?disabled=${o}>
|
|
5151
5175
|
${e}
|
|
5152
|
-
</option>`}_renderGrouped(){return this._groups.length===0?
|
|
5176
|
+
</option>`}_renderGrouped(){return this._groups.length===0?C:l`
|
|
5153
5177
|
${this._groups.map(e=>l`<optgroup
|
|
5154
5178
|
label=${e}
|
|
5155
5179
|
?disabled=${this._disabledGroups.some(t=>t.toLowerCase()===e.toLowerCase())}>
|
|
@@ -5235,7 +5259,7 @@
|
|
|
5235
5259
|
:host([error]) #native[disabled] {
|
|
5236
5260
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5237
5261
|
}
|
|
5238
|
-
`],Ie([a({type:String})],ce.prototype,"label",2),Ie([a()],ce.prototype,"placeholder",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"readonly",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"error",2),Ie([a({type:Array,attribute:!1})],ce.prototype,"options",2),Ie([m()],ce.prototype,"_groups",2),Ie([a()],ce.prototype,"disabledGroups",2),Ie([m()],ce.prototype,"_disabledGroups",2),Ie([S("#native")],ce.prototype,"_input",2),ce=Ie([f("uui-select")],ce);const
|
|
5262
|
+
`],Ie([a({type:String})],ce.prototype,"label",2),Ie([a()],ce.prototype,"placeholder",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"readonly",2),Ie([a({type:Boolean,reflect:!0})],ce.prototype,"error",2),Ie([a({type:Array,attribute:!1})],ce.prototype,"options",2),Ie([m()],ce.prototype,"_groups",2),Ie([a()],ce.prototype,"disabledGroups",2),Ie([m()],ce.prototype,"_disabledGroups",2),Ie([S("#native")],ce.prototype,"_input",2),ce=Ie([f("uui-select")],ce);const Wv=p`
|
|
5239
5263
|
input[type='range'] {
|
|
5240
5264
|
left: 0;
|
|
5241
5265
|
position: absolute;
|
|
@@ -5342,15 +5366,15 @@
|
|
|
5342
5366
|
input[type='range']:focus::-ms-fill-upper {
|
|
5343
5367
|
background: transparent;
|
|
5344
5368
|
}
|
|
5345
|
-
`;class ii extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ii.INPUT="input",ii.CHANGE="change";var
|
|
5346
|
-
${e.map(i=>{if(t>=
|
|
5347
|
-
`,
|
|
5369
|
+
`;class ii extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}ii.INPUT="input",ii.CHANGE="change";var Gv=Object.defineProperty,qv=Object.getOwnPropertyDescriptor,vu=e=>{throw TypeError(e)},re=(e,t,i,o)=>{for(var r=o>1?void 0:o?qv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Gv(t,i,r),r},bu=(e,t,i)=>t.has(e)||vu("Cannot "+i),gu=(e,t,i)=>(bu(e,t,"read from private field"),i?i.call(e):t.get(e)),mu=(e,t,i)=>t.has(e)?vu("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),_u=(e,t,i,o)=>(bu(e,t,"write to private field"),t.set(e,i),i),is,rs;const zr=12,yu=24,Kv=(e,t)=>y`
|
|
5370
|
+
${e.map(i=>{if(t>=yu){const o=Math.round(zr+t*e.indexOf(i));return y`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return y``})}
|
|
5371
|
+
`,Yv=(e,t,i)=>i?C:l`<div id="step-values">
|
|
5348
5372
|
${e.map(o=>l` <span
|
|
5349
5373
|
><span>
|
|
5350
|
-
${e.length<=20&&t>=
|
|
5374
|
+
${e.length<=20&&t>=yu?o.toFixed(0):C}
|
|
5351
5375
|
</span></span
|
|
5352
5376
|
>`)}
|
|
5353
|
-
</div>`,
|
|
5377
|
+
</div>`,Xv=(e,t,i)=>Array.from({length:(t-e)/i+1},(o,r)=>e+r*i);let K=class extends ze(b,""){constructor(){super(),mu(this,is,0),this.hideStepValues=!1,this.hideValueLabel=!1,this.min=0,this.max=100,mu(this,rs,1),this.disabled=!1,this.readonly=!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 step(){return gu(this,rs)}set step(e){_u(this,rs,e),_u(this,is,(e.toString().split(".")[1]||[]).length)}get value(){return super.value}set value(e){if(e instanceof File)return;const t=super.value;let i=e?parseFloat(e):0;i=Math.min(Math.max(i,this.min),this.max),this.step>0&&(i=Math.round(i/this.step)*this.step),super.value=i.toFixed(gu(this,is)).toString(),this._calculateSliderPosition(),this.requestUpdate("value",t)}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}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(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=Xv(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-zr*2)/(this._steps.length-1)}_onKeypress(e){e.key=="Enter"&&this.submit()}_calculateSliderPosition(){const e=(parseFloat(super.value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new ii(ii.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new ii(ii.CHANGE))}render(){return l`
|
|
5354
5378
|
<input
|
|
5355
5379
|
id="input"
|
|
5356
5380
|
type="range"
|
|
@@ -5366,7 +5390,7 @@
|
|
|
5366
5390
|
<div id="track" aria-hidden="true">
|
|
5367
5391
|
<svg height="100%" width="100%">
|
|
5368
5392
|
<rect x="9" y="9" height="3" rx="2" />
|
|
5369
|
-
${
|
|
5393
|
+
${Kv(this._steps,this._stepWidth)}
|
|
5370
5394
|
</svg>
|
|
5371
5395
|
|
|
5372
5396
|
<div id="track-inner" aria-hidden="true">
|
|
@@ -5375,8 +5399,8 @@
|
|
|
5375
5399
|
</div>
|
|
5376
5400
|
</div>
|
|
5377
5401
|
</div>
|
|
5378
|
-
${
|
|
5379
|
-
`}};
|
|
5402
|
+
${Yv(this._steps,this._stepWidth,this.hideStepValues)}
|
|
5403
|
+
`}};is=new WeakMap,rs=new WeakMap,K.formAssociated=!0,K.styles=[$h,Wv,p`
|
|
5380
5404
|
:host {
|
|
5381
5405
|
display: inline-block;
|
|
5382
5406
|
width: 100%;
|
|
@@ -5410,7 +5434,7 @@
|
|
|
5410
5434
|
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
5411
5435
|
}
|
|
5412
5436
|
|
|
5413
|
-
input:focus ~ #track
|
|
5437
|
+
input:focus ~ #track #thumb {
|
|
5414
5438
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
5415
5439
|
var(--uui-color-focus,#3879ff);
|
|
5416
5440
|
}
|
|
@@ -5425,8 +5449,8 @@
|
|
|
5425
5449
|
|
|
5426
5450
|
#track-inner {
|
|
5427
5451
|
position: absolute;
|
|
5428
|
-
left: ${
|
|
5429
|
-
right: ${
|
|
5452
|
+
left: ${zr}px; /* Match TRACK_MARGIN */
|
|
5453
|
+
right: ${zr}px; /* Match TRACK_MARGIN */
|
|
5430
5454
|
}
|
|
5431
5455
|
|
|
5432
5456
|
#thumb {
|
|
@@ -5484,7 +5508,7 @@
|
|
|
5484
5508
|
}
|
|
5485
5509
|
|
|
5486
5510
|
#step-values {
|
|
5487
|
-
margin: 0 ${
|
|
5511
|
+
margin: 0 ${zr}px; /* Match TRACK_MARGIN */
|
|
5488
5512
|
margin-top: 6px;
|
|
5489
5513
|
display: flex;
|
|
5490
5514
|
align-items: flex-end;
|
|
@@ -5525,7 +5549,7 @@
|
|
|
5525
5549
|
:host([readonly]) #thumb-label {
|
|
5526
5550
|
opacity: 1;
|
|
5527
5551
|
}
|
|
5528
|
-
`],re([a({type:Boolean,attribute:"hide-step-values"})],K.prototype,"hideStepValues",2),re([a({type:Boolean,attribute:"hide-value-label"})],K.prototype,"hideValueLabel",2),re([a({type:Number})],K.prototype,"min",2),re([a({type:Number})],K.prototype,"max",2),re([a({type:Number})],K.prototype,"step",1),re([a({type:String})],K.prototype,"value",1),re([a({type:Boolean,reflect:!0})],K.prototype,"disabled",2),re([a({type:Boolean,reflect:!0})],K.prototype,"readonly",2),re([a({type:String})],K.prototype,"label",2),re([S("#input")],K.prototype,"_input",2),re([S("#track")],K.prototype,"_track",2),re([m()],K.prototype,"_stepWidth",2),re([m()],K.prototype,"_steps",2),re([m()],K.prototype,"_sliderPosition",2),K=re([f("uui-slider")],K);var
|
|
5552
|
+
`],re([a({type:Boolean,attribute:"hide-step-values"})],K.prototype,"hideStepValues",2),re([a({type:Boolean,attribute:"hide-value-label"})],K.prototype,"hideValueLabel",2),re([a({type:Number})],K.prototype,"min",2),re([a({type:Number})],K.prototype,"max",2),re([a({type:Number})],K.prototype,"step",1),re([a({type:String})],K.prototype,"value",1),re([a({type:Boolean,reflect:!0})],K.prototype,"disabled",2),re([a({type:Boolean,reflect:!0})],K.prototype,"readonly",2),re([a({type:String})],K.prototype,"label",2),re([S("#input")],K.prototype,"_input",2),re([S("#track")],K.prototype,"_track",2),re([m()],K.prototype,"_stepWidth",2),re([m()],K.prototype,"_steps",2),re([m()],K.prototype,"_sliderPosition",2),K=re([f("uui-slider")],K);var Zv=Object.defineProperty,Qv=Object.getOwnPropertyDescriptor,wu=(e,t,i,o)=>{for(var r=o>1?void 0:o?Qv(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Zv(t,i,r),r};let Dr=class extends b{constructor(){super(...arguments),this.open=!1}render(){return l`<svg
|
|
5529
5553
|
xmlns="http://www.w3.org/2000/svg"
|
|
5530
5554
|
viewBox="0 0 24 24"
|
|
5531
5555
|
fill="none"
|
|
@@ -5534,7 +5558,7 @@
|
|
|
5534
5558
|
stroke-linecap="round"
|
|
5535
5559
|
stroke-linejoin="round">
|
|
5536
5560
|
<path d="m4 9 8 8 8-8"></path>
|
|
5537
|
-
</svg>`}};
|
|
5561
|
+
</svg>`}};Dr.styles=[p`
|
|
5538
5562
|
:host {
|
|
5539
5563
|
display: inline-block;
|
|
5540
5564
|
width: 12px;
|
|
@@ -5552,9 +5576,9 @@
|
|
|
5552
5576
|
:host([open]) svg {
|
|
5553
5577
|
transform: rotate(0deg);
|
|
5554
5578
|
}
|
|
5555
|
-
`],
|
|
5579
|
+
`],wu([a({type:Boolean,reflect:!0})],Dr.prototype,"open",2),Dr=wu([f("uui-symbol-expand")],Dr);var Jv=Object.defineProperty,eb=Object.getOwnPropertyDescriptor,Ln=(e,t,i,o)=>{for(var r=o>1?void 0:o?eb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Jv(t,i,r),r};let Wi=class extends b{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),x(this,"uui-icon")}render(){return this.src?l`<img src=${this.src} alt=${this.alt} />`:l`<uui-icon
|
|
5556
5580
|
name="picture"
|
|
5557
|
-
.fallback=${
|
|
5581
|
+
.fallback=${Dh.strings[0]}></uui-icon>`}};Wi.styles=[p`
|
|
5558
5582
|
:host {
|
|
5559
5583
|
display: block;
|
|
5560
5584
|
width: 100%;
|
|
@@ -5577,7 +5601,7 @@
|
|
|
5577
5601
|
color: var(--uui-color-surface,#fff);
|
|
5578
5602
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
5579
5603
|
}
|
|
5580
|
-
`],
|
|
5604
|
+
`],Ln([a({type:String})],Wi.prototype,"src",2),Ln([a({type:String})],Wi.prototype,"alt",2),Wi=Ln([f("uui-symbol-file-thumbnail")],Wi);var tb=Object.defineProperty,ib=Object.getOwnPropertyDescriptor,xu=(e,t,i,o)=>{for(var r=o>1?void 0:o?ib(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&tb(t,i,r),r};let Mr=class extends b{constructor(){super(...arguments),this.type=""}render(){return l`<svg
|
|
5581
5605
|
xmlns="http://www.w3.org/2000/svg"
|
|
5582
5606
|
viewBox="0 0 512 512"
|
|
5583
5607
|
width="100%"
|
|
@@ -5585,7 +5609,7 @@
|
|
|
5585
5609
|
<path
|
|
5586
5610
|
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" />
|
|
5587
5611
|
</svg>
|
|
5588
|
-
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};
|
|
5612
|
+
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};Mr.styles=[p`
|
|
5589
5613
|
:host {
|
|
5590
5614
|
position: relative;
|
|
5591
5615
|
display: block;
|
|
@@ -5608,14 +5632,14 @@
|
|
|
5608
5632
|
#icon {
|
|
5609
5633
|
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
5610
5634
|
}
|
|
5611
|
-
`],
|
|
5635
|
+
`],xu([a({type:String})],Mr.prototype,"type",2),Mr=xu([f("uui-symbol-file")],Mr);var rb=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,sb=(e,t,i,o)=>{for(var r=o>1?void 0:o?ob(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&rb(t,i,r),r};let os=class extends b{render(){return l`<svg
|
|
5612
5636
|
xmlns="http://www.w3.org/2000/svg"
|
|
5613
5637
|
viewBox="0 0 512 512"
|
|
5614
5638
|
width="100%"
|
|
5615
5639
|
id="icon">
|
|
5616
5640
|
<path
|
|
5617
5641
|
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" />
|
|
5618
|
-
</svg> `}};
|
|
5642
|
+
</svg> `}};os.styles=[p`
|
|
5619
5643
|
:host {
|
|
5620
5644
|
display: block;
|
|
5621
5645
|
box-sizing: border-box;
|
|
@@ -5626,9 +5650,9 @@
|
|
|
5626
5650
|
#icon {
|
|
5627
5651
|
fill: var(--uui-color-border,#d8d7d9);
|
|
5628
5652
|
}
|
|
5629
|
-
`],
|
|
5653
|
+
`],os=sb([f("uui-symbol-folder")],os);var nb=Object.defineProperty,ab=Object.getOwnPropertyDescriptor,$u=(e,t,i,o)=>{for(var r=o>1?void 0:o?ab(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&nb(t,i,r),r};let Lr=class extends b{constructor(){super(...arguments),this.open=!1}render(){return y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5630
5654
|
${this.open===!0?y`<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>`:y`<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>`}
|
|
5631
|
-
</svg>`}};
|
|
5655
|
+
</svg>`}};Lr.styles=[p`
|
|
5632
5656
|
:host {
|
|
5633
5657
|
display: inline-block;
|
|
5634
5658
|
vertical-align: middle;
|
|
@@ -5638,18 +5662,18 @@
|
|
|
5638
5662
|
svg {
|
|
5639
5663
|
fill: currentColor;
|
|
5640
5664
|
}
|
|
5641
|
-
`]
|
|
5665
|
+
`],$u([a({type:Boolean,reflect:!0})],Lr.prototype,"open",2),Lr=$u([f("uui-symbol-lock")],Lr);var lb=Object.defineProperty,ub=Object.getOwnPropertyDescriptor,cb=(e,t,i,o)=>{for(var r=o>1?void 0:o?ub(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&lb(t,i,r),r};let ss=class extends b{render(){return y`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
5642
5666
|
<circle cx="17" cy="50" r="9"></circle>
|
|
5643
5667
|
<circle cx="50" cy="50" r="9"></circle>
|
|
5644
5668
|
<circle cx="83" cy="50" r="9"></circle>
|
|
5645
|
-
</svg>`}};
|
|
5669
|
+
</svg>`}};ss.styles=[p`
|
|
5646
5670
|
:host {
|
|
5647
5671
|
display: inline-block;
|
|
5648
5672
|
vertical-align: bottom;
|
|
5649
5673
|
width: 1.15em;
|
|
5650
5674
|
height: 1.15em;
|
|
5651
5675
|
}
|
|
5652
|
-
`],
|
|
5676
|
+
`],ss=cb([f("uui-symbol-more")],ss);var hb=Object.defineProperty,db=Object.getOwnPropertyDescriptor,Cu=(e,t,i,o)=>{for(var r=o>1?void 0:o?db(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&hb(t,i,r),r};let Tr=class extends nr(b){constructor(){super(...arguments),this.descending=!1}render(){return l` <svg
|
|
5653
5677
|
id="up"
|
|
5654
5678
|
xmlns="http://www.w3.org/2000/svg"
|
|
5655
5679
|
width="24"
|
|
@@ -5674,7 +5698,7 @@
|
|
|
5674
5698
|
stroke-linecap="round"
|
|
5675
5699
|
stroke-linejoin="round">
|
|
5676
5700
|
<path d="m4 9 8 8 8-8"></path>
|
|
5677
|
-
</svg>`}};
|
|
5701
|
+
</svg>`}};Tr.styles=[p`
|
|
5678
5702
|
:host {
|
|
5679
5703
|
position: relative;
|
|
5680
5704
|
display: inline-block;
|
|
@@ -5733,7 +5757,7 @@
|
|
|
5733
5757
|
:host([active][descending]) #down {
|
|
5734
5758
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
5735
5759
|
}
|
|
5736
|
-
`],
|
|
5760
|
+
`],Cu([a({type:Boolean,reflect:!0})],Tr.prototype,"descending",2),Tr=Cu([f("uui-symbol-sort")],Tr);var pb=Object.defineProperty,fb=Object.getOwnPropertyDescriptor,vb=(e,t,i,o)=>{for(var r=o>1?void 0:o?fb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&pb(t,i,r),r};let ns=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};ns.styles=[p`
|
|
5737
5761
|
:host {
|
|
5738
5762
|
display: table;
|
|
5739
5763
|
width: 100%;
|
|
@@ -5741,7 +5765,7 @@
|
|
|
5741
5765
|
background-color: var(--uui-color-surface,#fff);
|
|
5742
5766
|
cursor: default;
|
|
5743
5767
|
}
|
|
5744
|
-
`],
|
|
5768
|
+
`],ns=vb([f("uui-table")],ns);var bb=Object.defineProperty,gb=Object.getOwnPropertyDescriptor,as=(e,t,i,o)=>{for(var r=o>1?void 0:o?gb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&bb(t,i,r),r};let Fe=class extends b{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(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l` <slot @slotchange=${this._detectOverflow}></slot>`}};Fe.styles=[p`
|
|
5745
5769
|
:host {
|
|
5746
5770
|
position: relative;
|
|
5747
5771
|
display: table-cell;
|
|
@@ -5775,20 +5799,20 @@
|
|
|
5775
5799
|
:host([no-padding]) {
|
|
5776
5800
|
padding: 0;
|
|
5777
5801
|
}
|
|
5778
|
-
`],
|
|
5802
|
+
`],as([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],Fe.prototype,"disableChildInteraction",2),as([a({type:Boolean,reflect:!0,attribute:"no-padding"})],Fe.prototype,"noPadding",2),as([a({type:Boolean,reflect:!0,attribute:"clip-text"})],Fe.prototype,"clipText",2),Fe=as([f("uui-table-cell")],Fe);var mb=Object.defineProperty,_b=Object.getOwnPropertyDescriptor,yb=(e,t,i,o)=>{for(var r=o>1?void 0:o?_b(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&mb(t,i,r),r};let ls=class extends b{};ls.styles=[p`
|
|
5779
5803
|
:host {
|
|
5780
5804
|
display: table-column;
|
|
5781
5805
|
}
|
|
5782
|
-
`],
|
|
5806
|
+
`],ls=yb([f("uui-table-column")],ls);var wb=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,$b=(e,t,i,o)=>{for(var r=o>1?void 0:o?xb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&wb(t,i,r),r};let us=class extends Fe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};us.styles=[...Fe.styles,p`
|
|
5783
5807
|
:host {
|
|
5784
5808
|
border-top: none;
|
|
5785
5809
|
}
|
|
5786
|
-
`],
|
|
5810
|
+
`],us=$b([f("uui-table-head-cell")],us);var Cb=Object.defineProperty,kb=Object.getOwnPropertyDescriptor,Eb=(e,t,i,o)=>{for(var r=o>1?void 0:o?kb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Cb(t,i,r),r};let cs=class extends b{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};cs.styles=[p`
|
|
5787
5811
|
:host {
|
|
5788
5812
|
display: table-header-group;
|
|
5789
5813
|
font-weight: bold;
|
|
5790
5814
|
}
|
|
5791
|
-
`],
|
|
5815
|
+
`],cs=Eb([f("uui-table-head")],cs);var Pb=Object.defineProperty,Ob=Object.getOwnPropertyDescriptor,ku=(e,t,i,o)=>{for(var r=o>1?void 0:o?Ob(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Pb(t,i,r),r};let Vr=class extends so(ui(b)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{this.elementIsTableCell(e)&&(e.disableChildInteraction=this.selectOnly)})}elementIsTableCell(e){return e instanceof Fe}render(){return l` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}};Vr.styles=[p`
|
|
5792
5816
|
:host {
|
|
5793
5817
|
display: table-row;
|
|
5794
5818
|
position: relative;
|
|
@@ -5810,7 +5834,7 @@
|
|
|
5810
5834
|
:host([selected]:focus) {
|
|
5811
5835
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
5812
5836
|
}
|
|
5813
|
-
`],
|
|
5837
|
+
`],ku([ft({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],Vr.prototype,"slotCellNodes",2),Vr=ku([f("uui-table-row")],Vr);var Sb=Object.defineProperty,Ib=Object.getOwnPropertyDescriptor,Gi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Ib(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Sb(t,i,r),r};let lt=class extends nr(Ue("",b)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?l`
|
|
5814
5838
|
<a
|
|
5815
5839
|
id="button"
|
|
5816
5840
|
href=${w(this.disabled?void 0:this.href)}
|
|
@@ -5831,7 +5855,7 @@
|
|
|
5831
5855
|
${this.renderLabel()}
|
|
5832
5856
|
<slot name="extra"></slot>
|
|
5833
5857
|
</button>
|
|
5834
|
-
`}};
|
|
5858
|
+
`}};lt.styles=[p`
|
|
5835
5859
|
:host {
|
|
5836
5860
|
color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
|
|
5837
5861
|
font-family: inherit;
|
|
@@ -5953,10 +5977,10 @@
|
|
|
5953
5977
|
:host([orientation='vertical']) slot.label {
|
|
5954
5978
|
text-align: left;
|
|
5955
5979
|
}
|
|
5956
|
-
`],
|
|
5980
|
+
`],Gi([a({type:Boolean,reflect:!0})],lt.prototype,"disabled",2),Gi([a({type:String})],lt.prototype,"href",2),Gi([a({type:String})],lt.prototype,"target",2),Gi([a({type:String})],lt.prototype,"rel",2),Gi([a({type:String,reflect:!0})],lt.prototype,"orientation",2),lt=Gi([f("uui-tab")],lt);var Ab=Object.defineProperty,Ub=Object.getOwnPropertyDescriptor,Eu=e=>{throw TypeError(e)},qi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Ub(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Ab(t,i,r),r},Tn=(e,t,i)=>t.has(e)||Eu("Cannot "+i),O=(e,t,i)=>(Tn(e,t,"read from private field"),i?i.call(e):t.get(e)),We=(e,t,i)=>t.has(e)?Eu("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,i),Nr=(e,t,i,o)=>(Tn(e,t,"write to private field"),t.set(e,i),i),be=(e,t,i)=>(Tn(e,t,"access private method"),i),hs,Ge,ut,Ki,Yi,ds,Hr,Br,oe,Pu,Ou,Vn,Su,Xi,ps,Iu,Nn,Hn;let ct=class extends b{constructor(){super(...arguments),We(this,oe),We(this,hs,0),this.dropdownContentDirection="vertical",We(this,Ge,[]),We(this,ut,[]),We(this,Ki,new Map),We(this,Yi,[]),We(this,ds,new ResizeObserver(be(this,oe,Ou).bind(this))),We(this,Hr,[]),We(this,Br,!1),We(this,Xi,e=>{const t=e.currentTarget;if(be(this,oe,Hn).call(this,t)){t.active=!0;const i=O(this,Ki).get(t);i&&(i.active=!0),[...O(this,Ge),...O(this,ut)].filter(s=>s!==t&&s!==i).forEach(s=>{be(this,oe,Hn).call(this,s)&&(s.active=!1)}),O(this,ut).some(s=>s.active&&s!==i)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),be(this,oe,Pu).call(this)}disconnectedCallback(){super.disconnectedCallback(),O(this,ds).unobserve(this),be(this,oe,Vn).call(this)}render(){return l`
|
|
5957
5981
|
<div id="main">
|
|
5958
5982
|
<div id="grid">
|
|
5959
|
-
<slot @slotchange=${
|
|
5983
|
+
<slot @slotchange=${be(this,oe,Su)}></slot>
|
|
5960
5984
|
</div>
|
|
5961
5985
|
<uui-button
|
|
5962
5986
|
popovertarget="popover-container"
|
|
@@ -5972,10 +5996,10 @@
|
|
|
5972
5996
|
popover
|
|
5973
5997
|
placement="bottom-end">
|
|
5974
5998
|
<div id="hidden-tabs-container">
|
|
5975
|
-
${
|
|
5999
|
+
${tn(O(this,ut),e=>l`${e}`)}
|
|
5976
6000
|
</div>
|
|
5977
6001
|
</uui-popover-container>
|
|
5978
|
-
`}};
|
|
6002
|
+
`}};hs=new WeakMap,Ge=new WeakMap,ut=new WeakMap,Ki=new WeakMap,Yi=new WeakMap,ds=new WeakMap,Hr=new WeakMap,Br=new WeakMap,oe=new WeakSet,Pu=async function(){x(this,"uui-button"),x(this,"uui-popover-container"),x(this,"uui-symbol-more"),this.hasAttribute("role")||this.setAttribute("role","tablist"),await this.updateComplete,O(this,ds).observe(this._mainElement)},Ou=function(e){const t=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(t)?0:t)!==O(this,hs)?be(this,oe,ps).call(this):be(this,oe,Nn).call(this,e[0].contentBoxSize[0].inlineSize)},Vn=function(){O(this,Ge).forEach(e=>{e.removeEventListener("click",O(this,Xi)),O(this,Hr).forEach(t=>t.disconnect())}),O(this,Hr).length=0,O(this,Yi).length=0},Su=function(){be(this,oe,Vn).call(this),be(this,oe,Iu).call(this),O(this,Ge).forEach(e=>{e.addEventListener("click",O(this,Xi));const t=new ResizeObserver(be(this,oe,ps).bind(this));t.observe(e),O(this,Hr).push(t)})},Xi=new WeakMap,ps=async function(){if(O(this,Br))return;Nr(this,Br,!0),requestAnimationFrame(()=>{Nr(this,Br,!1)}),await this.updateComplete;const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),t=Number.isNaN(e)?0:e;Nr(this,hs,t);let i=0;for(let r=0;r<O(this,Ge).length;r++)O(this,Ge)[r].style.display="",i+=O(this,Ge)[r].offsetWidth,O(this,Yi)[r]=i,i+=t;const o=2;this._mainElement.style.width=i-t+o+"px",be(this,oe,Nn).call(this,this._mainElement.offsetWidth)},Iu=function(){Nr(this,Ge,this._slottedNodes?this._slottedNodes:[]),be(this,oe,ps).call(this)},Nn=function(e){const t=this._moreButtonElement.offsetWidth,i=e-(t||0);O(this,ut).forEach(s=>{s.removeEventListener("click",O(this,Xi))}),Nr(this,ut,[]),O(this,Ki).clear();let o=!1;const r=O(this,Yi).length;for(let s=0;s<r;s++){const n=O(this,Yi)[s],u=O(this,Ge)[s];if(n<=(s===r-1?e:i))u.style.display="";else{const c=u.cloneNode(!0);c.addEventListener("click",O(this,Xi)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,O(this,Ki).set(c,u),O(this,Ki).set(u,c),O(this,ut).push(c),u.style.display="none",u.active&&(o=!0)}}O(this,ut).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",o?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},Hn=function(e){return typeof e=="object"&&"active"in e&&typeof e.active=="boolean"},ct.styles=[p`
|
|
5979
6003
|
:host {
|
|
5980
6004
|
min-width: 0;
|
|
5981
6005
|
display: flex;
|
|
@@ -6063,7 +6087,7 @@
|
|
|
6063
6087
|
opacity 120ms,
|
|
6064
6088
|
height ease-out 120ms;
|
|
6065
6089
|
}
|
|
6066
|
-
`],
|
|
6090
|
+
`],qi([S("#more-button")],ct.prototype,"_moreButtonElement",2),qi([S("#popover-container")],ct.prototype,"_popoverContainerElement",2),qi([S("#main")],ct.prototype,"_mainElement",2),qi([ft({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],ct.prototype,"_slottedNodes",2),qi([a({type:String,reflect:!0,attribute:"dropdown-content-direction"})],ct.prototype,"dropdownContentDirection",2),ct=qi([f("uui-tab-group")],ct);class zb extends U{}class Db extends U{}var Mb=Object.defineProperty,Lb=Object.getOwnPropertyDescriptor,Bn=(e,t,i,o)=>{for(var r=o>1?void 0:o?Lb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Mb(t,i,r),r};let Zi=class extends b{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};Zi.styles=[p`
|
|
6067
6091
|
:host {
|
|
6068
6092
|
display: inline-block;
|
|
6069
6093
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -6133,7 +6157,7 @@
|
|
|
6133
6157
|
color: var(--color-standalone);
|
|
6134
6158
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6135
6159
|
}
|
|
6136
|
-
`],
|
|
6160
|
+
`],Bn([a({reflect:!0})],Zi.prototype,"color",2),Bn([a({reflect:!0})],Zi.prototype,"look",2),Zi=Bn([f("uui-tag")],Zi);class jr extends U{constructor(t,i={}){super(t,{bubbles:!0,...i})}}jr.CHANGE="change",jr.INPUT="input";var Tb=Object.defineProperty,Vb=Object.getOwnPropertyDescriptor,ie=(e,t,i,o)=>{for(var r=o>1?void 0:o?Vb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Tb(t,i,r),r};let G=class extends ze(b,""){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),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}async focus(){await this.updateComplete,this._textarea.focus()}async blur(){await this.updateComplete,this._textarea.blur()}async click(){await this.updateComplete,this._textarea.click()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new jr(jr.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,i=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=i}render(){return l`
|
|
6137
6161
|
<textarea
|
|
6138
6162
|
id="textarea"
|
|
6139
6163
|
rows=${w(this.rows)}
|
|
@@ -6229,7 +6253,7 @@
|
|
|
6229
6253
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
6230
6254
|
var(--uui-color-focus,#3879ff);
|
|
6231
6255
|
}
|
|
6232
|
-
`],ie([a()],G.prototype,"placeholder",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"readonly",2),ie([a({type:String})],G.prototype,"name",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"error",2),ie([a({type:Number})],G.prototype,"minlength",2),ie([a({type:String,attribute:"minlength-message"})],G.prototype,"minlengthMessage",2),ie([a({type:Number})],G.prototype,"maxlength",2),ie([a({type:String,attribute:"maxlength-message"})],G.prototype,"maxlengthMessage",2),ie([S("#textarea")],G.prototype,"_textarea",2),ie([a({type:Boolean,attribute:"auto-height",reflect:!0})],G.prototype,"autoHeight",2),ie([a({type:String})],G.prototype,"label",2),ie([a({type:Number})],G.prototype,"rows",2),ie([a({type:Number})],G.prototype,"cols",2),ie([a({type:String})],G.prototype,"wrap",2),G=ie([f("uui-textarea")],G);class se extends U{}se.OPENING="opening",se.OPENED="opened",se.CLOSING="closing",se.CLOSED="closed";var
|
|
6256
|
+
`],ie([a()],G.prototype,"placeholder",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"readonly",2),ie([a({type:String})],G.prototype,"name",2),ie([a({type:Boolean,reflect:!0})],G.prototype,"error",2),ie([a({type:Number})],G.prototype,"minlength",2),ie([a({type:String,attribute:"minlength-message"})],G.prototype,"minlengthMessage",2),ie([a({type:Number})],G.prototype,"maxlength",2),ie([a({type:String,attribute:"maxlength-message"})],G.prototype,"maxlengthMessage",2),ie([S("#textarea")],G.prototype,"_textarea",2),ie([a({type:Boolean,attribute:"auto-height",reflect:!0})],G.prototype,"autoHeight",2),ie([a({type:String})],G.prototype,"label",2),ie([a({type:Number})],G.prototype,"rows",2),ie([a({type:Number})],G.prototype,"cols",2),ie([a({type:String})],G.prototype,"wrap",2),G=ie([f("uui-textarea")],G);class se extends U{}se.OPENING="opening",se.OPENED="opened",se.CLOSING="closing",se.CLOSED="closed";var Nb=Object.defineProperty,Hb=Object.getOwnPropertyDescriptor,Qi=(e,t,i,o)=>{for(var r=o>1?void 0:o?Hb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Nb(t,i,r),r};let ht=class extends b{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",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,e!==null?(this._timer===null?this._timer=new Sh(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.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(e){e===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),x(this,"uui-button"),x(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 se(se.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new se(se.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const e=new se(se.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,this._timer?.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 se(se.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
|
|
6233
6257
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
6234
6258
|
<div>
|
|
6235
6259
|
<div id="close">
|
|
@@ -6240,13 +6264,13 @@
|
|
|
6240
6264
|
@click=${()=>this.open=!1}>
|
|
6241
6265
|
<uui-icon
|
|
6242
6266
|
name="remove"
|
|
6243
|
-
.fallback=${
|
|
6267
|
+
.fallback=${zs.strings[0]}></uui-icon>
|
|
6244
6268
|
</uui-button>
|
|
6245
6269
|
</div>
|
|
6246
6270
|
<slot></slot>
|
|
6247
6271
|
</div>
|
|
6248
6272
|
</div>
|
|
6249
|
-
`}};
|
|
6273
|
+
`}};ht.styles=[eo,p`
|
|
6250
6274
|
:host {
|
|
6251
6275
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
6252
6276
|
|
|
@@ -6342,7 +6366,7 @@
|
|
|
6342
6366
|
color: var(--uui-color-danger-contrast,white);
|
|
6343
6367
|
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
6344
6368
|
}
|
|
6345
|
-
`],
|
|
6369
|
+
`],Qi([a({reflect:!0})],ht.prototype,"color",2),Qi([a({type:Number})],ht.prototype,"autoClose",1),Qi([S("#toast")],ht.prototype,"_toastEl",2),Qi([m()],ht.prototype,"_animate",2),Qi([a({type:Boolean,reflect:!0})],ht.prototype,"open",1),ht=Qi([f("uui-toast-notification")],ht);var Bb=Object.defineProperty,jb=Object.getOwnPropertyDescriptor,Au=(e,t,i,o)=>{for(var r=o>1?void 0:o?jb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Bb(t,i,r),r};let Rr=class extends b{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(se.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(se.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,this._toasts?.forEach(t=>t.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return l` <slot @slotchange=${this.onSlotChanged}></slot> `}};Rr.styles=[p`
|
|
6346
6370
|
:host {
|
|
6347
6371
|
position: absolute;
|
|
6348
6372
|
overflow: hidden;
|
|
@@ -6370,7 +6394,7 @@
|
|
|
6370
6394
|
:host([left-align]) slot {
|
|
6371
6395
|
align-items: start;
|
|
6372
6396
|
}
|
|
6373
|
-
`],
|
|
6397
|
+
`],Au([a({type:Number,reflect:!0,attribute:"auto-close"})],Rr.prototype,"_autoClose",2),Rr=Au([f("uui-toast-notification-container")],Rr);var Rb=Object.defineProperty,Fb=Object.getOwnPropertyDescriptor,jn=(e,t,i,o)=>{for(var r=o>1?void 0:o?Fb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Rb(t,i,r),r};let Ji=class extends b{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return l`
|
|
6374
6398
|
<div id="message" class="uui-text">
|
|
6375
6399
|
<h5
|
|
6376
6400
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -6380,7 +6404,7 @@
|
|
|
6380
6404
|
<slot></slot>
|
|
6381
6405
|
<slot id="actions" name="actions"></slot>
|
|
6382
6406
|
</div>
|
|
6383
|
-
`}};
|
|
6407
|
+
`}};Ji.styles=[eo,p`
|
|
6384
6408
|
#message {
|
|
6385
6409
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
6386
6410
|
}
|
|
@@ -6401,12 +6425,12 @@
|
|
|
6401
6425
|
margin-top: var(--uui-size-space-4,12px);
|
|
6402
6426
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
6403
6427
|
}
|
|
6404
|
-
`],
|
|
6428
|
+
`],jn([a({type:String})],Ji.prototype,"headline",2),jn([m()],Ji.prototype,"_headlineSlotHasContent",2),Ji=jn([f("uui-toast-notification-layout")],Ji);var Wb=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,qb=(e,t,i,o)=>{for(var r=o>1?void 0:o?Gb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Wb(t,i,r),r};let Fr=class extends ge{constructor(){super("switch")}renderCheckbox(){return l`
|
|
6405
6429
|
<div id="slider">
|
|
6406
|
-
<div id="icon-checked">${
|
|
6407
|
-
<div id="icon-unchecked">${
|
|
6430
|
+
<div id="icon-checked">${po}</div>
|
|
6431
|
+
<div id="icon-unchecked">${zs}</div>
|
|
6408
6432
|
</div>
|
|
6409
|
-
`}};
|
|
6433
|
+
`}};Fr.formAssociated=!0,Fr.styles=[...ge.styles,lo,p`
|
|
6410
6434
|
:host {
|
|
6411
6435
|
--uui-toggle-size: 18px;
|
|
6412
6436
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -6537,7 +6561,7 @@
|
|
|
6537
6561
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
6538
6562
|
}
|
|
6539
6563
|
:host([disabled]) label:active #slider {
|
|
6540
|
-
animation: ${
|
|
6564
|
+
animation: ${uo};
|
|
6541
6565
|
}
|
|
6542
6566
|
:host([disabled]) input:checked #slider #icon-checked {
|
|
6543
6567
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
@@ -6550,7 +6574,7 @@
|
|
|
6550
6574
|
:host(:not([pristine])[internals-invalid]) label:hover #slider {
|
|
6551
6575
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
6552
6576
|
}
|
|
6553
|
-
`],
|
|
6577
|
+
`],Fr=qb([f("uui-toggle")],Fr);var Kb=Object.defineProperty,Yb=Object.getOwnPropertyDescriptor,Xb=(e,t,i,o)=>{for(var r=o>1?void 0:o?Yb(t,i):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=(o?n(t,i,r):n(r))||r);return o&&r&&Kb(t,i,r),r};let fs=class extends b{render(){return l`<slot></slot>`}};fs.styles=[p`
|
|
6554
6578
|
:host(:not(:focus-within)) {
|
|
6555
6579
|
position: absolute !important;
|
|
6556
6580
|
width: 1px !important;
|
|
@@ -6562,4 +6586,4 @@
|
|
|
6562
6586
|
white-space: nowrap !important;
|
|
6563
6587
|
padding: 0 !important;
|
|
6564
6588
|
}
|
|
6565
|
-
`],
|
|
6589
|
+
`],fs=Xb([f("uui-visually-hidden")],fs);export{ac as ActiveMixin,uc as LabelMixin,Ac as PopoverTargetMixin,bc as SelectOnlyMixin,dc as SelectableMixin,wc as Timer,io as UUIActionBarElement,Ye as UUIAvatarElement,Mt as UUIAvatarGroupElement,Lt as UUIBadgeElement,ec as UUIBlinkAnimationValue,Ju as UUIBlinkKeyframes,ge as UUIBooleanInputElement,ao as UUIBooleanInputEvent,De as UUIBoxElement,Ht as UUIBreadcrumbItemElement,ar as UUIBreadcrumbsElement,ae as UUIButtonElement,ni as UUIButtonGroupElement,Le as UUIButtonInlineCreateElement,co as UUIButtonInlineCreateEvent,jt as UUICardBlockTypeElement,gi as UUICardContentNodeElement,Z as UUICardElement,vi as UUICardEvent,Rt as UUICardMediaElement,mi as UUICardUserElement,lr as UUICaretElement,ur as UUICheckboxElement,he as UUIColorAreaElement,xo as UUIColorAreaEvent,_i as UUIColorPickerChangeEvent,N as UUIColorPickerElement,de as UUIColorSliderElement,ko as UUIColorSliderEvent,Qe as UUIColorSwatchElement,gt as UUIColorSwatchesElement,wi as UUIColorSwatchesEvent,J as UUIComboboxElement,pe as UUIComboboxEvent,Pe as UUIComboboxListElement,Ee as UUIComboboxListEvent,Je as UUIComboboxListOptionElement,Do as UUIDialogElement,ki as UUIDialogLayoutElement,ks as UUIEvent,et as UUIFileDropzoneElement,Ei as UUIFileDropzoneEvent,fe as UUIFilePreviewElement,Ke as UUIFormControlEvent,yc as UUIFormControlMixin,on as UUIFormElement,Wt as UUIFormLayoutItemElement,gr as UUIFormValidationMessageElement,ic as UUIHorizontalPulseAnimationValue,tc as UUIHorizontalPulseKeyframes,oc as UUIHorizontalShakeAnimationValue,rc as UUIHorizontalShakeKeyframes,He as UUIIconElement,sn as UUIIconHost,nn as UUIIconRegistry,mr as UUIIconRegistryElement,Tl as UUIIconRegistryEssential,an as UUIIconRegistryEssentialElement,Oi as UUIIconRequestEvent,T as UUIInputElement,qt as UUIInputEvent,tt as UUIInputFileElement,_r as UUIInputLockElement,To as UUIInputLockEvent,Ii as UUIInputPasswordElement,Dc as UUIInterfaceColorValues,Mc as UUIInterfaceHeadingValues,zc as UUIInterfaceLookValues,No as UUIKeyElement,Vo as UUIKeyboardShortcutElement,Kt as UUILabelElement,Ai as UUILoaderBarElement,Ui as UUILoaderCircleElement,Bo as UUILoaderElement,ue as UUIMenuItemElement,it as UUIMenuItemEvent,Yt as UUIModalCloseEvent,rt as UUIModalContainerElement,Fo as UUIModalDialogElement,ve as UUIModalElement,Di as UUIModalSidebarElement,we as UUIPaginationElement,_t as UUIPaginationEvent,Be as UUIPopoverContainerElement,yt as UUIPopoverElement,kr as UUIProgressBarElement,xe as UUIRadioElement,Hi as UUIRadioEvent,Jt as UUIRadioGroupElement,qo as UUIRadioGroupEvent,M as UUIRangeSliderElement,at as UUIRefElement,Ri as UUIRefEvent,Zo as UUIRefListElement,Or as UUIRefNodeDataTypeElement,Sr as UUIRefNodeDocumentTypeElement,R as UUIRefNodeElement,es as UUIRefNodeFormElement,Ir as UUIRefNodeMemberElement,Fi as UUIRefNodePackageElement,Ar as UUIRefNodeUserElement,Ur as UUIScrollContainerElement,ce as UUISelectElement,ts as UUISelectEvent,Ut as UUISelectableEvent,K as UUISliderElement,ii as UUISliderEvent,Dr as UUISymbolExpandElement,br as UUISymbolFileDropzoneElement,Mr as UUISymbolFileElement,Wi as UUISymbolFileThumbnailElement,os as UUISymbolFolderElement,Lr as UUISymbolLockElement,ss as UUISymbolMoreElement,Tr as UUISymbolSortElement,lt as UUITabElement,zb as UUITabEvent,ct as UUITabGroupElement,Db as UUITabGroupEvent,Fe as UUITableCellElement,ls as UUITableColumnElement,ns as UUITableElement,us as UUITableHeadCellElement,cs as UUITableHeadElement,Vr as UUITableRowElement,Zi as UUITagElement,eo as UUITextStyles,G as UUITextareaElement,jr as UUITextareaEvent,Rr as UUIToastNotificationContainerElement,ht as UUIToastNotificationElement,se as UUIToastNotificationEvent,Ji as UUIToastNotificationLayoutElement,Fr as UUIToggleElement,fs as UUIVisuallyHiddenElement,Cc as clamp,Uc as defineElement,xc as demandCustomElement,$c as drag,fa as findAncestorByAttributeValue,kc as reverseNumberInRange,Pc as slotHasContent,Ec as toHex};
|