@api-client/ui 0.2.0 → 0.2.3

package/.github/workflows/deployment.yml

@@ -37,8 +37,6 @@ jobs:
         run: npm ci
       - name: Install playwright browsers
         run: npx playwright install chromium --with-deps
-      - name: Building API models
-        run: npm run gen:apis
       - name: Run tests
         run: npm test
   tag:

package/build/src/decorators/reactive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../../src/decorators/reactive.ts"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,MAAM,IAAI,IAAI,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAEhC,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAC5B,MAAM,EAAE,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1C,OAAO,EAAE,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,GAC3C,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAErC,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC1B,OAAO,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,GACzC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B;AAKD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,IAAI,iBAAiB,CAiDpD"}
+{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../../../src/decorators/reactive.ts"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,MAAM,IAAI,IAAI,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAEhC,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAC5B,MAAM,EAAE,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,EAC1C,OAAO,EAAE,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,GAC3C,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAErC,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC1B,OAAO,EAAE,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,GACzC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B;AAKD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,IAAI,iBAAiB,CA2DpD"}

package/build/src/decorators/reactive.js

@@ -5,34 +5,43 @@ const propertiesSymbol = Symbol('properties');
  */
 export default function reactive() {
     return (target, context) => {
-        const { kind } = context;
+        const { kind, name } = context;
         if (kind === 'accessor') {
-            const accessorTarget = target;
+            // const accessorTarget = target as ClassAccessorDecoratorTarget<C, V>
             return {
                 set(value) {
-                    let map = Reflect.get(accessorTarget, propertiesSymbol);
+                    let map = Reflect.get(this, propertiesSymbol);
                     if (!map) {
                         map = {};
-                        Reflect.set(accessorTarget, propertiesSymbol, map);
+                        Reflect.set(this, propertiesSymbol, map);
                     }
-                    if (map[context.name] === context.name) {
+                    if (map[name] === value) {
                         return;
                     }
                     if (value === undefined) {
                         // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-                        delete map[context.name];
+                        delete map[name];
                     }
                     else {
-                        map[context.name] = value;
+                        map[name] = value;
                     }
                     if (typeof this.render === 'function') {
                         this.render();
                     }
                 },
                 get() {
-                    const map = Reflect.get(accessorTarget, propertiesSymbol) || {};
+                    const map = Reflect.get(this, propertiesSymbol) || {};
                     return map[context.name];
                 },
+                init(initialValue) {
+                    let map = Reflect.get(this, propertiesSymbol);
+                    if (!map) {
+                        map = {};
+                        Reflect.set(this, propertiesSymbol, map);
+                    }
+                    map[name] = initialValue;
+                    return initialValue;
+                },
             };
         }
         else if (kind === 'setter') {

package/build/src/decorators/reactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../src/decorators/reactive.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;AAsB7C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO,CACL,MAAoC,EACpC,OAAsC,EACjC,EAAE;QACP,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;QACxB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,MAAM,cAAc,GAAG,MAA4C,CAAA;YACnE,OAAO;gBACL,GAAG,CAAyB,KAAQ;oBAClC,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAA;oBACvD,IAAI,CAAC,GAAG,EAAE,CAAC;wBACT,GAAG,GAAG,EAAE,CAAA;wBACR,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAA;oBACpD,CAAC;oBACD,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;wBACvC,OAAM;oBACR,CAAC;oBACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;wBACxB,gEAAgE;wBAChE,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;oBAC1B,CAAC;yBAAM,CAAC;wBACN,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;oBAC3B,CAAC;oBACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;wBACtC,IAAI,CAAC,MAAM,EAAE,CAAA;oBACf,CAAC;gBACH,CAAC;gBAED,GAAG;oBACD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;oBAC/D,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC;aACF,CAAA;QACH,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;YACxB,OAAO,UAAkC,KAAQ;gBAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAA8B,CAAC,CAAA;gBACrD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;oBACvB,OAAM;gBACR,CAAC;gBACD,CAAC;gBAAC,MAA6B,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBACjD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;oBACtC,IAAI,CAAC,MAAM,EAAE,CAAA;gBACf,CAAC;YACH,CAAC,CAAA;QACH,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,mCAAmC,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAA;AACH,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nconst propertiesSymbol = Symbol('properties')\n\ninterface ReactiveInstance {\n  render(): void\n}\n\nexport interface PropertyDecorator {\n  // accessor decorator signature\n  <C extends ReactiveInstance, V>(\n    target: ClassAccessorDecoratorTarget<C, V>,\n    context: ClassAccessorDecoratorContext<C, V>\n  ): ClassAccessorDecoratorResult<C, V>\n  // setter decorator signature\n  <C extends ReactiveInstance, V>(\n    target: (value: V) => void,\n    context: ClassSetterDecoratorContext<C, V>\n  ): (this: C, value: V) => void\n}\n\ntype StandardPropertyContext<C, V> = ClassAccessorDecoratorContext<C, V> | ClassSetterDecoratorContext<C, V>\ntype StandardPropertyTarget<C, V> = ClassAccessorDecoratorTarget<C, V> | ((value: V) => void)\n\n/**\n * Reactive decorator that calls the `render()` function when the value of the property change.\n */\nexport default function reactive(): PropertyDecorator {\n  return <C extends ReactiveInstance, V>(\n    target: StandardPropertyTarget<C, V>,\n    context: StandardPropertyContext<C, V>\n  ): any => {\n    const { kind } = context\n    if (kind === 'accessor') {\n      const accessorTarget = target as ClassAccessorDecoratorTarget<C, V>\n      return {\n        set(this: ReactiveInstance, value: V): void {\n          let map = Reflect.get(accessorTarget, propertiesSymbol)\n          if (!map) {\n            map = {}\n            Reflect.set(accessorTarget, propertiesSymbol, map)\n          }\n          if (map[context.name] === context.name) {\n            return\n          }\n          if (value === undefined) {\n            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n            delete map[context.name]\n          } else {\n            map[context.name] = value\n          }\n          if (typeof this.render === 'function') {\n            this.render()\n          }\n        },\n\n        get(): V {\n          const map = Reflect.get(accessorTarget, propertiesSymbol) || {}\n          return map[context.name]\n        },\n      }\n    } else if (kind === 'setter') {\n      const { name } = context\n      return function (this: ReactiveInstance, value: V): void {\n        const oldValue = this[name as keyof ReactiveInstance]\n        if (value === oldValue) {\n          return\n        }\n        ;(target as (value: V) => void).call(this, value)\n        if (typeof this.render === 'function') {\n          this.render()\n        }\n      }\n    }\n    throw new Error(`Unsupported decorator location: ${kind}`)\n  }\n}\n"]}
+{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../src/decorators/reactive.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;AAsB7C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC9B,OAAO,CACL,MAAoC,EACpC,OAAsC,EACjC,EAAE;QACP,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;QAC9B,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,sEAAsE;YACtE,OAAO;gBACL,GAAG,CAAyB,KAAQ;oBAClC,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;oBAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;wBACT,GAAG,GAAG,EAAE,CAAA;wBACR,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAA;oBAC1C,CAAC;oBACD,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;wBACxB,OAAM;oBACR,CAAC;oBACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;wBACxB,gEAAgE;wBAChE,OAAO,GAAG,CAAC,IAAI,CAAC,CAAA;oBAClB,CAAC;yBAAM,CAAC;wBACN,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;oBACnB,CAAC;oBACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;wBACtC,IAAI,CAAC,MAAM,EAAE,CAAA;oBACf,CAAC;gBACH,CAAC;gBAED,GAAG;oBACD,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;oBACrD,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC;gBAED,IAAI,CAAyB,YAAe;oBAC1C,IAAI,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;oBAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;wBACT,GAAG,GAAG,EAAE,CAAA;wBACR,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAAA;oBAC1C,CAAC;oBACD,GAAG,CAAC,IAAI,CAAC,GAAG,YAAY,CAAA;oBACxB,OAAO,YAAY,CAAA;gBACrB,CAAC;aACF,CAAA;QACH,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;YACxB,OAAO,UAAkC,KAAQ;gBAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAA8B,CAAC,CAAA;gBACrD,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;oBACvB,OAAM;gBACR,CAAC;gBACD,CAAC;gBAAC,MAA6B,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBACjD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;oBACtC,IAAI,CAAC,MAAM,EAAE,CAAA;gBACf,CAAC;YACH,CAAC,CAAA;QACH,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,mCAAmC,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAA;AACH,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nconst propertiesSymbol = Symbol('properties')\n\ninterface ReactiveInstance {\n  render(): void\n}\n\nexport interface PropertyDecorator {\n  // accessor decorator signature\n  <C extends ReactiveInstance, V>(\n    target: ClassAccessorDecoratorTarget<C, V>,\n    context: ClassAccessorDecoratorContext<C, V>\n  ): ClassAccessorDecoratorResult<C, V>\n  // setter decorator signature\n  <C extends ReactiveInstance, V>(\n    target: (value: V) => void,\n    context: ClassSetterDecoratorContext<C, V>\n  ): (this: C, value: V) => void\n}\n\ntype StandardPropertyContext<C, V> = ClassAccessorDecoratorContext<C, V> | ClassSetterDecoratorContext<C, V>\ntype StandardPropertyTarget<C, V> = ClassAccessorDecoratorTarget<C, V> | ((value: V) => void)\n\n/**\n * Reactive decorator that calls the `render()` function when the value of the property change.\n */\nexport default function reactive(): PropertyDecorator {\n  return <C extends ReactiveInstance, V>(\n    target: StandardPropertyTarget<C, V>,\n    context: StandardPropertyContext<C, V>\n  ): any => {\n    const { kind, name } = context\n    if (kind === 'accessor') {\n      // const accessorTarget = target as ClassAccessorDecoratorTarget<C, V>\n      return {\n        set(this: ReactiveInstance, value: V): void {\n          let map = Reflect.get(this, propertiesSymbol)\n          if (!map) {\n            map = {}\n            Reflect.set(this, propertiesSymbol, map)\n          }\n          if (map[name] === value) {\n            return\n          }\n          if (value === undefined) {\n            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n            delete map[name]\n          } else {\n            map[name] = value\n          }\n          if (typeof this.render === 'function') {\n            this.render()\n          }\n        },\n\n        get(): V {\n          const map = Reflect.get(this, propertiesSymbol) || {}\n          return map[context.name]\n        },\n\n        init(this: ReactiveInstance, initialValue: V): V {\n          let map = Reflect.get(this, propertiesSymbol)\n          if (!map) {\n            map = {}\n            Reflect.set(this, propertiesSymbol, map)\n          }\n          map[name] = initialValue\n          return initialValue\n        },\n      }\n    } else if (kind === 'setter') {\n      const { name } = context\n      return function (this: ReactiveInstance, value: V): void {\n        const oldValue = this[name as keyof ReactiveInstance]\n        if (value === oldValue) {\n          return\n        }\n        ;(target as (value: V) => void).call(this, value)\n        if (typeof this.render === 'function') {\n          this.render()\n        }\n      }\n    }\n    throw new Error(`Unsupported decorator location: ${kind}`)\n  }\n}\n"]}

package/build/src/index.d.ts

@@ -1,21 +1,12 @@
 export { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js';
 export { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js';
 export { default as HarViewerElement } from './elements/har/HarViewer.js';
-export { default as ApiRequestEditorElement } from './elements/amf/ApiRequestEditor.element.js';
 export { DemoPage } from './demo/DemoPage.js';
 export * from './bindings/base/ConfigurationBindings.js';
 export * from './bindings/base/IoThread.js';
 export * from './bindings/base/PlatformBindings.js';
 export { Events } from './events/Events.js';
 export { EventTypes } from './events/EventTypes.js';
-export * from './events/amf/NavigationEvents.js';
-export * from './events/amf/ServerEvents.js';
-export * from './events/amf/RequestEvents.js';
-export * from './events/amf/OperationEvents.js';
-export * from './events/amf/EndpointEvents.js';
-export * from './events/amf/TelemetryEvents.js';
-export { EventTypes as AmfEventTypes } from './events/amf/EventTypes.js';
-export { Events as AmfEvents } from './events/amf/Events.js';
 export type { INavDetail, INavRunHttpProjectDetail, INavRunSchemaDesignerDetail, INavRunHttpClient, NavRunDetail, } from './events/NavigationEvents.js';
 export { AppNavigationEvent } from './events/NavigationEvents.js';
 export * as Router from './lib/route.js';
@@ -26,14 +17,6 @@ export * as PrismAutoDetect from './elements/highlight/PrismAutoDetect.js';
 export * as RouteMixin from './mixins/RouteMixin.js';
 export * as MonacoLoader from './monaco/loader.js';
 export * as MonacoTheme from './monaco/theme.js';
-export * as AmfTypes from './amf/types.js';
-export { AmfStore } from './amf/store/AmfStore.js';
-export { AmfGraphStore } from './amf/store/AmfGraphStore.js';
-export { InMemAmfGraphStore } from './amf/store/InMemAmfGraphStore.js';
-export { AmfStoreDomEventsMixin } from './amf/store/mixins/AmfStoreDomEventsMixin.js';
-export { default as ApiNavigationContextMenu } from './amf/plugins/ApiNavigationContextMenu.js';
-export { default as ApiNavigationCommands } from './amf/plugins/ApiNavigationCommands.js';
-export { DomEventsAmfStore } from './amf/store/DomEventsAmfStore.js';
 export * from './lib/config/Config.js';
 export * as Decorators from './decorators/index.js';
 //# sourceMappingURL=index.d.ts.map

package/build/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,4CAA4C,CAAA;AAG/F,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAI7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAInD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC5D,YAAY,EACV,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EACjB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGjE,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAIxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAGpD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAGhD,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAA;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAGpE,cAAc,wBAAwB,CAAA;AAGtC,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGzE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAI7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAInD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EACV,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EACjB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGjE,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAIxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAGpD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAGhD,cAAc,wBAAwB,CAAA;AAGtC,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA"}

package/build/src/index.js

@@ -2,7 +2,6 @@
 export { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js';
 export { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js';
 export { default as HarViewerElement } from './elements/har/HarViewer.js';
-export { default as ApiRequestEditorElement } from './elements/amf/ApiRequestEditor.element.js';
 // Demo
 export { DemoPage } from './demo/DemoPage.js';
 // Bindings
@@ -12,14 +11,6 @@ export * from './bindings/base/PlatformBindings.js';
 // Events
 export { Events } from './events/Events.js';
 export { EventTypes } from './events/EventTypes.js';
-export * from './events/amf/NavigationEvents.js';
-export * from './events/amf/ServerEvents.js';
-export * from './events/amf/RequestEvents.js';
-export * from './events/amf/OperationEvents.js';
-export * from './events/amf/EndpointEvents.js';
-export * from './events/amf/TelemetryEvents.js';
-export { EventTypes as AmfEventTypes } from './events/amf/EventTypes.js';
-export { Events as AmfEvents } from './events/amf/Events.js';
 export { AppNavigationEvent } from './events/NavigationEvents.js';
 // Router
 export * as Router from './lib/route.js';
@@ -32,15 +23,6 @@ export * as RouteMixin from './mixins/RouteMixin.js';
 // Monaco
 export * as MonacoLoader from './monaco/loader.js';
 export * as MonacoTheme from './monaco/theme.js';
-// AMF
-export * as AmfTypes from './amf/types.js';
-export { AmfStore } from './amf/store/AmfStore.js';
-export { AmfGraphStore } from './amf/store/AmfGraphStore.js';
-export { InMemAmfGraphStore } from './amf/store/InMemAmfGraphStore.js';
-export { AmfStoreDomEventsMixin } from './amf/store/mixins/AmfStoreDomEventsMixin.js';
-export { default as ApiNavigationContextMenu } from './amf/plugins/ApiNavigationContextMenu.js';
-export { default as ApiNavigationCommands } from './amf/plugins/ApiNavigationCommands.js';
-export { DomEventsAmfStore } from './amf/store/DomEventsAmfStore.js';
 // Config
 export * from './lib/config/Config.js';
 // Other

package/build/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AAEX,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,4CAA4C,CAAA;AAE/F,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,WAAW;AAEX,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAEnD,SAAS;AAET,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQ5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,SAAS;AACT,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO;AAEP,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAEpD,SAAS;AACT,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,MAAM;AACN,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,2CAA2C,CAAA;AAC/F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAEpE,SAAS;AACT,cAAc,wBAAwB,CAAA;AAEtC,QAAQ;AACR,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA","sourcesContent":["// Elements\n\nexport { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js'\nexport { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js'\nexport { default as HarViewerElement } from './elements/har/HarViewer.js'\nexport { default as ApiRequestEditorElement } from './elements/amf/ApiRequestEditor.element.js'\n\n// Demo\nexport { DemoPage } from './demo/DemoPage.js'\n\n// Bindings\n\nexport * from './bindings/base/ConfigurationBindings.js'\nexport * from './bindings/base/IoThread.js'\nexport * from './bindings/base/PlatformBindings.js'\n\n// Events\n\nexport { Events } from './events/Events.js'\nexport { EventTypes } from './events/EventTypes.js'\nexport * from './events/amf/NavigationEvents.js'\nexport * from './events/amf/ServerEvents.js'\nexport * from './events/amf/RequestEvents.js'\nexport * from './events/amf/OperationEvents.js'\nexport * from './events/amf/EndpointEvents.js'\nexport * from './events/amf/TelemetryEvents.js'\nexport { EventTypes as AmfEventTypes } from './events/amf/EventTypes.js'\nexport { Events as AmfEvents } from './events/amf/Events.js'\nexport type {\n  INavDetail,\n  INavRunHttpProjectDetail,\n  INavRunSchemaDesignerDetail,\n  INavRunHttpClient,\n  NavRunDetail,\n} from './events/NavigationEvents.js'\nexport { AppNavigationEvent } from './events/NavigationEvents.js'\n\n// Router\nexport * as Router from './lib/route.js'\n\n// libs\n\nexport { PrismHighlighter } from './elements/highlight/PrismHighlighter.js'\nexport { default as PrismStyles } from './elements/highlight/Prism.styles.js'\nexport { default as MarkdownStyles } from './elements/highlight/MarkdownStyles.js'\nexport * as PrismAutoDetect from './elements/highlight/PrismAutoDetect.js'\nexport * as RouteMixin from './mixins/RouteMixin.js'\n\n// Monaco\nexport * as MonacoLoader from './monaco/loader.js'\nexport * as MonacoTheme from './monaco/theme.js'\n\n// AMF\nexport * as AmfTypes from './amf/types.js'\nexport { AmfStore } from './amf/store/AmfStore.js'\nexport { AmfGraphStore } from './amf/store/AmfGraphStore.js'\nexport { InMemAmfGraphStore } from './amf/store/InMemAmfGraphStore.js'\nexport { AmfStoreDomEventsMixin } from './amf/store/mixins/AmfStoreDomEventsMixin.js'\nexport { default as ApiNavigationContextMenu } from './amf/plugins/ApiNavigationContextMenu.js'\nexport { default as ApiNavigationCommands } from './amf/plugins/ApiNavigationCommands.js'\nexport { DomEventsAmfStore } from './amf/store/DomEventsAmfStore.js'\n\n// Config\nexport * from './lib/config/Config.js'\n\n// Other\nexport * as Decorators from './decorators/index.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AAEX,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEzE,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,WAAW;AAEX,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAEnD,SAAS;AAET,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,SAAS;AACT,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO;AAEP,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAEpD,SAAS;AACT,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,SAAS;AACT,cAAc,wBAAwB,CAAA;AAEtC,QAAQ;AACR,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA","sourcesContent":["// Elements\n\nexport { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js'\nexport { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js'\nexport { default as HarViewerElement } from './elements/har/HarViewer.js'\n\n// Demo\nexport { DemoPage } from './demo/DemoPage.js'\n\n// Bindings\n\nexport * from './bindings/base/ConfigurationBindings.js'\nexport * from './bindings/base/IoThread.js'\nexport * from './bindings/base/PlatformBindings.js'\n\n// Events\n\nexport { Events } from './events/Events.js'\nexport { EventTypes } from './events/EventTypes.js'\nexport type {\n  INavDetail,\n  INavRunHttpProjectDetail,\n  INavRunSchemaDesignerDetail,\n  INavRunHttpClient,\n  NavRunDetail,\n} from './events/NavigationEvents.js'\nexport { AppNavigationEvent } from './events/NavigationEvents.js'\n\n// Router\nexport * as Router from './lib/route.js'\n\n// libs\n\nexport { PrismHighlighter } from './elements/highlight/PrismHighlighter.js'\nexport { default as PrismStyles } from './elements/highlight/Prism.styles.js'\nexport { default as MarkdownStyles } from './elements/highlight/MarkdownStyles.js'\nexport * as PrismAutoDetect from './elements/highlight/PrismAutoDetect.js'\nexport * as RouteMixin from './mixins/RouteMixin.js'\n\n// Monaco\nexport * as MonacoLoader from './monaco/loader.js'\nexport * as MonacoTheme from './monaco/theme.js'\n\n// Config\nexport * from './lib/config/Config.js'\n\n// Other\nexport * as Decorators from './decorators/index.js'\n"]}

package/build/src/md/dialog/internals/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.ts"],"names":[],"mappings":"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"}

package/build/src/md/dialog/internals/Dialog.js

@@ -248,7 +248,7 @@ let UiDialog = (() => {
             }
         }
         willUpdate(cp) {
-            if (cp.has('useForm') && !this.#formId) {
+            if (cp.has('useForm') && this.useForm && !this.#formId) {
                 const r = (Math.random() + 1).toString(36).substring(7);
                 this.#formId = `form-${r}`;
             }
@@ -262,8 +262,8 @@ let UiDialog = (() => {
                 return;
             }
             if (button.type === 'submit') {
-                // Adds suport for forms.
-                // When a form's submit button is clicked we yielt the flow control to the form.
+                // Adds support for forms.
+                // When a form's submit button is clicked we yield the flow control to the form.
                 // This way the form can handle the submit event.
                 e.preventDefault();
                 return;
@@ -345,7 +345,6 @@ let UiDialog = (() => {
                 bubbles: false,
                 composed: false,
             });
-            // const copy = Reflect.construct(event.constructor, [event.type, event])
             const dispatched = this.dispatchEvent(copy);
             if (dispatched) {
                 this.handleInteraction('confirm');
@@ -357,7 +356,9 @@ let UiDialog = (() => {
         render() {
             const { useForm } = this;
             return html `
-      <dialog @close="${this.handleDialogClose}">${useForm ? this.#renderFormContent() : this.renderContent()}</dialog>
+      <dialog @close="${this.handleDialogClose}">
+        <div class="container">${useForm ? this.#renderFormContent() : this.renderContent()}</div>
+      </dialog>
     `;
         }
         renderContent() {

package/build/src/md/dialog/internals/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { type CSSResultOrNative, html, nothing, type PropertyValues, type TemplateResult, adoptStyles } from 'lit'\nimport { property, query, queryAssignedElements, queryAssignedNodes, state } from 'lit/decorators.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { UiElement } from '../../UiElement.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiButton from '../../button/internals/button.js'\nimport type { TypedEvents } from '../../../core/types.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { SyntheticSubmitEvent } from '../../../events/SyntheticSubmitEvent.js'\nimport '../../button/ui-text-button.js'\n\nexport interface UiDialogClosingReason {\n  /**\n   * Whether the dialog was cancelled by either activating the `dismiss` button\n   * or by pressing escape.\n   */\n  cancelled: boolean\n  /**\n   * This is used in cases when the dialog has more complex purpose.\n   * This is the value expected from the dialog.\n   */\n  value?: unknown\n}\n\ninterface DialogEventMap {\n  close: CustomEvent<UiDialogClosingReason>\n}\n\nexport type RenderFunction = () => TemplateResult\n\n/**\n * Styled dialog using a native `<dialog>` element under the hood.\n * Note, since native dialog renders in the top layer it is not necessary\n * to place the dialog in the `<body>`.\n *\n * **Using Buttons**\n *\n * The dialog automatically recognizes buttons with values `confirm` and `dismiss`\n * to close the dialog and dispatch the `close` event. The event has additional\n * closing reason detail.\n *\n * ```javascript\n * <ui-text-button value=\"dismiss\">Cancel</ui-text-button>\n * <ui-text-button value=\"confirm\">Take action</ui-text-button>\n * ```\n *\n * ```javascript\n * <button value=\"dismiss\">Cancel</button>\n * <button value=\"confirm\">Take action</button>\n * ```\n *\n * The detail object of the `close` event has the following properties:\n * - cancelled - Whether the dialog was cancelled by either activating the `dismiss` button or by pressing escape.\n *\n * The `close` event is only dispatched when the user interact with the dialog. Imperative control of the\n * dialog won't trigger the close button.\n *\n * ** Full example**\n *\n * ```javascript\n * <ui-dialog modal>\n *  <ui-icon slot=\"icon\" icon=\"delete\"></ui-icon>\n *\n *  <span slot=\"title\">Delete photos?</span>\n *  <p>This action will permanently remove the selected pictures from your account.</p>\n *\n *  <ui-text-button slot=\"button\" value=\"dismiss\" type=\"text\">Cancel</ui-text-button>\n *  <ui-text-button slot=\"button\" value=\"confirm\" type=\"text\">Confirm</ui-text-button>\n * </ui-dialog>\n * ```\n *\n * @slot - The slot for the content of the dialog.\n * @slot icon - The slot to place the dialog icon\n * @slot title - The slot to place the dialog title. Do not put elements here, just the text.\n * @slot button - The slot to place the dialog buttons. Use the `confirm` or `dismiss`\n *  buttons to automatically close the dialog.\n * @fires close - A non-bubbling, non-cancellable event with the `UiDialogClosingReason` as the detail.\n */\nexport default class UiDialog extends UiElement implements TypedEvents<DialogEventMap> {\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  /**\n   * Opens the dialog as modal when toggling dialog's open state.\n   *\n   * Setting this value after the dialog was opened has no effect.\n   *\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor modal = false\n\n  /**\n   * Toggles visibility of the dialog.\n   * Note, the dialog is opened asynchronously after the update is performed.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor open = false\n\n  /**\n   * Imperative access to create a dismiss button.\n   * When set this will render a dismiss button at the end of the buttons line, before the `confirmLabel` button.\n   * @attribute\n   */\n  @property({ type: String }) accessor dismissLabel: string | undefined\n\n  /**\n   * Imperative access to create a confirm button.\n   * When set this will render a confirm button at the end of the buttons line, after the `dismissLabel` button.\n   * @attribute\n   */\n  @property({ type: String }) accessor confirmLabel: string | undefined\n\n  /**\n   * Part of the imperative access to the element.\n   * When set, it wraps the content in a `<form>` element.\n   * When this is enabled the following will happen:\n   * - The `confirm` button will get `type=\"submit\"`\n   * - The form `method` attribute is set to `dialog`\n   * - The form `id` attribute is set to a random string. You can get it from the `formId` getter.\n   * - The dialog will dispatch the same `submit` event as the form.\n   * - When the `submit` event dispatched by the dialog gets cancelled, then:\n   *  - The original submit event also gets cancelled.\n   *  - The default confirm action is not invoked\n   *  - The dialog stays opened\n   * - When the submit event is not cancelled, then:\n   *  - The default confirm action is invoked.\n   *  - The dialog is closed.\n   */\n  @property({ type: Boolean }) accessor useForm: boolean | undefined\n\n  /**\n   * Only when `confirmLabel` is set.\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value}\n   * @attribute\n   */\n  @property({ type: String }) accessor confirmValue: string | undefined\n\n  /**\n   * A reference to the underlying dialog element.\n   */\n  @query('dialog') accessor dialog!: HTMLDialogElement\n\n  @state() protected accessor hasIcon = false\n\n  @state() protected accessor hasTitle = false\n\n  @state() protected accessor hasButton = false\n\n  @queryAssignedElements({ flatten: true, slot: 'icon' }) protected accessor icons!: HTMLElement[]\n\n  @queryAssignedNodes({ flatten: true, slot: 'title' }) protected accessor titles!: HTMLElement[]\n\n  @queryAssignedElements({ flatten: true, slot: 'button' }) protected accessor buttons!: HTMLElement[]\n\n  /**\n   * To be set by a child class when closing the dialog.\n   * This is passed to the close event.\n   */\n  dialogValue?: unknown\n\n  #formId?: string\n\n  get formId(): string | undefined {\n    return this.#formId\n  }\n\n  @state() accessor #inject: TemplateResult | RenderFunction | undefined\n\n  #pendingStyles?: CSSResultOrNative[]\n\n  constructor() {\n    super()\n\n    this.addEventListener('click', this.handleClick)\n    this.addEventListener('keydown', this.handleKeyDown)\n  }\n\n  /**\n   * Allows to inject a template into the internals of the element.\n   * This is helpful when working with imperative dialogs.\n   * @param content The content to inject into the body.\n   */\n  inject(content?: TemplateResult | RenderFunction, styles?: CSSResultOrNative[]): void {\n    this.#inject = content\n    if (styles) {\n      if (this.shadowRoot) {\n        adoptStyles(this.shadowRoot, styles)\n      } else {\n        if (!this.#pendingStyles) {\n          this.#pendingStyles = []\n        }\n        this.#pendingStyles.push(...styles)\n      }\n    }\n    if (this.shadowRoot && styles) {\n      adoptStyles(this.shadowRoot, styles)\n    }\n  }\n\n  protected override firstUpdated(): void {\n    const styles = this.#pendingStyles\n    if (styles) {\n      const root = this.shadowRoot as ShadowRoot\n      const all = [...root.adoptedStyleSheets, ...styles]\n      adoptStyles(this.shadowRoot as ShadowRoot, all)\n    }\n  }\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('useForm') && !this.#formId) {\n      const r = (Math.random() + 1).toString(36).substring(7)\n      this.#formId = `form-${r}`\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e)\n    const path = e.composedPath()\n    const { buttons } = this\n    const button = path.find((i) => buttons.includes(i as HTMLElement)) as HTMLButtonElement | UiButton | undefined\n    if (!button) {\n      return\n    }\n    if (button.type === 'submit') {\n      // Adds suport for forms.\n      // When a form's submit button is clicked we yielt the flow control to the form.\n      // This way the form can handle the submit event.\n      e.preventDefault()\n      return\n    }\n    const { value = '' } = button\n    this.handleInteraction(value as 'dismiss' | 'confirm')\n  }\n\n  override handleKeyDown(e: KeyboardEvent): void {\n    super.handleKeyDown(e)\n    if (e.key === 'Escape') {\n      this.handleInteraction('dismiss')\n    }\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('open')) {\n      this.#controlVisibility()\n    }\n    super.updated(changedProperties)\n  }\n\n  #controlVisibility(): void {\n    const { dialog, modal, open } = this\n    if (!dialog) {\n      return\n    }\n    if (open) {\n      if (modal) {\n        dialog.showModal()\n      } else {\n        dialog.show()\n      }\n    } else {\n      dialog.close()\n    }\n  }\n\n  #handleSlotChange(): void {\n    const { icons, titles, buttons } = this\n    this.hasIcon = !!icons && !!icons.length\n    this.hasTitle = !!titles && !!titles.length\n    this.hasButton = !!buttons && !!buttons.length\n  }\n\n  protected handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (!['dismiss', 'confirm'].includes(value)) {\n      return\n    }\n    this.open = false\n    const detail: UiDialogClosingReason = {\n      cancelled: value === 'dismiss',\n    }\n    if (this.dialogValue !== undefined) {\n      detail.value = this.dialogValue\n    }\n    this.dispatchEvent(\n      new CustomEvent<UiDialogClosingReason>('close', {\n        composed: true,\n        detail,\n      })\n    )\n  }\n\n  protected handleDialogClose(): void {\n    if (!this.open) {\n      return\n    }\n    this.open = false\n    this.handleInteraction('dismiss')\n  }\n\n  protected handleDismiss(): void {\n    this.handleInteraction('dismiss')\n  }\n\n  protected handleConfirm(): void {\n    if (!this.useForm) {\n      this.handleInteraction('confirm')\n    }\n  }\n\n  #handleSubmit(event: SubmitEvent): void {\n    const form = event.target as HTMLFormElement\n    const copy = new SyntheticSubmitEvent(event.type, form, {\n      submitter: event.submitter,\n      cancelable: true,\n      bubbles: false,\n      composed: false,\n    })\n    // const copy = Reflect.construct(event.constructor, [event.type, event])\n    const dispatched = this.dispatchEvent(copy)\n    if (dispatched) {\n      this.handleInteraction('confirm')\n    } else {\n      event.preventDefault()\n    }\n  }\n\n  override render(): TemplateResult {\n    const { useForm } = this\n    return html`\n      <dialog @close=\"${this.handleDialogClose}\">${useForm ? this.#renderFormContent() : this.renderContent()}</dialog>\n    `\n  }\n\n  protected renderContent(): TemplateResult[] | TemplateResult {\n    return [this.renderIcon(), this.renderTitle(), this.renderBody(), this.renderButtons()]\n  }\n\n  #renderFormContent(): TemplateResult {\n    return html`\n      <form id=\"${ifDefined(this.formId)}\" method=\"dialog\" @submit=\"${this.#handleSubmit}\">\n        ${this.renderContent()}\n      </form>\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': this.hasIcon,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"icon\">\n        <slot name=\"icon\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': this.hasTitle,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"title\">\n        <slot name=\"title\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderBody(): TemplateResult {\n    let content = this.#inject\n    if (typeof content === 'function') {\n      content = content()\n    }\n    const injected = content || nothing\n    return html` <div class=\"content\"><slot></slot>${injected}</div> `\n  }\n\n  protected renderButtons(): TemplateResult {\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': this.hasButton || !!this.confirmLabel || !!this.dismissLabel,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <slot name=\"button\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n        ${this.#renderDismissButton()} ${this.#renderConfirmButton()}\n      </div>\n    `\n  }\n\n  #renderDismissButton(): TemplateResult | typeof nothing {\n    const { dismissLabel } = this\n    if (!dismissLabel) {\n      return nothing\n    }\n    return html`\n      <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n        >${dismissLabel}</ui-text-button\n      >\n    `\n  }\n\n  #renderConfirmButton(): TemplateResult | typeof nothing {\n    const { confirmLabel, confirmValue = 'confirm', useForm } = this\n    if (!confirmLabel) {\n      return nothing\n    }\n    const type = useForm ? 'submit' : 'button'\n    return html`\n      <ui-text-button type=\"${type}\" value=\"${confirmValue}\" class=\"internal-button\" @click=\"${this.handleConfirm}\"\n        >${confirmLabel}</ui-text-button\n      >\n    `\n  }\n}\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { type CSSResultOrNative, html, nothing, type PropertyValues, type TemplateResult, adoptStyles } from 'lit'\nimport { property, query, queryAssignedElements, queryAssignedNodes, state } from 'lit/decorators.js'\nimport { type ClassInfo, classMap } from 'lit/directives/class-map.js'\nimport { UiElement } from '../../UiElement.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiButton from '../../button/internals/button.js'\nimport type { TypedEvents } from '../../../core/types.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { SyntheticSubmitEvent } from '../../../events/SyntheticSubmitEvent.js'\nimport '../../button/ui-text-button.js'\n\nexport interface UiDialogClosingReason {\n  /**\n   * Whether the dialog was cancelled by either activating the `dismiss` button\n   * or by pressing escape.\n   */\n  cancelled: boolean\n  /**\n   * This is used in cases when the dialog has more complex purpose.\n   * This is the value expected from the dialog.\n   */\n  value?: unknown\n}\n\ninterface DialogEventMap {\n  close: CustomEvent<UiDialogClosingReason>\n}\n\nexport type RenderFunction = () => TemplateResult\n\n/**\n * Styled dialog using a native `<dialog>` element under the hood.\n * Note, since native dialog renders in the top layer it is not necessary\n * to place the dialog in the `<body>`.\n *\n * **Using Buttons**\n *\n * The dialog automatically recognizes buttons with values `confirm` and `dismiss`\n * to close the dialog and dispatch the `close` event. The event has additional\n * closing reason detail.\n *\n * ```javascript\n * <ui-text-button value=\"dismiss\">Cancel</ui-text-button>\n * <ui-text-button value=\"confirm\">Take action</ui-text-button>\n * ```\n *\n * ```javascript\n * <button value=\"dismiss\">Cancel</button>\n * <button value=\"confirm\">Take action</button>\n * ```\n *\n * The detail object of the `close` event has the following properties:\n * - cancelled - Whether the dialog was cancelled by either activating the `dismiss` button or by pressing escape.\n *\n * The `close` event is only dispatched when the user interact with the dialog. Imperative control of the\n * dialog won't trigger the close button.\n *\n * ** Full example**\n *\n * ```javascript\n * <ui-dialog modal>\n *  <ui-icon slot=\"icon\" icon=\"delete\"></ui-icon>\n *\n *  <span slot=\"title\">Delete photos?</span>\n *  <p>This action will permanently remove the selected pictures from your account.</p>\n *\n *  <ui-text-button slot=\"button\" value=\"dismiss\" type=\"text\">Cancel</ui-text-button>\n *  <ui-text-button slot=\"button\" value=\"confirm\" type=\"text\">Confirm</ui-text-button>\n * </ui-dialog>\n * ```\n *\n * @slot - The slot for the content of the dialog.\n * @slot icon - The slot to place the dialog icon\n * @slot title - The slot to place the dialog title. Do not put elements here, just the text.\n * @slot button - The slot to place the dialog buttons. Use the `confirm` or `dismiss`\n *  buttons to automatically close the dialog.\n * @fires close - A non-bubbling, non-cancellable event with the `UiDialogClosingReason` as the detail.\n */\nexport default class UiDialog extends UiElement implements TypedEvents<DialogEventMap> {\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  /**\n   * Opens the dialog as modal when toggling dialog's open state.\n   *\n   * Setting this value after the dialog was opened has no effect.\n   *\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor modal = false\n\n  /**\n   * Toggles visibility of the dialog.\n   * Note, the dialog is opened asynchronously after the update is performed.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor open = false\n\n  /**\n   * Imperative access to create a dismiss button.\n   * When set this will render a dismiss button at the end of the buttons line, before the `confirmLabel` button.\n   * @attribute\n   */\n  @property({ type: String }) accessor dismissLabel: string | undefined\n\n  /**\n   * Imperative access to create a confirm button.\n   * When set this will render a confirm button at the end of the buttons line, after the `dismissLabel` button.\n   * @attribute\n   */\n  @property({ type: String }) accessor confirmLabel: string | undefined\n\n  /**\n   * Part of the imperative access to the element.\n   * When set, it wraps the content in a `<form>` element.\n   * When this is enabled the following will happen:\n   * - The `confirm` button will get `type=\"submit\"`\n   * - The form `method` attribute is set to `dialog`\n   * - The form `id` attribute is set to a random string. You can get it from the `formId` getter.\n   * - The dialog will dispatch the same `submit` event as the form.\n   * - When the `submit` event dispatched by the dialog gets cancelled, then:\n   *  - The original submit event also gets cancelled.\n   *  - The default confirm action is not invoked\n   *  - The dialog stays opened\n   * - When the submit event is not cancelled, then:\n   *  - The default confirm action is invoked.\n   *  - The dialog is closed.\n   */\n  @property({ type: Boolean }) accessor useForm: boolean | undefined\n\n  /**\n   * Only when `confirmLabel` is set.\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value}\n   * @attribute\n   */\n  @property({ type: String }) accessor confirmValue: string | undefined\n\n  /**\n   * A reference to the underlying dialog element.\n   */\n  @query('dialog') accessor dialog!: HTMLDialogElement\n\n  @state() protected accessor hasIcon = false\n\n  @state() protected accessor hasTitle = false\n\n  @state() protected accessor hasButton = false\n\n  @queryAssignedElements({ flatten: true, slot: 'icon' }) protected accessor icons!: HTMLElement[]\n\n  @queryAssignedNodes({ flatten: true, slot: 'title' }) protected accessor titles!: HTMLElement[]\n\n  @queryAssignedElements({ flatten: true, slot: 'button' }) protected accessor buttons!: HTMLElement[]\n\n  /**\n   * To be set by a child class when closing the dialog.\n   * This is passed to the close event.\n   */\n  dialogValue?: unknown\n\n  #formId?: string\n\n  get formId(): string | undefined {\n    return this.#formId\n  }\n\n  @state() accessor #inject: TemplateResult | RenderFunction | undefined\n\n  #pendingStyles?: CSSResultOrNative[]\n\n  constructor() {\n    super()\n\n    this.addEventListener('click', this.handleClick)\n    this.addEventListener('keydown', this.handleKeyDown)\n  }\n\n  /**\n   * Allows to inject a template into the internals of the element.\n   * This is helpful when working with imperative dialogs.\n   * @param content The content to inject into the body.\n   */\n  inject(content?: TemplateResult | RenderFunction, styles?: CSSResultOrNative[]): void {\n    this.#inject = content\n    if (styles) {\n      if (this.shadowRoot) {\n        adoptStyles(this.shadowRoot, styles)\n      } else {\n        if (!this.#pendingStyles) {\n          this.#pendingStyles = []\n        }\n        this.#pendingStyles.push(...styles)\n      }\n    }\n    if (this.shadowRoot && styles) {\n      adoptStyles(this.shadowRoot, styles)\n    }\n  }\n\n  protected override firstUpdated(): void {\n    const styles = this.#pendingStyles\n    if (styles) {\n      const root = this.shadowRoot as ShadowRoot\n      const all = [...root.adoptedStyleSheets, ...styles]\n      adoptStyles(this.shadowRoot as ShadowRoot, all)\n    }\n  }\n\n  override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('useForm') && this.useForm && !this.#formId) {\n      const r = (Math.random() + 1).toString(36).substring(7)\n      this.#formId = `form-${r}`\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    super.handleClick(e)\n    const path = e.composedPath()\n    const { buttons } = this\n    const button = path.find((i) => buttons.includes(i as HTMLElement)) as HTMLButtonElement | UiButton | undefined\n    if (!button) {\n      return\n    }\n    if (button.type === 'submit') {\n      // Adds support for forms.\n      // When a form's submit button is clicked we yield the flow control to the form.\n      // This way the form can handle the submit event.\n      e.preventDefault()\n      return\n    }\n    const { value = '' } = button\n    this.handleInteraction(value as 'dismiss' | 'confirm')\n  }\n\n  override handleKeyDown(e: KeyboardEvent): void {\n    super.handleKeyDown(e)\n    if (e.key === 'Escape') {\n      this.handleInteraction('dismiss')\n    }\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('open')) {\n      this.#controlVisibility()\n    }\n    super.updated(changedProperties)\n  }\n\n  #controlVisibility(): void {\n    const { dialog, modal, open } = this\n    if (!dialog) {\n      return\n    }\n    if (open) {\n      if (modal) {\n        dialog.showModal()\n      } else {\n        dialog.show()\n      }\n    } else {\n      dialog.close()\n    }\n  }\n\n  #handleSlotChange(): void {\n    const { icons, titles, buttons } = this\n    this.hasIcon = !!icons && !!icons.length\n    this.hasTitle = !!titles && !!titles.length\n    this.hasButton = !!buttons && !!buttons.length\n  }\n\n  protected handleInteraction(value: 'dismiss' | 'confirm'): void {\n    if (!['dismiss', 'confirm'].includes(value)) {\n      return\n    }\n    this.open = false\n    const detail: UiDialogClosingReason = {\n      cancelled: value === 'dismiss',\n    }\n    if (this.dialogValue !== undefined) {\n      detail.value = this.dialogValue\n    }\n    this.dispatchEvent(\n      new CustomEvent<UiDialogClosingReason>('close', {\n        composed: true,\n        detail,\n      })\n    )\n  }\n\n  protected handleDialogClose(): void {\n    if (!this.open) {\n      return\n    }\n    this.open = false\n    this.handleInteraction('dismiss')\n  }\n\n  protected handleDismiss(): void {\n    this.handleInteraction('dismiss')\n  }\n\n  protected handleConfirm(): void {\n    if (!this.useForm) {\n      this.handleInteraction('confirm')\n    }\n  }\n\n  #handleSubmit(event: SubmitEvent): void {\n    const form = event.target as HTMLFormElement\n    const copy = new SyntheticSubmitEvent(event.type, form, {\n      submitter: event.submitter,\n      cancelable: true,\n      bubbles: false,\n      composed: false,\n    })\n    const dispatched = this.dispatchEvent(copy)\n    if (dispatched) {\n      this.handleInteraction('confirm')\n    } else {\n      event.preventDefault()\n    }\n  }\n\n  override render(): TemplateResult {\n    const { useForm } = this\n    return html`\n      <dialog @close=\"${this.handleDialogClose}\">\n        <div class=\"container\">${useForm ? this.#renderFormContent() : this.renderContent()}</div>\n      </dialog>\n    `\n  }\n\n  protected renderContent(): TemplateResult[] | TemplateResult {\n    return [this.renderIcon(), this.renderTitle(), this.renderBody(), this.renderButtons()]\n  }\n\n  #renderFormContent(): TemplateResult {\n    return html`\n      <form id=\"${ifDefined(this.formId)}\" method=\"dialog\" @submit=\"${this.#handleSubmit}\">\n        ${this.renderContent()}\n      </form>\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    const classes: ClassInfo = {\n      'icon': true,\n      'with-icon': this.hasIcon,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"icon\">\n        <slot name=\"icon\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderTitle(): TemplateResult {\n    const classes: ClassInfo = {\n      'title': true,\n      'with-title': this.hasTitle,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"title\">\n        <slot name=\"title\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n      </div>\n    `\n  }\n\n  protected renderBody(): TemplateResult {\n    let content = this.#inject\n    if (typeof content === 'function') {\n      content = content()\n    }\n    const injected = content || nothing\n    return html` <div class=\"content\"><slot></slot>${injected}</div> `\n  }\n\n  protected renderButtons(): TemplateResult {\n    const classes: ClassInfo = {\n      'buttons': true,\n      'with-buttons': this.hasButton || !!this.confirmLabel || !!this.dismissLabel,\n    }\n    return html`\n      <div class=\"${classMap(classes)}\" part=\"button\">\n        <slot name=\"button\" @slotchange=\"${this.#handleSlotChange}\"></slot>\n        ${this.#renderDismissButton()} ${this.#renderConfirmButton()}\n      </div>\n    `\n  }\n\n  #renderDismissButton(): TemplateResult | typeof nothing {\n    const { dismissLabel } = this\n    if (!dismissLabel) {\n      return nothing\n    }\n    return html`\n      <ui-text-button value=\"dismiss\" class=\"internal-button\" @click=\"${this.handleDismiss}\"\n        >${dismissLabel}</ui-text-button\n      >\n    `\n  }\n\n  #renderConfirmButton(): TemplateResult | typeof nothing {\n    const { confirmLabel, confirmValue = 'confirm', useForm } = this\n    if (!confirmLabel) {\n      return nothing\n    }\n    const type = useForm ? 'submit' : 'button'\n    return html`\n      <ui-text-button type=\"${type}\" value=\"${confirmValue}\" class=\"internal-button\" @click=\"${this.handleConfirm}\"\n        >${confirmLabel}</ui-text-button\n      >\n    `\n  }\n}\n"]}

package/build/src/md/dialog/internals/Dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":";AAEA,wBAwHC"}
+{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":";AAEA,wBA4HC"}

package/build/src/md/dialog/internals/Dialog.styles.js

@@ -6,8 +6,7 @@ export default css `
 
   dialog {
     overflow: hidden;
-    display: flex;
-    flex-direction: column;
+    /* Do not override the display value here. It will render the dialog even when hidden */
 
     border: none;
     border-radius: var(--md-sys-shape-corner-extra-large);
@@ -32,6 +31,19 @@ export default css `
     pointer-events: none;
   }
 
+  dialog:open {
+    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;
+  }
+
+  dialog:open::backdrop {
+    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;
+  }
+
+  .container {
+    display: flex;
+    flex-direction: column;
+  }
+
   .icon {
     display: none;
   }
@@ -94,14 +106,6 @@ export default css `
     margin-right: 12px;
   }
 
-  dialog[open] {
-    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;
-  }
-
-  dialog[open]::backdrop {
-    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;
-  }
-
   @keyframes show-dialog {
     from {
       transform: translateY(-110%) scaleY(0);

package/build/src/md/dialog/internals/Dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: contents;\n  }\n\n  dialog {\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n\n    border: none;\n    border-radius: var(--md-sys-shape-corner-extra-large);\n    background-color: var(--md-sys-color-surface);\n    box-shadow: var(--md-sys-elevation-3);\n    color: var(--md-sys-color-on-surface-variant);\n    padding: 24px;\n\n    max-width: var(--ui-dialog-max-width, revert);\n    max-height: var(--ui-dialog-max-height, revert);\n    width: var(--ui-dialog--width, revert);\n    height: var(--ui-dialog-height, revert);\n  }\n\n  dialog::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background-color: var(--md-sys-color-surface-tint);\n    opacity: 0.11;\n    pointer-events: none;\n  }\n\n  .icon {\n    display: none;\n  }\n\n  .icon.with-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .icon ::slotted(*) {\n    color: var(--md-sys-color-secondary);\n    fill: var(--md-sys-color-secondary);\n    width: 24px;\n    height: 24px;\n  }\n\n  .title {\n    display: none;\n    color: var(--md-sys-color-on-surface);\n    font-family: var(--md-sys-typescale-headline-small-font);\n    font-weight: var(--md-sys-typescale-headline-small-weight);\n    font-size: var(--md-sys-typescale-headline-small-size);\n    letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n    line-height: var(--md-sys-typescale-headline-small-height);\n    margin: 0;\n    padding: 0;\n    text-align: center;\n  }\n\n  .title.with-title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .content {\n    overflow: auto;\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n  }\n\n  .buttons {\n    display: none;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n  }\n\n  .buttons.with-buttons {\n    margin-top: 24px;\n  }\n\n  .buttons ::slotted(:not(:last-child)) {\n    margin-right: 12px;\n  }\n\n  dialog[open] {\n    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;\n  }\n\n  dialog[open]::backdrop {\n    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;\n  }\n\n  @keyframes show-dialog {\n    from {\n      transform: translateY(-110%) scaleY(0);\n    }\n    to {\n      transform: translateY(0%) scaleY(1);\n    }\n  }\n\n  @keyframes show-backdrop {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n`\n"]}
+{"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../../../src/md/dialog/internals/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4HjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: contents;\n  }\n\n  dialog {\n    overflow: hidden;\n    /* Do not override the display value here. It will render the dialog even when hidden */\n\n    border: none;\n    border-radius: var(--md-sys-shape-corner-extra-large);\n    background-color: var(--md-sys-color-surface);\n    box-shadow: var(--md-sys-elevation-3);\n    color: var(--md-sys-color-on-surface-variant);\n    padding: 24px;\n\n    max-width: var(--ui-dialog-max-width, revert);\n    max-height: var(--ui-dialog-max-height, revert);\n    width: var(--ui-dialog--width, revert);\n    height: var(--ui-dialog-height, revert);\n  }\n\n  dialog::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background-color: var(--md-sys-color-surface-tint);\n    opacity: 0.11;\n    pointer-events: none;\n  }\n\n  dialog:open {\n    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-dialog;\n  }\n\n  dialog:open::backdrop {\n    animation: 250ms cubic-bezier(0.2, 0, 0, 1) show-backdrop;\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .icon {\n    display: none;\n  }\n\n  .icon.with-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .icon ::slotted(*) {\n    color: var(--md-sys-color-secondary);\n    fill: var(--md-sys-color-secondary);\n    width: 24px;\n    height: 24px;\n  }\n\n  .title {\n    display: none;\n    color: var(--md-sys-color-on-surface);\n    font-family: var(--md-sys-typescale-headline-small-font);\n    font-weight: var(--md-sys-typescale-headline-small-weight);\n    font-size: var(--md-sys-typescale-headline-small-size);\n    letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n    line-height: var(--md-sys-typescale-headline-small-height);\n    margin: 0;\n    padding: 0;\n    text-align: center;\n  }\n\n  .title.with-title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 16px;\n  }\n\n  .content {\n    overflow: auto;\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n  }\n\n  .buttons {\n    display: none;\n    display: flex;\n    align-items: center;\n    justify-content: end;\n  }\n\n  .buttons.with-buttons {\n    margin-top: 24px;\n  }\n\n  .buttons ::slotted(:not(:last-child)) {\n    margin-right: 12px;\n  }\n\n  @keyframes show-dialog {\n    from {\n      transform: translateY(-110%) scaleY(0);\n    }\n    to {\n      transform: translateY(0%) scaleY(1);\n    }\n  }\n\n  @keyframes show-backdrop {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n`\n"]}

package/demo/elements/authorization/api-key.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="api-key.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/api-key.js"></script>
 </body>
 
 </html>

package/demo/elements/authorization/basic.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="basic.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/basic.js"></script>
 </body>
 
 </html>

package/demo/elements/authorization/bearer.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="bearer.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/bearer.js"></script>
 </body>
 
 </html>

package/demo/elements/authorization/index.html

@@ -38,9 +38,6 @@
         
         <dt><a href="oidc.html">OpenID Connect (OIDC)</a></dt>
         <dd>OpenID Connect authorization method.</dd>
-        
-        <dt><a href="cc.html">Client certificate (custom)</a></dt>
-        <dd>Client certificate authorization method.</dd>
       </dl>
     </nav>
   </main>

package/demo/elements/authorization/ntlm.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="ntlm.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/ntlm.js"></script>
 </body>
 
 </html>

package/demo/elements/authorization/oauth-authorize.html

@@ -70,6 +70,6 @@
       <ui-filled-button class="login-button">Authorize</ui-filled-button>
     </form>
   </section>
-  <script type="module" src="oauth-authorize.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/oauth-authorize.js"></script>
 </body>
 </html>

package/demo/elements/authorization/oauth-error.html

@@ -13,6 +13,6 @@
   <link href="../../page.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
-  <script type="module" src="oauth-error.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/oauth-error.js"></script>
 </body>
 </html>

package/demo/elements/authorization/oauth2.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="oauth2.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/oauth2.js"></script>
 </body>
 
 </html>

package/demo/elements/authorization/oidc.html

@@ -21,7 +21,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="oidc.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/authorization/oidc.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/basic.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="basic.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/basic.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/custom-data.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="custom-data.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/custom-data.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/enabled-state.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="enabled-state.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/enabled-state.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/icons.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="icons.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/icons.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/nested.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="nestedt.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/nestedt.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/no-execute.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="no-execute.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/no-execute.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/radio-menu.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="radio-menu.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/radio-menu.js"></script>
 </body>
 
 </html>

package/demo/elements/context-menu/separators.html

@@ -19,7 +19,7 @@
 
 <body class="demo">
   <div id="app"></div>
-  <script type="module" src="separators.ts"></script>
+  <script type="module" src="/.tmp/demo/elements/context-menu/separators.js"></script>
 </body>
 
 </html>