@odx/foundation 0.1.0-alpha.21 → 0.1.0-alpha.22

package/dist/src/lib/mixins/with-loading-state.js

@@ -5,11 +5,11 @@ import { dedupeMixin } from './dedupe-mixin.js';
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key) ;
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const WithLoadingState = dedupeMixin((superClass) => {
@@ -27,7 +27,7 @@ const WithLoadingState = dedupeMixin((superClass) => {
   }
   __decorateClass([
     property({ type: Boolean, reflect: true })
-  ], WithLoadingStateElement.prototype, "loading");
+  ], WithLoadingStateElement.prototype, "loading", 1);
   return WithLoadingStateElement;
 });
 

package/dist/src/lib/models/aria-mixin-strict.js

@@ -0,0 +1 @@
+

package/dist/src/lib/models/custom-element.css.js

@@ -1,3 +1,3 @@
-const customElementStyles = "@layer odx-reset,odx-base,odx-component,odx-theme;@layer odx-base{html,body{background-color:var(--odx-color-background-cool)}html{font-family:sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--odx-color-foreground);font-family:var(--odx-typography-font-family-base),\"Noto Sans\",\"Kanit\",sans-serif;font-size:var(--odx-breakpoint-font-size-p-base);line-height:var(--odx-breakpoint-line-height-p-md);margin:0;padding:0}*{scrollbar-color:var(--odx-color-neutral-rest) var(--odx-palette-transparent)}*:not(body){scrollbar-width:thin}h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height);color:inherit}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}@layer odx-base{[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer odx-reset{:where(*,*:before,*:after){box-sizing:border-box}:where(:host){box-sizing:border-box;border:none;color:inherit}#root,#__next{isolation:isolate}[hidden]{display:none}}";
+const customElementStyles = "@layer odx-reset, odx-base, odx-component, odx-theme;\n\n@layer odx-base{\n\nhtml,\nbody {\n  background-color: var(--odx-color-background-cool);\n}\n\nhtml {\n  font-family: sans-serif;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  color: var(--odx-color-foreground);\n  font-family: var(--odx-typography-font-family-base), \"Noto Sans\", \"Kanit\", sans-serif;\n  font-size: var(--odx-breakpoint-font-size-p-base);\n  line-height: var(--odx-breakpoint-line-height-p-md);\n  margin: 0;\n  padding: 0;\n}\n\n* {\n  scrollbar-color: var(--odx-color-neutral-rest) var(--odx-palette-transparent);\n}\n\n*:not(body) {\n  scrollbar-width: thin;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  display: block;\n  font-family: var(--odx-typography-font-family-brand);\n  font-size: var(--_font-size);\n  font-weight: var(--odx-typography-font-weight-semibold);\n  line-height: var(--_line-height);\n  color: inherit;\n}\n\nh6 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-6);\n  --_line-height: var(--odx-breakpoint-line-height-heading-6);\n}\n\nh5 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-5);\n  --_line-height: var(--odx-breakpoint-line-height-heading-5);\n}\n\nh4 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-4);\n  --_line-height: var(--odx-breakpoint-line-height-heading-4);\n}\n\nh3 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-3);\n  --_line-height: var(--odx-breakpoint-line-height-heading-3);\n}\n\nh2 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-2);\n  --_line-height: var(--odx-breakpoint-line-height-heading-2);\n}\n\nh1 {\n  --_font-size: var(--odx-breakpoint-font-size-heading-1);\n  --_line-height: var(--odx-breakpoint-line-height-heading-1);\n}\n}\n\n@layer odx-base{\n[odxPreventTextOverflow] {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n}\n\n@layer odx-reset {\n  :where(*, *::before, *::after) {\n    box-sizing: border-box;\n  }\n\n  :where(:host) {\n    box-sizing: border-box;\n    border: none;\n    color: inherit;\n  }\n\n  #root,\n  #__next {\n    isolation: isolate;\n  }\n\n  [hidden] {\n    display: none;\n  }\n}\n";
 
 export { customElementStyles as default };

package/dist/src/lib/models/custom-element.js

@@ -1,4 +1,4 @@
-import { LitElement, html, unsafeCSS, CSSResult } from 'lit';
+import { unsafeCSS, CSSResult, LitElement, html } from 'lit';
 import customElementStyles from './custom-element.css.js';
 
 function toCSSResult(value) {

package/dist/src/lib/models/index.js

@@ -0,0 +1,4 @@
+import './aria-mixin-strict.js';
+export { CustomElement, customElement } from './custom-element.js';
+import './locale.js';
+import './single-unit-identifier.js';

package/dist/src/lib/models/locale.js

@@ -0,0 +1 @@
+

package/dist/src/lib/models/single-unit-identifier.js

@@ -0,0 +1 @@
+

package/dist/src/lib/utils/index.js

@@ -0,0 +1,12 @@
+export { createMutationObserver } from './create-mutation-observer.js';
+export { createOptions } from './create-options.js';
+export { findClosestDocument, getElementFromEvent, toPx, toggleAttribute } from './dom.js';
+export { formatDate, formatList, formatNumber, formatRelativeTime, iso8601DateTimeFormat } from './format.js';
+export { clearUniqueIdCache, getUniqueId } from './get-unique-id.js';
+export { KeyboardKey, getKeyboardEventInfo } from './keyboard-events.js';
+export { getLocale, getLocalizationOptions, setLocale, setLocalizationOptions, watchLocaleChanges } from './localization.js';
+export { parseDate } from './parse-date.js';
+export { requestUpdateOnAriaChange } from './request-update-on-aria-change.js';
+export { SharedIntersectionObserver } from './shared-intersection-observer.js';
+export { SharedResizeObserver } from './shared-resize-observer.js';
+export { waitForAnimations } from './wait-for-animations.js';

package/dist/src/main.js

@@ -1,3 +1,10 @@
+import './lib/controllers/index.js';
+import './lib/directives/index.js';
+import './lib/external/index.js';
+import './lib/facade/index.js';
+import './lib/mixins/index.js';
+import './lib/models/index.js';
+import './lib/utils/index.js';
 export { FocusTrapController } from './lib/controllers/focus-trap.controller.js';
 export { fromAriaBooleanAttribute, toAriaBooleanAttribute } from './lib/directives/aria-boolean-attr.js';
 export { optionalAttr } from './lib/directives/optional-attr.js';