@rarui/components 0.0.0-rc.2 → 1.0.0-rc.1

package/dist/collection/exhibition/Title/dist/cjs/{index-d70084e6.js → index-5520d5db.js}

@@ -20,8 +20,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-const NAMESPACE = 'rarui-button';
-const BUILD = /* rarui-button */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: false, style: false, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: false, vdomXlink: false, watchCallback: false };
+const NAMESPACE = 'rarui-title';
+const BUILD = /* rarui-title */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: false, style: false, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: false, vdomXlink: true, watchCallback: false };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -79,6 +79,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 };
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
 var plt = {
@@ -130,9 +131,6 @@ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
 // src/utils/constants.ts
 var EMPTY_OBJ = {};
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null;
 var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
@@ -319,9 +317,6 @@ var convertToPrivate = (node) => {
 };
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 4 /* Boolean */) {
-      return propValue === "false" ? false : propValue === "" || !!propValue;
-    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }
@@ -338,14 +333,57 @@ var emitEvent = (elm, name, opts) => {
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   if (oldValue !== newValue) {
     let isProp = isMemberInElement(elm, memberName);
-    memberName.toLowerCase();
+    let ln = memberName.toLowerCase();
     if (memberName === "class") {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
       const newClasses = parseClassList(newValue);
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-    } else if (memberName === "key") ; else {
+    } else if (memberName === "style") {
+      {
+        for (const prop in oldValue) {
+          if (!newValue || newValue[prop] == null) {
+            if (prop.includes("-")) {
+              elm.style.removeProperty(prop);
+            } else {
+              elm.style[prop] = "";
+            }
+          }
+        }
+      }
+      for (const prop in newValue) {
+        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+          if (prop.includes("-")) {
+            elm.style.setProperty(prop, newValue[prop]);
+          } else {
+            elm.style[prop] = newValue[prop];
+          }
+        }
+      }
+    } else if (memberName === "key") ; else if (memberName === "ref") {
+      if (newValue) {
+        newValue(elm);
+      }
+    } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+      if (memberName[2] === "-") {
+        memberName = memberName.slice(3);
+      } else if (isMemberInElement(win, ln)) {
+        memberName = ln.slice(2);
+      } else {
+        memberName = ln[2] + memberName.slice(3);
+      }
+      if (oldValue || newValue) {
+        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+        if (oldValue) {
+          plt.rel(elm, memberName, oldValue, capture);
+        }
+        if (newValue) {
+          plt.ael(elm, memberName, newValue, capture);
+        }
+      }
+    } else {
       const isComplex = isComplexType(newValue);
       if ((isProp || isComplex && newValue !== null) && !isSvg) {
         try {
@@ -362,15 +400,26 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         } catch (e) {
         }
       }
+      let xlink = false;
+      {
+        if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
+          memberName = ln;
+          xlink = true;
+        }
+      }
       if (newValue == null || newValue === false) {
         if (newValue !== false || elm.getAttribute(memberName) === "") {
-          {
+          if (xlink) {
+            elm.removeAttributeNS(XLINK_NS, memberName);
+          } else {
             elm.removeAttribute(memberName);
           }
         }
       } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
         newValue = newValue === true ? "" : newValue;
-        {
+        if (xlink) {
+          elm.setAttributeNS(XLINK_NS, memberName, newValue);
+        } else {
           elm.setAttribute(memberName, newValue);
         }
       }
@@ -379,6 +428,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
 };
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/runtime/vdom/update-element.ts
 var updateElement = (oldVnode, newVnode, isSvgMode2) => {
@@ -405,9 +456,6 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
-
-// src/runtime/vdom/vdom-render.ts
-var scopeId;
 var contentRef;
 var hostTagName;
 var useNativeShadowDom = false;
@@ -424,9 +472,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
   if (!useNativeShadowDom) {
     checkSlotRelocate = true;
     if (newVNode2.$tag$ === "slot") {
-      if (scopeId) {
-        parentElm.classList.add(scopeId + "-s");
-      }
       newVNode2.$flags$ |= newVNode2.$children$ ? (
         // slot element has fallback content
         // still create an element that "mocks" the slot element
@@ -448,15 +493,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
-      elm.classList.add(elm["s-si"] = scopeId);
-    }
-    {
-      updateElementScopeIds(elm, parentElm);
-    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
-        childNode = createElm(oldParentVNode, newVNode2, i2, elm);
+        childNode = createElm(oldParentVNode, newVNode2, i2);
         if (childNode) {
           elm.appendChild(childNode);
         }
@@ -511,7 +550,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
   let childNode;
   for (; startIdx <= endIdx; ++startIdx) {
     if (vnodes[startIdx]) {
-      childNode = createElm(null, parentVNode, startIdx, parentElm);
+      childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
         insertBefore(containerElm, childNode, referenceNode(before) );
@@ -524,6 +563,7 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
     const vnode = vnodes[index];
     if (vnode) {
       const elm = vnode.$elm$;
+      nullifyVNodeRefs(vnode);
       if (elm) {
         {
           checkSlotFallbackVisibility = true;
@@ -597,7 +637,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld, parentElm);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -605,7 +645,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         }
         newStartVnode = newCh[++newStartIdx];
       } else {
-        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx, parentElm);
+        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         newStartVnode = newCh[++newStartIdx];
       }
       if (node) {
@@ -755,38 +795,15 @@ var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
   }
   return slotName === "";
 };
-var insertBefore = (parent, newNode, reference) => {
-  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
+var nullifyVNodeRefs = (vNode) => {
   {
-    updateElementScopeIds(newNode, parent);
+    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
-  return inserted;
 };
-var findScopeIds = (element) => {
-  const scopeIds = [];
-  if (element) {
-    scopeIds.push(
-      ...element["s-scs"] || [],
-      element["s-si"],
-      element["s-sc"],
-      ...findScopeIds(element.parentElement)
-    );
-  }
-  return scopeIds;
-};
-var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
-  var _a;
-  if (element && parent && element.nodeType === 1 /* ElementNode */) {
-    const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
-    if (scopeIds.size) {
-      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
-      if (element["s-ol"] || iterateChildNodes) {
-        for (const childNode of Array.from(element.childNodes)) {
-          updateElementScopeIds(childNode, element, true);
-        }
-      }
-    }
-  }
+var insertBefore = (parent, newNode, reference) => {
+  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  return inserted;
 };
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   var _a, _b, _c, _d;
@@ -805,9 +822,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm;
-  {
-    scopeId = hostElm["s-sc"];
-  }
   useNativeShadowDom = supportsShadow ;
   {
     contentRef = hostElm["s-cr"];
@@ -1308,7 +1322,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
 exports.getElement = getElement;
 exports.h = h;
@@ -1316,4 +1329,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-d70084e6.js.map
+//# sourceMappingURL=index-5520d5db.js.map

package/dist/collection/exhibition/Title/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d70084e6.js');
+const index = require('./index-5520d5db.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["rarui-button.cjs",[[6,"rarui-button",{"appearance":[1],"variant":[1],"size":[1],"full":[4],"disabled":[4],"type":[1],"href":[1],"target":[1],"as":[1]}]]]], options);
+  return index.bootstrapLazy([["rarui-title.cjs",[[4,"rarui-title",{"lineclamp":[1],"as":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/exhibition/Title/dist/cjs/rarui-title.cjs.entry.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5520d5db.js');
+const styles = require('@rarui/styles');
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const RaruiTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.props = {};
+        this.lineclamp = undefined;
+        this.as = "h1";
+    }
+    render() {
+        var _a, _b;
+        const As = this.as;
+        const { className, style, otherProps } = styles.title.sprinkle(Object.assign(Object.assign({}, this.props), { fontWeight: (_a = this.props.fontWeight) !== null && _a !== void 0 ? _a : "$bold", textAlign: (_b = this.props.textAlign) !== null && _b !== void 0 ? _b : "left" }));
+        return (index.h(As, Object.assign({ key: 'd4d18bfd5b8357004d057f0c0f852ac3867b1f10', class: [
+                className,
+                styles.title.classnames.title({
+                    as: this.as,
+                }),
+            ].join(" "), style: Object.assign(Object.assign({}, style), { WebkitLineClamp: this === null || this === void 0 ? void 0 : this.lineclamp }) }, otherProps), index.h("slot", { key: '0f376dd592d5a25ced7c33adf8cd3a0b8d4af838' })));
+    }
+    get el() { return index.getElement(this); }
+};
+__decorate([
+    styles.CaptureCssProperties
+], RaruiTitle.prototype, "render", null);
+
+exports.rarui_title = RaruiTitle;
+
+//# sourceMappingURL=rarui-title.cjs.entry.js.map

package/dist/collection/exhibition/{Text/dist/cjs/rarui-button.cjs.js → Title/dist/cjs/rarui-title.cjs.js}

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d70084e6.js');
+const index = require('./index-5520d5db.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
  Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
-  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('rarui-button.cjs.js', document.baseURI).href));
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('rarui-title.cjs.js', document.baseURI).href));
   const opts = {};
   if (importMeta !== "") {
     opts.resourcesUrl = new URL(".", importMeta).href;
@@ -19,9 +19,9 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["rarui-button.cjs",[[6,"rarui-button",{"appearance":[1],"variant":[1],"size":[1],"full":[4],"disabled":[4],"type":[1],"href":[1],"target":[1],"as":[1]}]]]], options);
+  return index.bootstrapLazy([["rarui-title.cjs",[[4,"rarui-title",{"lineclamp":[1],"as":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;
 
-//# sourceMappingURL=rarui-button.cjs.js.map
+//# sourceMappingURL=rarui-title.cjs.js.map

package/dist/collection/exhibition/Title/dist/collection/Title.js

@@ -0,0 +1,66 @@
+import { __decorate } from "tslib";
+import { h } from "@stencil/core";
+import { title, CaptureCssProperties } from "@rarui/styles";
+export class RaruiTitle {
+    constructor() {
+        this.props = {};
+        this.lineclamp = undefined;
+        this.as = "h1";
+    }
+    render() {
+        var _a, _b;
+        const As = this.as;
+        const { className, style, otherProps } = title.sprinkle(Object.assign(Object.assign({}, this.props), { fontWeight: (_a = this.props.fontWeight) !== null && _a !== void 0 ? _a : "$bold", textAlign: (_b = this.props.textAlign) !== null && _b !== void 0 ? _b : "left" }));
+        return (h(As, Object.assign({ key: 'd4d18bfd5b8357004d057f0c0f852ac3867b1f10', class: [
+                className,
+                title.classnames.title({
+                    as: this.as,
+                }),
+            ].join(" "), style: Object.assign(Object.assign({}, style), { WebkitLineClamp: this === null || this === void 0 ? void 0 : this.lineclamp }) }, otherProps), h("slot", { key: '0f376dd592d5a25ced7c33adf8cd3a0b8d4af838' })));
+    }
+    static get is() { return "rarui-title"; }
+    static get properties() {
+        return {
+            "lineclamp": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "lineclamp",
+                "reflect": false
+            },
+            "as": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                    "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "as",
+                "reflect": false,
+                "defaultValue": "\"h1\""
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+__decorate([
+    CaptureCssProperties
+], RaruiTitle.prototype, "render", null);
+//# sourceMappingURL=Title.js.map