@hortiview/shared-components 0.0.4721 → 0.0.4723

package/dist/component-DJvMx3oL.cjs

@@ -0,0 +1,148 @@
+"use strict";const d=require("./tslib.es6-D1TYK0An.cjs");/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var h=function(){function a(i){i===void 0&&(i={}),this.adapter=i}return Object.defineProperty(a,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(a,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),a.prototype.init=function(){},a.prototype.destroy=function(){},a}();/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var S=function(){function a(i,t){for(var e=[],n=2;n<arguments.length;n++)e[n-2]=arguments[n];this.root=i,this.initialize.apply(this,d.__spreadArray([],d.__read(e))),this.foundation=t===void 0?this.getDefaultFoundation():t,this.foundation.init(),this.initialSyncWithDOM()}return a.attachTo=function(i){return new a(i,new h({}))},a.prototype.initialize=function(){},a.prototype.getDefaultFoundation=function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class")},a.prototype.initialSyncWithDOM=function(){},a.prototype.destroy=function(){this.foundation.destroy()},a.prototype.listen=function(i,t,e){this.root.addEventListener(i,t,e)},a.prototype.unlisten=function(i,t,e){this.root.removeEventListener(i,t,e)},a.prototype.emit=function(i,t,e){e===void 0&&(e=!1);var n;typeof CustomEvent=="function"?n=new CustomEvent(i,{bubbles:e,detail:t}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(i,e,!1,t)),this.root.dispatchEvent(n)},a}();/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */function b(a,i){if(a.closest)return a.closest(i);for(var t=a;t;){if(_(t,i))return t;t=t.parentElement}return null}function _(a,i){var t=a.matches||a.webkitMatchesSelector||a.msMatchesSelector;return t.call(a,i)}function D(a){var i=a;if(i.offsetParent!==null)return i.scrollWidth;var t=i.cloneNode(!0);t.style.setProperty("position","absolute"),t.style.setProperty("transform","translate(-9999px, -9999px)"),document.documentElement.appendChild(t);var e=t.scrollWidth;return document.documentElement.removeChild(t),e}const R=Object.freeze(Object.defineProperty({__proto__:null,closest:b,estimateScrollWidth:D,matches:_},Symbol.toStringTag,{value:"Module"}));/**
+ * @license
+ * Copyright 2019 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */function l(a){return a===void 0&&(a=window),F(a)?{passive:!0}:!1}function F(a){a===void 0&&(a=window);var i=!1;try{var t={get passive(){return i=!0,!1}},e=function(){};a.document.addEventListener("test",e,t),a.document.removeEventListener("test",e,t)}catch{i=!1}return i}/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var w={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"},V={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"},C={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300},p;function O(a,i){i===void 0&&(i=!1);var t=a.CSS,e=p;if(typeof p=="boolean"&&!i)return p;var n=t&&typeof t.supports=="function";if(!n)return!1;var r=t.supports("--css-vars","yes"),s=t.supports("(--css-vars: yes)")&&t.supports("color","#00000000");return e=r||s,i||(p=e),e}function H(a,i,t){if(!a)return{x:0,y:0};var e=i.x,n=i.y,r=e+t.left,s=n+t.top,o,u;if(a.type==="touchstart"){var f=a;o=f.changedTouches[0].pageX-r,u=f.changedTouches[0].pageY-s}else{var c=a;o=c.pageX-r,u=c.pageY-s}return{x:o,y:u}}/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var T=["touchstart","pointerdown","mousedown","keydown"],E=["touchend","pointerup","mouseup","contextmenu"],v=[],I=function(a){d.__extends(i,a);function i(t){var e=a.call(this,d.__assign(d.__assign({},i.defaultAdapter),t))||this;return e.activationAnimationHasEnded_=!1,e.activationTimer_=0,e.fgDeactivationRemovalTimer_=0,e.fgScale_="0",e.frame_={width:0,height:0},e.initialSize_=0,e.layoutFrame_=0,e.maxRadius_=0,e.unboundedCoords_={left:0,top:0},e.activationState_=e.defaultActivationState_(),e.activationTimerCallback_=function(){e.activationAnimationHasEnded_=!0,e.runDeactivationUXLogicIfReady_()},e.activateHandler_=function(n){return e.activate_(n)},e.deactivateHandler_=function(){return e.deactivate_()},e.focusHandler_=function(){return e.handleFocus()},e.blurHandler_=function(){return e.handleBlur()},e.resizeHandler_=function(){return e.layout()},e}return Object.defineProperty(i,"cssClasses",{get:function(){return w},enumerable:!1,configurable:!0}),Object.defineProperty(i,"strings",{get:function(){return V},enumerable:!1,configurable:!0}),Object.defineProperty(i,"numbers",{get:function(){return C},enumerable:!1,configurable:!0}),Object.defineProperty(i,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!1,configurable:!0}),i.prototype.init=function(){var t=this,e=this.supportsPressRipple_();if(this.registerRootHandlers_(e),e){var n=i.cssClasses,r=n.ROOT,s=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter.addClass(r),t.adapter.isUnbounded()&&(t.adapter.addClass(s),t.layoutInternal_())})}},i.prototype.destroy=function(){var t=this;if(this.supportsPressRipple_()){this.activationTimer_&&(clearTimeout(this.activationTimer_),this.activationTimer_=0,this.adapter.removeClass(i.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer_&&(clearTimeout(this.fgDeactivationRemovalTimer_),this.fgDeactivationRemovalTimer_=0,this.adapter.removeClass(i.cssClasses.FG_DEACTIVATION));var e=i.cssClasses,n=e.ROOT,r=e.UNBOUNDED;requestAnimationFrame(function(){t.adapter.removeClass(n),t.adapter.removeClass(r),t.removeCssVars_()})}this.deregisterRootHandlers_(),this.deregisterDeactivationHandlers_()},i.prototype.activate=function(t){this.activate_(t)},i.prototype.deactivate=function(){this.deactivate_()},i.prototype.layout=function(){var t=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){t.layoutInternal_(),t.layoutFrame_=0})},i.prototype.setUnbounded=function(t){var e=i.cssClasses.UNBOUNDED;t?this.adapter.addClass(e):this.adapter.removeClass(e)},i.prototype.handleFocus=function(){var t=this;requestAnimationFrame(function(){return t.adapter.addClass(i.cssClasses.BG_FOCUSED)})},i.prototype.handleBlur=function(){var t=this;requestAnimationFrame(function(){return t.adapter.removeClass(i.cssClasses.BG_FOCUSED)})},i.prototype.supportsPressRipple_=function(){return this.adapter.browserSupportsCssVars()},i.prototype.defaultActivationState_=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},i.prototype.registerRootHandlers_=function(t){var e=this;t&&(T.forEach(function(n){e.adapter.registerInteractionHandler(n,e.activateHandler_)}),this.adapter.isUnbounded()&&this.adapter.registerResizeHandler(this.resizeHandler_)),this.adapter.registerInteractionHandler("focus",this.focusHandler_),this.adapter.registerInteractionHandler("blur",this.blurHandler_)},i.prototype.registerDeactivationHandlers_=function(t){var e=this;t.type==="keydown"?this.adapter.registerInteractionHandler("keyup",this.deactivateHandler_):E.forEach(function(n){e.adapter.registerDocumentInteractionHandler(n,e.deactivateHandler_)})},i.prototype.deregisterRootHandlers_=function(){var t=this;T.forEach(function(e){t.adapter.deregisterInteractionHandler(e,t.activateHandler_)}),this.adapter.deregisterInteractionHandler("focus",this.focusHandler_),this.adapter.deregisterInteractionHandler("blur",this.blurHandler_),this.adapter.isUnbounded()&&this.adapter.deregisterResizeHandler(this.resizeHandler_)},i.prototype.deregisterDeactivationHandlers_=function(){var t=this;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler_),E.forEach(function(e){t.adapter.deregisterDocumentInteractionHandler(e,t.deactivateHandler_)})},i.prototype.removeCssVars_=function(){var t=this,e=i.strings,n=Object.keys(e);n.forEach(function(r){r.indexOf("VAR_")===0&&t.adapter.updateCssVariable(e[r],null)})},i.prototype.activate_=function(t){var e=this;if(!this.adapter.isSurfaceDisabled()){var n=this.activationState_;if(!n.isActivated){var r=this.previousActivationEvent_,s=r&&t!==void 0&&r.type!==t.type;if(!s){n.isActivated=!0,n.isProgrammatic=t===void 0,n.activationEvent=t,n.wasActivatedByPointer=n.isProgrammatic?!1:t!==void 0&&(t.type==="mousedown"||t.type==="touchstart"||t.type==="pointerdown");var o=t!==void 0&&v.length>0&&v.some(function(u){return e.adapter.containsEventTarget(u)});if(o){this.resetActivationState_();return}t!==void 0&&(v.push(t.target),this.registerDeactivationHandlers_(t)),n.wasElementMadeActive=this.checkElementMadeActive_(t),n.wasElementMadeActive&&this.animateActivation_(),requestAnimationFrame(function(){v=[],!n.wasElementMadeActive&&t!==void 0&&(t.key===" "||t.keyCode===32)&&(n.wasElementMadeActive=e.checkElementMadeActive_(t),n.wasElementMadeActive&&e.animateActivation_()),n.wasElementMadeActive||(e.activationState_=e.defaultActivationState_())})}}}},i.prototype.checkElementMadeActive_=function(t){return t!==void 0&&t.type==="keydown"?this.adapter.isSurfaceActive():!0},i.prototype.animateActivation_=function(){var t=this,e=i.strings,n=e.VAR_FG_TRANSLATE_START,r=e.VAR_FG_TRANSLATE_END,s=i.cssClasses,o=s.FG_DEACTIVATION,u=s.FG_ACTIVATION,f=i.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal_();var c="",m="";if(!this.adapter.isUnbounded()){var A=this.getFgTranslationCoordinates_(),g=A.startPoint,y=A.endPoint;c=g.x+"px, "+g.y+"px",m=y.x+"px, "+y.y+"px"}this.adapter.updateCssVariable(n,c),this.adapter.updateCssVariable(r,m),clearTimeout(this.activationTimer_),clearTimeout(this.fgDeactivationRemovalTimer_),this.rmBoundedActivationClasses_(),this.adapter.removeClass(o),this.adapter.computeBoundingRect(),this.adapter.addClass(u),this.activationTimer_=setTimeout(function(){return t.activationTimerCallback_()},f)},i.prototype.getFgTranslationCoordinates_=function(){var t=this.activationState_,e=t.activationEvent,n=t.wasActivatedByPointer,r;n?r=H(e,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):r={x:this.frame_.width/2,y:this.frame_.height/2},r={x:r.x-this.initialSize_/2,y:r.y-this.initialSize_/2};var s={x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2};return{startPoint:r,endPoint:s}},i.prototype.runDeactivationUXLogicIfReady_=function(){var t=this,e=i.cssClasses.FG_DEACTIVATION,n=this.activationState_,r=n.hasDeactivationUXRun,s=n.isActivated,o=r||!s;o&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter.addClass(e),this.fgDeactivationRemovalTimer_=setTimeout(function(){t.adapter.removeClass(e)},C.FG_DEACTIVATION_MS))},i.prototype.rmBoundedActivationClasses_=function(){var t=i.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded_=!1,this.adapter.computeBoundingRect()},i.prototype.resetActivationState_=function(){var t=this;this.previousActivationEvent_=this.activationState_.activationEvent,this.activationState_=this.defaultActivationState_(),setTimeout(function(){return t.previousActivationEvent_=void 0},i.numbers.TAP_DELAY_MS)},i.prototype.deactivate_=function(){var t=this,e=this.activationState_;if(e.isActivated){var n=d.__assign({},e);e.isProgrammatic?(requestAnimationFrame(function(){return t.animateDeactivation_(n)}),this.resetActivationState_()):(this.deregisterDeactivationHandlers_(),requestAnimationFrame(function(){t.activationState_.hasDeactivationUXRun=!0,t.animateDeactivation_(n),t.resetActivationState_()}))}},i.prototype.animateDeactivation_=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady_()},i.prototype.layoutInternal_=function(){var t=this;this.frame_=this.adapter.computeBoundingRect();var e=Math.max(this.frame_.height,this.frame_.width),n=function(){var s=Math.sqrt(Math.pow(t.frame_.width,2)+Math.pow(t.frame_.height,2));return s+i.numbers.PADDING};this.maxRadius_=this.adapter.isUnbounded()?e:n();var r=Math.floor(e*i.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&r%2!==0?this.initialSize_=r-1:this.initialSize_=r,this.fgScale_=""+this.maxRadius_/this.initialSize_,this.updateLayoutCssVars_()},i.prototype.updateLayoutCssVars_=function(){var t=i.strings,e=t.VAR_FG_SIZE,n=t.VAR_LEFT,r=t.VAR_TOP,s=t.VAR_FG_SCALE;this.adapter.updateCssVariable(e,this.initialSize_+"px"),this.adapter.updateCssVariable(s,this.fgScale_),this.adapter.isUnbounded()&&(this.unboundedCoords_={left:Math.round(this.frame_.width/2-this.initialSize_/2),top:Math.round(this.frame_.height/2-this.initialSize_/2)},this.adapter.updateCssVariable(n,this.unboundedCoords_.left+"px"),this.adapter.updateCssVariable(r,this.unboundedCoords_.top+"px"))},i}(h);/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var N=function(a){d.__extends(i,a);function i(){var t=a!==null&&a.apply(this,arguments)||this;return t.disabled=!1,t}return i.attachTo=function(t,e){e===void 0&&(e={isUnbounded:void 0});var n=new i(t);return e.isUnbounded!==void 0&&(n.unbounded=e.isUnbounded),n},i.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return O(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(e,n){return document.documentElement.removeEventListener(e,n,l())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,l())},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return _(t.root,":active")},isSurfaceDisabled:function(){return!!t.disabled},isUnbounded:function(){return!!t.unbounded},registerDocumentInteractionHandler:function(e,n){return document.documentElement.addEventListener(e,n,l())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,l())},registerResizeHandler:function(e){return window.addEventListener("resize",e)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,n){return t.root.style.setProperty(e,n)}}},Object.defineProperty(i.prototype,"unbounded",{get:function(){return!!this.unbounded_},set:function(t){this.unbounded_=!!t,this.setUnbounded_()},enumerable:!1,configurable:!0}),i.prototype.activate=function(){this.foundation.activate()},i.prototype.deactivate=function(){this.foundation.deactivate()},i.prototype.layout=function(){this.foundation.layout()},i.prototype.getDefaultFoundation=function(){return new I(i.createAdapter(this))},i.prototype.initialSyncWithDOM=function(){var t=this.root;this.unbounded="mdcRippleIsUnbounded"in t.dataset},i.prototype.setUnbounded_=function(){this.foundation.setUnbounded(!!this.unbounded_)},i}(S);exports.MDCComponent=S;exports.MDCFoundation=h;exports.MDCRipple=N;exports.MDCRippleFoundation=I;exports.applyPassive=l;exports.closest=b;exports.estimateScrollWidth=D;exports.matches=_;exports.ponyfill=R;

package/dist/{component-DCtofpGS.js → component-Rx4bNsGO.js}

@@ -1,4 +1,4 @@
-import { a as b, b as I, c as E, _ as v } from "./tslib.es6-BOWp4lfV.js";
+import { b, c as I, _ as E, a as v } from "./tslib.es6-CIXEwqhg.js";
 /**
  * @license
  * Copyright 2016 Google Inc.

package/dist/components/BaseView/BaseView.js

@@ -1,14 +1,14 @@
-import "../../assets/BaseView.css";
 import { jsx as p, Fragment as $, jsxs as G } from "react/jsx-runtime";
 import b, { forwardRef as P, useMemo as f, useRef as H, useImperativeHandle as O, useContext as B, createContext as E } from "react";
 import { EmptyView as D } from "../EmptyView/EmptyView.js";
 import { ListArea as z } from "../ListArea/ListArea.js";
 import { VerticalDivider as M } from "../VerticalDivider/VerticalDivider.js";
-import { a as S } from "../../useBreakpoint-DROHPVxO.js";
+import { s as S } from "../../baseView.module-DXWalo9p.js";
+import { u as V } from "../../useBreakpoint-DyAmuka7.js";
 import { BasicHeading as T } from "../BasicHeading/BasicHeading.js";
-import { d as V, P as e, c as x, _ as A } from "../../index.es-BahjEG5L.js";
-import { G as k } from "../../index.es-hAl7Wxm5.js";
-const R = /* @__PURE__ */ E({}), j = {
+import { d as j, P as e, c as x, _ as A } from "../../index.es-Cct4Uapb.js";
+import { G as k } from "../../index.es-CNBieliG.js";
+const R = /* @__PURE__ */ E({}), I = {
   /**
    * @deprecated _Use `variant`='airy' instead._
    *
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ E({}), j = {
    *
    * Defaults to **undefined**.
    */
-  airy: V(e.bool, "Grid", 'Use `variant`="airy" instead.'),
+  airy: j(e.bool, "Grid", 'Use `variant`="airy" instead.'),
   /**
    * Accepts GridCol or GridRow.
    *
@@ -77,7 +77,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'standard'**.
    */
   variant: e.oneOf(["standard", "airy", "none"])
-}, I = {
+}, L = {
   airy: void 0,
   children: null,
   className: void 0,
@@ -89,7 +89,7 @@ const R = /* @__PURE__ */ E({}), j = {
   style: void 0,
   useMaxWidth: !1,
   variant: "standard"
-}, L = {
+}, q = {
   /**
    * Alignment of cell within the row: top, middle, bottom. If omitted the col will stretch to the height of the row.
    *
@@ -150,7 +150,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'top'**.
    */
   verticalAlign: e.oneOf(["top", "middle", "bottom"])
-}, q = {
+}, F = {
   align: void 0,
   children: null,
   className: void 0,
@@ -161,7 +161,7 @@ const R = /* @__PURE__ */ E({}), j = {
   phoneCol: null,
   tabletCol: null,
   verticalAlign: "top"
-}, F = {
+}, U = {
   /**
    * Content to be rendered inside the GridRow. Accepts any valid markup.
    *
@@ -174,7 +174,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **undefined**.
    */
   className: e.string
-}, U = {
+}, J = {
   children: null,
   className: void 0
 }, w = /* @__PURE__ */ P((c, u) => {
@@ -195,20 +195,20 @@ const R = /* @__PURE__ */ E({}), j = {
     fullHeight: t,
     rowGap: i,
     columnGap: n
-  }), [n, t, i]), C = H();
-  O(u, () => C.current, []);
+  }), [n, t, i]), v = H();
+  O(u, () => v.current, []);
   const W = f(() => x("lmnt", "mdc-layout-grid", "lmnt-layout-grid", `mdc-layout-grid mdc-layout-grid--align-${s}`, (y === "airy" || o) && "mdc-grid-cell-wrapper-airy-tablet mdc-grid-cell-wrapper-airy-desktop", r === "none" && "mdc-grid-cell-wrapper-none-tablet mdc-grid-cell-wrapper-none-desktop mdc-grid-cell-wrapper-none-phone ", a && "lmnt-layout-grid--full-width", t && "lmnt-layout-grid--full-height", g && "lmnt-layout-grid--with-max-width", d), [o, d, y, t, a, s, g, r]);
   return /* @__PURE__ */ b.createElement(R.Provider, {
     value: _
   }, /* @__PURE__ */ b.createElement("div", A({
-    ref: C,
+    ref: v,
     className: W
   }, l), m));
 });
 w.displayName = "Grid";
-w.propTypes = j;
-w.defaultProps = I;
-const v = /* @__PURE__ */ P((c, u) => {
+w.propTypes = I;
+w.defaultProps = L;
+const C = /* @__PURE__ */ P((c, u) => {
   const {
     align: o,
     children: m,
@@ -233,9 +233,9 @@ const v = /* @__PURE__ */ P((c, u) => {
     className: x("lmnt", `lmnt-layout-grid__cell--vertical-align-${l}`, `lmnt-layout-grid__cell--horizontal-align-${s}`, "mdc-layout-grid__cell", !n && !h && !r && !t && ["mdc-layout-grid__cell"], i && `mdc-layout-grid__cell--order-${i}`, o && `mdc-layout-grid__cell--align-${o}`, n && [`mdc-layout-grid__cell--span-${n}`], h && [`mdc-layout-grid__cell--span-${h}-phone`], r && [`mdc-layout-grid__cell--span-${r}-tablet`], t && [`mdc-layout-grid__cell--span-${t}-desktop`], "lmnt-layout-grid__cell", d)
   }, y), m);
 });
-v.displayName = "GridCol";
-v.propTypes = L;
-v.defaultProps = q;
+C.displayName = "GridCol";
+C.propTypes = q;
+C.defaultProps = F;
 const N = /* @__PURE__ */ P((c, u) => {
   const {
     children: o,
@@ -259,11 +259,9 @@ const N = /* @__PURE__ */ P((c, u) => {
   }, n), o);
 });
 N.displayName = "GridRow";
-N.propTypes = F;
-N.defaultProps = U;
-const J = "_divider_anyyu_1", K = {
-  divider: J
-}, ne = ({
+N.propTypes = U;
+N.defaultProps = J;
+const ie = ({
   action: c,
   heading: u,
   elements: o,
@@ -277,9 +275,9 @@ const J = "_divider_anyyu_1", K = {
   routerLinkElement: h,
   searchPlaceholder: g
 }) => {
-  const { isLg: r } = S(), l = f(() => o.find((C) => C.route === i), [i, o]), y = f(() => l?.component ?? (r ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, r, m]), _ = f(() => r ? !0 : !l, [l, r]);
+  const { isLg: r } = V(), l = f(() => o.find((v) => v.route === i), [i, o]), y = f(() => l?.component ?? (r ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, r, m]), _ = f(() => r ? !0 : !l, [l, r]);
   return /* @__PURE__ */ p(w, { className: t ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ G(N, { children: [
-    _ && /* @__PURE__ */ G(v, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
+    _ && /* @__PURE__ */ G(C, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
       /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
         u && /* @__PURE__ */ p(T, { heading: u, level: 4, marginBottom: 0, children: c }),
         /* @__PURE__ */ p(
@@ -295,9 +293,9 @@ const J = "_divider_anyyu_1", K = {
           }
         )
       ] }),
-      r && /* @__PURE__ */ p(M, { className: K.divider, height: "100%" })
+      r && /* @__PURE__ */ p(M, { className: S.divider, height: "100%" })
     ] }),
-    /* @__PURE__ */ p(v, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
+    /* @__PURE__ */ p(C, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
       /* @__PURE__ */ p(
         T,
         {
@@ -315,5 +313,5 @@ const J = "_divider_anyyu_1", K = {
   ] }) });
 };
 export {
-  ne as BaseView
+  ie as BaseView
 };

package/dist/components/BaseView/BaseView.test.js

@@ -1,5 +1,5 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { u as l } from "../../useBreakpoint-DROHPVxO.js";
+import { a as l } from "../../useBreakpoint-DyAmuka7.js";
 import { BaseView as r } from "./BaseView.js";
 import { r as i, s as e, f as p } from "../../react.esm-BeDwcQWb.js";
 import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,75 +1,64 @@
-import "../../assets/BasicHeading.css";
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { a as C } from "../../useBreakpoint-DROHPVxO.js";
-import { Iconify as w } from "../Iconify/Iconify.js";
-import { AvailableCustomIcons as y } from "../../enums/AvailableCustomIcons.js";
-import { c as u, b as I } from "../../index.es-z8RCxF8n.js";
-import { I as B } from "../../index.es-3I3oam0G.js";
-const N = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", H = "_actionButtonContainer_fwns1_16", A = "_content_fwns1_25", W = "_leadingIcon_fwns1_31", $ = "_headingWrapper_fwns1_38", x = "_headingContainer_fwns1_43", T = "_invisible_fwns1_48", j = "_withAvatar_fwns1_52", z = "_iconContainer_fwns1_57", n = {
-  pageHeader: N,
-  headlineContainer: b,
-  actionButtonContainer: H,
-  content: A,
-  leadingIcon: W,
-  headingWrapper: $,
-  headingContainer: x,
-  invisible: T,
-  withAvatar: j,
-  iconContainer: z
-}, L = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ a("div", { className: n.iconContainer, children: e }) : e in y ? /* @__PURE__ */ a(
-  w,
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { u as v } from "../../useBreakpoint-DyAmuka7.js";
+import { Iconify as N } from "../Iconify/Iconify.js";
+import { s as e } from "../../basicHeading.module-ClcvD7x2.js";
+import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
+import { c as B, b as C } from "../../index.es-Cm4X20_S.js";
+import { I as $ } from "../../index.es-InSNsV4f.js";
+const b = ({ icon: a }) => a ? typeof a != "string" ? /* @__PURE__ */ i("div", { className: e.iconContainer, children: a }) : a in I ? /* @__PURE__ */ i(
+  N,
   {
-    icon: e,
-    className: n.leadingIcon,
+    icon: a,
+    className: e.leadingIcon,
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ a(B, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
-  children: e,
-  marginBottom: i,
-  heading: l,
+) : /* @__PURE__ */ i($, { iconSize: "large", iconType: "filled", icon: a, className: e.leadingIcon }) : null, S = ({
+  children: a,
+  marginBottom: t,
+  heading: c,
   icon: d,
-  className: p,
-  subHeading: o,
-  subHeadingLevel: _ = 2,
+  className: m,
+  subHeading: s,
+  subHeadingLevel: p = 2,
   invisibleButton: f = !1,
-  level: r = 4,
-  fontWeight: s = 400,
-  withAvatar: g = !1
+  level: n = 4,
+  fontWeight: o = 400,
+  withAvatar: y = !1
 }) => {
-  const { isLg: c } = C(), m = c ? r : r + 1, h = s === "bold" ? 500 : s, v = () => {
-    if (i !== void 0)
-      return typeof i == "number" ? `${i}px` : "2rem";
+  const { isLg: l } = v(), g = l ? n : n + 1, h = o === "bold" ? 500 : o, u = () => {
+    if (t !== void 0)
+      return typeof t == "number" ? `${t}px` : "2rem";
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: n.pageHeader,
-      style: { marginBottom: v() },
+      className: e.pageHeader,
+      style: { marginBottom: u() },
       "data-testid": "HeaderContainer",
       children: [
-        /* @__PURE__ */ t("div", { className: `${g && c ? n.withAvatar : ""} ${n.headingWrapper}`, children: [
-          /* @__PURE__ */ a(L, { icon: d }),
-          /* @__PURE__ */ t("div", { className: o ? n.headingContainer : "", children: [
-            /* @__PURE__ */ a(
-              u,
+        /* @__PURE__ */ r("div", { className: `${y && l ? e.withAvatar : ""} ${e.headingWrapper}`, children: [
+          /* @__PURE__ */ i(b, { icon: d }),
+          /* @__PURE__ */ r("div", { className: s ? e.headingContainer : "", children: [
+            /* @__PURE__ */ i(
+              B,
               {
-                level: m,
+                level: g,
                 "data-testid": "Header",
-                className: p ?? "",
+                className: m ?? "",
                 style: { fontWeight: h },
-                children: l
+                children: c
               }
             ),
-            /* @__PURE__ */ a(I, { level: _, children: o })
+            /* @__PURE__ */ i(C, { level: p, children: s })
           ] })
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: `${n.actionButtonContainer} ${f && n.invisible}`,
+            className: `${e.actionButtonContainer} ${f && e.invisible}`,
             "data-testid": "RightPart",
-            children: e
+            children: a
           }
         )
       ]
@@ -77,5 +66,5 @@ const N = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", H = "_action
   );
 };
 export {
-  E as BasicHeading
+  S as BasicHeading
 };

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -2,7 +2,7 @@ import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { BasicHeading as a } from "./BasicHeading.js";
 import { r as i, s as n } from "../../react.esm-BeDwcQWb.js";
 import { d as g, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
-import { B as h } from "../../index.es-C3EKMb0J.js";
+import { B as h } from "../../index.es-CQ3ep412.js";
 g("BasicHeading-Test", () => {
   s("render small container without content", () => {
     i(/* @__PURE__ */ o(a, { heading: "Test" }));

package/dist/components/BlockView/BlockView.js

@@ -1,73 +1,63 @@
-import "../../assets/BlockView.css";
-import { jsxs as g, jsx as l } from "react/jsx-runtime";
-import { useState as x, useEffect as T, useMemo as L } from "react";
-import { getBlockNumberByDto as R } from "../../services/BlockService.js";
-import { a as B, c as C } from "../../index.es-z8RCxF8n.js";
-const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S = "_blockRow_g18cu_27", V = "_block_g18cu_15", M = "_active_g18cu_46", j = "_error_g18cu_52", q = "_empty_g18cu_58", F = "_blockText_g18cu_65", o = {
-  grid: A,
-  black: D,
-  blockLayout: E,
-  blockRow: S,
-  block: V,
-  active: M,
-  error: j,
-  empty: q,
-  blockText: F
-}, O = ({
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useState as B, useEffect as C, useMemo as A } from "react";
+import { s as e } from "../../BlockView.module-8kbPxxc4.js";
+import { getBlockNumberByDto as D } from "../../services/BlockService.js";
+import { a as E, c as S } from "../../index.es-Cm4X20_S.js";
+const R = ({
   rows: s,
   columns: t,
-  hideText: u = !1,
-  errorBlocks: p = [],
+  hideText: n = !1,
+  errorBlocks: k = [],
   showNumbers: y = !0,
-  clickable: h = !0,
-  size: m = 15,
-  onClick: b = null,
-  currentBlock: i,
-  blocks: _,
+  clickable: N = !0,
+  size: d = 15,
+  onClick: u = null,
+  currentBlock: c,
+  blocks: b,
   blockViewTitle: v,
-  blockLabel: f
+  blockLabel: $
 }) => {
-  const [k, d] = x(0);
-  T(() => {
-    if (!i)
+  const [p, h] = B(0);
+  C(() => {
+    if (!c)
       return;
-    const c = R(i, t);
-    d(c);
-  }, [i, t]);
-  const N = L(() => s * t, [s, t]), $ = (c) => {
-    b && b(c, i ?? void 0);
-  }, w = ({ row: c, column: r }) => _.length === 0 ? !0 : _.some((a) => a.position?.row === c && a.position?.column === r);
-  return /* @__PURE__ */ g("div", { className: o.grid, children: [
-    !u && /* @__PURE__ */ l(B, { level: 1, bold: !0, className: o.black, children: v }),
-    /* @__PURE__ */ l("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((c, r) => /* @__PURE__ */ l("div", { className: o.blockRow, children: Array.from({ length: t }).map((a, n) => {
-      const e = t * r + n + 1;
-      return /* @__PURE__ */ l(
+    const o = D(c, t);
+    h(o);
+  }, [c, t]);
+  const g = A(() => s * t, [s, t]), w = (o) => {
+    u && u(o, c ?? void 0);
+  }, x = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((a) => a.position?.row === o && a.position?.column === l);
+  return /* @__PURE__ */ f("div", { className: e.grid, children: [
+    !n && /* @__PURE__ */ i(E, { level: 1, bold: !0, className: e.black, children: v }),
+    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((a, m) => {
+      const r = t * l + m + 1;
+      return /* @__PURE__ */ i(
         "div",
         {
           "data-testid": "blockViewBlock",
-          className: `${o.block} ${k === e ? o.active : ""} ${w({ row: r + 1, column: n + 1 }) ? "" : o.empty} ${p.includes(e) ? o.error : ""}`,
-          id: `block${e}`,
-          onClick: h ? () => {
-            d(e), $({ row: r + 1, column: n + 1 });
+          className: `${e.block} ${p === r ? e.active : ""} ${x({ row: l + 1, column: m + 1 }) ? "" : e.empty} ${k.includes(r) ? e.error : ""}`,
+          id: `block${r}`,
+          onClick: N ? () => {
+            h(r), w({ row: l + 1, column: m + 1 });
           } : void 0,
-          children: y && /* @__PURE__ */ l(
+          children: y && /* @__PURE__ */ i(
             "div",
             {
-              className: `${o.blockText} ${k === e ? o.black : ""}`,
-              children: e
+              className: `${e.blockText} ${p === r ? e.black : ""}`,
+              children: r
             }
           )
         },
-        e
+        r
       );
-    }) }, r)) }),
-    !u && /* @__PURE__ */ g(C, { themeColor: "primary", level: 6, children: [
-      N,
+    }) }, l)) }),
+    !n && /* @__PURE__ */ f(S, { themeColor: "primary", level: 6, children: [
+      g,
       " ",
-      f
+      $
     ] })
   ] });
 };
 export {
-  O as BlockView
+  R as BlockView
 };