npm - @dnncommunity/dnn-elements - Versions diffs - 0.14.1-beta.1 → 0.15.0-beta.10 - Mend

@dnncommunity/dnn-elements 0.14.1-beta.1 → 0.15.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (404) hide show

package/dist/dnn/dnn-modal.entry.js DELETED Viewed

@@ -1,58 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
-const dnnModalCss = ":host{display:block}:host .overlay{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;visibility:hidden;opacity:0}:host .overlay .modal{max-width:var(--max-width, 1200px);background-color:white;padding:30px;-webkit-transform:scale(2);transform:scale(2);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;z-index:2;position:relative;margin:10%;max-height:80%;border-radius:var(--dnn-controls-radius, 5px);-webkit-box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);display:block}:host .overlay .modal .close{position:absolute;background-color:white;border:2px solid white;border-radius:50%;padding:0;margin:0;top:-12px;right:-12px;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .overlay .modal .close:focus,:host .overlay .modal .close:hover{-webkit-box-shadow:0 0 2px 2px var(--dnn-color-primary, blue);box-shadow:0 0 2px 2px var(--dnn-color-primary, blue)}:host .overlay .modal .close svg{width:24px;height:24px;color:grey}:host .overlay.visible{visibility:visible;opacity:1}:host .overlay.visible .modal{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);display:block}";
-let DnnModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dismissed = createEvent(this, "dismissed", 7);
-    /**
-     * Pass false to remove the backdrop click auto-dismiss feature.
-     */
-    this.backdropDismiss = true;
-    /**
-     * Optionally pass the aria-label text for the close button.
-     * Defaults to "Close modal" if not provided.
-     */
-    this.closeText = "Close modal";
-    /**
-     * Optionally you can pass false to not show the close button.
-     * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop
-     * or provide your own dismissal logic in the modal content.
-     */
-    this.showCloseButton = true;
-    this.visible = false;
-  }
-  /**
-   * Shows the modal
-   */
-  async show() {
-    this.visible = true;
-  }
-  /**
-   * Hides the modal
-   */
-  async hide() {
-    this.visible = false;
-  }
-  handleDismiss() {
-    this.visible = false;
-    this.dismissed.emit();
-  }
-  handleBackdropClick(e) {
-    const element = e.target;
-    if (element.id === "backdrop" && this.backdropDismiss) {
-      this.handleDismiss();
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { id: "backdrop", class: this.visible ? 'overlay visible' : 'overlay', onClick: e => this.handleBackdropClick(e) }, h("div", { class: "modal" }, this.showCloseButton &&
-      h("button", { class: "close", "aria-label": this.closeText, onClick: () => this.handleDismiss() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" }))), h("slot", null)))));
-  }
-  get el() { return getElement(this); }
-};
-DnnModal.style = dnnModalCss;
-export { DnnModal as dnn_modal };
-//# sourceMappingURL=dnn-modal.entry.js.map

package/dist/dnn/dnn-modal.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-modal.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ulDAAulD;;ICO9lD,QAAQ;EALrB;;;;;;IAYU,oBAAe,GAAY,IAAI,CAAC;;;;;IAMhC,cAAS,GAAY,aAAa,CAAC;;;;;;IAOnC,oBAAe,GAAa,IAAI,CAAC;IAEhC,YAAO,GAAY,KAAK,CAAC;GA0DnC;;;;EApDC,MAAM,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;GACrB;;;;EAMD,MAAM,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACtB;EAOO,aAAa;IACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;GACvB;EAEO,mBAAmB,CAAC,CAAa;IACvC,MAAM,OAAO,GAAI,CAAC,CAAC,MAAsB,CAAC;IAC1C,IAAI,OAAO,CAAC,EAAE,KAAK,UAAU,IAAI,IAAI,CAAC,eAAe,EAAC;MACpD,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,EAAE,EAAC,UAAU,EAChB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,iBAAiB,GAAG,SAAS,EACnD,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAEzC,WAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,eAAe;MACnB,cACE,KAAK,EAAC,OAAO,gBACD,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAEnC,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU,EAEX,eAAa,CACT,CACF,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/dnn-modal/dnn-modal.scss?tag=dnn-modal&encapsulation=shadow","./src/components/dnn-modal/dnn-modal.tsx"],"sourcesContent":[":host {\r\n /**\r\n * @prop --max-width: The maximum width of the module.\r\n */\r\n display: block;\r\n .overlay{\r\n background-color: rgba(0,0,0,0.5);\r\n position: fixed;\r\n top:0;\r\n left:0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n backdrop-filter: blur(2px);\r\n transition: all 300ms ease-in-out;\r\n visibility: hidden;\r\n opacity: 0;\r\n .modal{\r\n max-width: var(--max-width, 1200px);\r\n background-color: white;\r\n padding: 30px;\r\n transform: scale(2);\r\n transition: all 300ms ease-in-out;\r\n z-index: 2;\r\n position: relative;\r\n margin: 10%;\r\n max-height: 80%;\r\n border-radius: var(--dnn-controls-radius, 5px);\r\n box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.5);\r\n display: block;\r\n .close{\r\n position: absolute;\r\n background-color:white;\r\n border: 2px solid white;\r\n border-radius: 50%;\r\n padding: 0;\r\n margin: 0;\r\n top: -12px;\r\n right: -12px;\r\n outline: none;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n &:focus, &:hover{\r\n box-shadow: 0 0 2px 2px var(--dnn-color-primary, blue);\r\n }\r\n svg{\r\n width: 24px;\r\n height: 24px;\r\n color: grey;\r\n }\r\n }\r\n }\r\n &.visible{\r\n visibility: visible;\r\n opacity: 1;\r\n .modal{\r\n transform: scale(1);\r\n box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);\r\n display: block;\r\n }\r\n }\r\n }\r\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter, Method, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-modal',\r\n styleUrl: 'dnn-modal.scss',\r\n shadow: true\r\n})\r\nexport class DnnModal {\r\n \r\n @Element() el!: HTMLDnnModalElement;\r\n \r\n /**\r\n * Pass false to remove the backdrop click auto-dismiss feature.\r\n */\r\n @Prop() backdropDismiss: boolean = true;\r\n\r\n /**\r\n * Optionally pass the aria-label text for the close button.\r\n * Defaults to \"Close modal\" if not provided.\r\n */\r\n @Prop() closeText?: string = \"Close modal\";\r\n\r\n /**\r\n * Optionally you can pass false to not show the close button.\r\n * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop\r\n * or provide your own dismissal logic in the modal content.\r\n */\r\n @Prop() showCloseButton?: boolean = true;\r\n\r\n @State() visible: boolean = false;\r\n\r\n /**\r\n * Shows the modal\r\n */\r\n @Method()\r\n async show() {\r\n this.visible = true;\r\n }\r\n\r\n /**\r\n * Hides the modal\r\n */\r\n @Method()\r\n async hide() {\r\n this.visible = false;\r\n }\r\n\r\n /**\r\n * Fires when the modal is dismissed.\r\n */\r\n @Event() dismissed!: EventEmitter;\r\n\r\n private handleDismiss(){\r\n this.visible = false;\r\n this.dismissed.emit();\r\n }\r\n\r\n private handleBackdropClick(e: MouseEvent): void {\r\n const element = (e.target as HTMLElement);\r\n if (element.id === \"backdrop\" && this.backdropDismiss){\r\n this.handleDismiss();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div id=\"backdrop\"\r\n class={this.visible ? 'overlay visible' : 'overlay'}\r\n onClick={e => this.handleBackdropClick(e)}\r\n >\r\n <div class=\"modal\">\r\n {this.showCloseButton &&\r\n <button\r\n class=\"close\"\r\n aria-label={this.closeText}\r\n onClick={() => this.handleDismiss()}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\r\n </button>\r\n }\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/dnn/dnn-modal.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i\|\|(i=Promise))((function(i,n){function s(e){try{l(o.next(e))}catch(e){n(e)}}function a(e){try{l(o["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):r(e.value).then(s,a)}l((o=o.apply(e,t\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]\|\|((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6\|\|s[0]===2)){i=0;continue}if(s[0]===3&&(!n\|\|s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];r=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,i,o,r,n;return{setters:[function(e){t=e.r;i=e.e;o=e.h;r=e.f;n=e.g}],execute:function(){var s=":host{display:block}:host .overlay{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;visibility:hidden;opacity:0}:host .overlay .modal{max-width:var(--max-width, 1200px);background-color:white;padding:30px;-webkit-transform:scale(2);transform:scale(2);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;z-index:2;position:relative;margin:10%;max-height:80%;border-radius:var(--dnn-controls-radius, 5px);-webkit-box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.5);display:block}:host .overlay .modal .close{position:absolute;background-color:white;border:2px solid white;border-radius:50%;padding:0;margin:0;top:-12px;right:-12px;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .overlay .modal .close:focus,:host .overlay .modal .close:hover{-webkit-box-shadow:0 0 2px 2px var(--dnn-color-primary, blue);box-shadow:0 0 2px 2px var(--dnn-color-primary, blue)}:host .overlay .modal .close svg{width:24px;height:24px;color:grey}:host .overlay.visible{visibility:visible;opacity:1}:host .overlay.visible .modal{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.5);display:block}";var a=e("dnn_modal",function(){function e(e){t(this,e);this.dismissed=i(this,"dismissed",7);this.backdropDismiss=true;this.closeText="Close modal";this.showCloseButton=true;this.visible=false}e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.visible=false;return[2]}))}))};e.prototype.handleDismiss=function(){this.visible=false;this.dismissed.emit()};e.prototype.handleBackdropClick=function(e){var t=e.target;if(t.id==="backdrop"&&this.backdropDismiss){this.handleDismiss()}};e.prototype.render=function(){var e=this;return o(r,null,o("div",{id:"backdrop",class:this.visible?"overlay visible":"overlay",onClick:function(t){return e.handleBackdropClick(t)}},o("div",{class:"modal"},this.showCloseButton&&o("button",{class:"close","aria-label":this.closeText,onClick:function(){return e.handleDismiss()}},o("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{d:"M0 0h24v24H0z",fill:"none"}),o("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}))),o("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=s}}}));
2	- //# sourceMappingURL=dnn-modal.system.entry.js.map

package/dist/dnn/dnn-modal.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-modal/dnn-modal.scss?tag=dnn-modal&encapsulation=shadow","src/components/dnn-modal/dnn-modal.tsx"],"names":["dnnModalCss","DnnModal","exports","class_1","hostRef","this","backdropDismiss","closeText","showCloseButton","visible","prototype","show","hide","handleDismiss","dismissed","emit","handleBackdropClick","e","element","target","id","render","_this","h","Host","class","onClick","aria-label","xmlns","height","viewBox","width","fill","d"],"mappings":"+lDAAA,IAAMA,EAAc,4lDCOPC,EAAQC,EAAA,YAAA,WALrB,SAAAC,EAAAC,kDAYUC,KAAAC,gBAA2B,KAM3BD,KAAAE,UAAqB,cAOrBF,KAAAG,gBAA4B,KAE3BH,KAAAI,QAAmB,MAMtBN,EAAAO,UAAAC,KAAN,gGACEN,KAAKI,QAAU,sBAOXN,EAAAO,UAAAE,KAAN,gGACEP,KAAKI,QAAU,uBAQTN,EAAAO,UAAAG,cAAA,WACNR,KAAKI,QAAU,MACfJ,KAAKS,UAAUC,QAGTZ,EAAAO,UAAAM,oBAAA,SAAoBC,GAC1B,IAAMC,EAAWD,EAAEE,OACnB,GAAID,EAAQE,KAAO,YAAcf,KAAKC,gBAAgB,CACpDD,KAAKQ,kBAITV,EAAAO,UAAAW,OAAA,WAAA,IAAAC,EAAAjB,KACE,OACEkB,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKH,GAAG,WACNK,MAAOpB,KAAKI,QAAU,kBAAoB,UAC1CiB,QAAS,SAAAT,GAAK,OAAAK,EAAKN,oBAAoBC,KAEvCM,EAAA,MAAA,CAAKE,MAAM,SACRpB,KAAKG,iBACJe,EAAA,SAAA,CACEE,MAAM,QAAOE,aACDtB,KAAKE,UACjBmB,QAAS,WAAM,OAAAJ,EAAKT,kBAEpBU,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUT,EAAA,OAAA,CAAMU,EAAE,gBAAgBD,KAAK,SAAQT,EAAA,OAAA,CAAMU,EAAE,sLAGvJV,EAAA,OAAA,+HA1ES","sourcesContent":[":host {\r\n /**\r\n * @prop --max-width: The maximum width of the module.\r\n */\r\n display: block;\r\n .overlay{\r\n background-color: rgba(0,0,0,0.5);\r\n position: fixed;\r\n top:0;\r\n left:0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n backdrop-filter: blur(2px);\r\n transition: all 300ms ease-in-out;\r\n visibility: hidden;\r\n opacity: 0;\r\n .modal{\r\n max-width: var(--max-width, 1200px);\r\n background-color: white;\r\n padding: 30px;\r\n transform: scale(2);\r\n transition: all 300ms ease-in-out;\r\n z-index: 2;\r\n position: relative;\r\n margin: 10%;\r\n max-height: 80%;\r\n border-radius: var(--dnn-controls-radius, 5px);\r\n box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.5);\r\n display: block;\r\n .close{\r\n position: absolute;\r\n background-color:white;\r\n border: 2px solid white;\r\n border-radius: 50%;\r\n padding: 0;\r\n margin: 0;\r\n top: -12px;\r\n right: -12px;\r\n outline: none;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n &:focus, &:hover{\r\n box-shadow: 0 0 2px 2px var(--dnn-color-primary, blue);\r\n }\r\n svg{\r\n width: 24px;\r\n height: 24px;\r\n color: grey;\r\n }\r\n }\r\n }\r\n &.visible{\r\n visibility: visible;\r\n opacity: 1;\r\n .modal{\r\n transform: scale(1);\r\n box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);\r\n display: block;\r\n }\r\n }\r\n }\r\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter, Method, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-modal',\r\n styleUrl: 'dnn-modal.scss',\r\n shadow: true\r\n})\r\nexport class DnnModal {\r\n \r\n @Element() el!: HTMLDnnModalElement;\r\n \r\n /**\r\n * Pass false to remove the backdrop click auto-dismiss feature.\r\n */\r\n @Prop() backdropDismiss: boolean = true;\r\n\r\n /**\r\n * Optionally pass the aria-label text for the close button.\r\n * Defaults to \"Close modal\" if not provided.\r\n */\r\n @Prop() closeText?: string = \"Close modal\";\r\n\r\n /**\r\n * Optionally you can pass false to not show the close button.\r\n * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop\r\n * or provide your own dismissal logic in the modal content.\r\n */\r\n @Prop() showCloseButton?: boolean = true;\r\n\r\n @State() visible: boolean = false;\r\n\r\n /**\r\n * Shows the modal\r\n */\r\n @Method()\r\n async show() {\r\n this.visible = true;\r\n }\r\n\r\n /**\r\n * Hides the modal\r\n */\r\n @Method()\r\n async hide() {\r\n this.visible = false;\r\n }\r\n\r\n /**\r\n * Fires when the modal is dismissed.\r\n */\r\n @Event() dismissed!: EventEmitter;\r\n\r\n private handleDismiss(){\r\n this.visible = false;\r\n this.dismissed.emit();\r\n }\r\n\r\n private handleBackdropClick(e: MouseEvent): void {\r\n const element = (e.target as HTMLElement);\r\n if (element.id === \"backdrop\" && this.backdropDismiss){\r\n this.handleDismiss();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div id=\"backdrop\"\r\n class={this.visible ? 'overlay visible' : 'overlay'}\r\n onClick={e => this.handleBackdropClick(e)}\r\n >\r\n <div class=\"modal\">\r\n {this.showCloseButton &&\r\n <button\r\n class=\"close\"\r\n aria-label={this.closeText}\r\n onClick={() => this.handleDismiss()}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\r\n </button>\r\n }\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/dnn/dnn-searchbox.entry.js DELETED Viewed

@@ -1,62 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-b5a28c1d.js';
-import { D as Debounce } from './debounce-06f55268.js';
-const dnnSearchboxCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;--background-color:transparent;--color:#333;--border-size:1px;--border-color:grey;--border-active-color:black;--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);--focus-color:var(--dnn-color-primary, blue)}:host input{width:100%;border:var(--border-size) solid var(--border-color);outline:none;border-radius:var(--border-radius);padding:var(--padding);padding-right:32px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host input:focus,:host input:hover{outline:none;-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host svg{position:absolute;top:0;right:0;height:100%;-webkit-transform:scale(0.7);transform:scale(0.7);fill:var(--color);outline:var(--color);color:var(--color);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host button{background:transparent;border:0;margin:0;padding:0}:host button:focus svg,:host button:hover svg{fill:var(--focus-color);outline:var(--focus-color);color:var(--focus-color)}";
-var __decorate = (undefined && undefined.__decorate) || function (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;
-};
-let DnnSearchbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.queryChanged = createEvent(this, "queryChanged", 7);
-    /**
-     * Sets the field placeholder text.
-     */
-    this.placeholder = "";
-    /**
-     * Debounces the queryChanged by 500ms.
-     */
-    this.debounced = true;
-    /** Sets the query */
-    this.query = "";
-  }
-  fireQueryChanged() {
-    if (this.debounced) {
-      this.debouncedHandleQueryChanged();
-    }
-    else {
-      this.handleQueryChanged();
-    }
-  }
-  handleQueryChanged() {
-    this.queryChanged.emit(this.query);
-  }
-  debouncedHandleQueryChanged() {
-    this.handleQueryChanged();
-  }
-  render() {
-    return (h(Host, null, h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.query = e.target.value }), this.query !== "" ?
-      h("button", { class: "svg clear", onClick: () => this.query = "" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })))
-      :
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))));
-  }
-  static get watchers() { return {
-    "query": ["fireQueryChanged"]
-  }; }
-};
-__decorate([
-  Debounce(500)
-], DnnSearchbox.prototype, "debouncedHandleQueryChanged", null);
-DnnSearchbox.style = dnnSearchboxCss;
-export { DnnSearchbox as dnn_searchbox };
-//# sourceMappingURL=dnn-searchbox.entry.js.map

package/dist/dnn/dnn-searchbox.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-searchbox.entry.esm.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,uoCAAuoC;;;;;;;;;;;;ICOlpC,YAAY;EALzB;;;;;;IAUU,gBAAW,GAAY,EAAE,CAAC;;;;IAK1B,cAAS,GAAY,IAAI,CAAC;;IAGX,UAAK,GAAW,EAAE,CAAC;GAgD3C;EAvCC,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAC;MACjB,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;SACG;MACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;GACF;EAEO,kBAAkB;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACpC;EAGO,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EAGD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,GAC/D,EACD,IAAI,CAAC,KAAK,KAAK,EAAE;MAChB,cAAQ,KAAK,EAAC,WAAW,EACvB,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,IAE9B,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;;QAEX,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,4OAA4O,GAAE,CAAM,CAElY,EACP;GACH;;;;;AAvBD;EADC,QAAQ,CAAC,GAAG,CAAC;+DAGb;;;;;","names":[],"sources":["./src/components/dnn-searchbox/dnn-searchbox.scss?tag=dnn-searchbox&encapsulation=shadow","./src/components/dnn-searchbox/dnn-searchbox.tsx"],"sourcesContent":[":host {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n --background-color: transparent;\r\n --color: #333;\r\n --border-size: 1px;\r\n --border-color: grey;\r\n --border-active-color: black;\r\n --border-radius: var(--dnn-controls-radius, 5px);\r\n --padding: var(--dnn-controls-padding, 5px);\r\n --focus-color: var(--dnn-color-primary, blue);\r\n input {\r\n width:100%;\r\n border: var(--border-size) solid var(--border-color);\r\n outline: none;\r\n border-radius: var(--border-radius);\r\n padding: var(--padding);\r\n padding-right: 32px;\r\n transition: all 300ms ease-in-out;\r\n &:focus, &:hover{\r\n outline: none;\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n }\r\n svg{\r\n position: absolute;\r\n top:0;\r\n right:0;\r\n height: 100%;\r\n transform: scale(0.7);\r\n fill: var(--color);\r\n outline: var(--color);\r\n color: var(--color);\r\n transition: all 300ms ease-in-out;\r\n }\r\n button{\r\n background: transparent;\r\n border: 0;\r\n margin: 0;\r\n padding: 0;\r\n &:focus, &:hover{\r\n svg{\r\n fill: var(--focus-color);\r\n outline: var(--focus-color);\r\n color: var(--focus-color);\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\r\nimport { Debounce } from '../../utilities/debounce';\r\n@Component({\r\n tag: 'dnn-searchbox',\r\n styleUrl: 'dnn-searchbox.scss',\r\n shadow: true\r\n})\r\nexport class DnnSearchbox {\r\n\r\n /**\r\n * Sets the field placeholder text.\r\n */\r\n @Prop() placeholder?: string = \"\";\r\n\r\n /**\r\n * Debounces the queryChanged by 500ms.\r\n */\r\n @Prop() debounced: boolean = true;\r\n\r\n /** Sets the query */\r\n @Prop({mutable: true}) query: string = \"\";\r\n\r\n /**\r\n * Fires up each time the search query changes.\r\n * The data passed is the new query.\r\n */\r\n @Event() queryChanged: EventEmitter;\r\n\r\n @Watch('query')\r\n fireQueryChanged(){\r\n if (this.debounced){\r\n this.debouncedHandleQueryChanged();\r\n }\r\n else{\r\n this.handleQueryChanged();\r\n }\r\n }\r\n \r\n private handleQueryChanged(){\r\n this.queryChanged.emit(this.query);\r\n }\r\n\r\n @Debounce(500)\r\n private debouncedHandleQueryChanged(){\r\n this.handleQueryChanged();\r\n }\r\n \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <input type=\"text\" value={this.query}\r\n placeholder={this.placeholder}\r\n onInput={e => this.query = (e.target as HTMLInputElement).value}\r\n />\r\n {this.query !== \"\" ?\r\n <button class=\"svg clear\"\r\n onClick={() => this.query = \"\"}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\r\n </button>\r\n :\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\r\n }\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"],"version":3}

package/dist/dnn/dnn-searchbox.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-a3a55419.system.js","./debounce-eef81bf7.system.js"],(function(e){"use strict";var t,r,o,n,i;return{setters:[function(e){t=e.r;r=e.e;o=e.h;n=e.f},function(e){i=e.D}],execute:function(){var a=":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;--background-color:transparent;--color:#333;--border-size:1px;--border-color:grey;--border-active-color:black;--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);--focus-color:var(--dnn-color-primary, blue)}:host input{width:100%;border:var(--border-size) solid var(--border-color);outline:none;border-radius:var(--border-radius);padding:var(--padding);padding-right:32px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host input:focus,:host input:hover{outline:none;-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host svg{position:absolute;top:0;right:0;height:100%;-webkit-transform:scale(0.7);transform:scale(0.7);fill:var(--color);outline:var(--color);color:var(--color);-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host button{background:transparent;border:0;margin:0;padding:0}:host button:focus svg,:host button:hover svg{fill:var(--focus-color);outline:var(--focus-color);color:var(--focus-color)}";var s=undefined&&undefined.__decorate\|\|function(e,t,r,o){var n=arguments.length,i=n<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,r):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)if(a=e[s])i=(n<3?a(i):n>3?a(t,r,i):a(t,r))\|\|i;return n>3&&i&&Object.defineProperty(t,r,i),i};var l=e("dnn_searchbox",function(){function e(e){t(this,e);this.queryChanged=r(this,"queryChanged",7);this.placeholder="";this.debounced=true;this.query=""}e.prototype.fireQueryChanged=function(){if(this.debounced){this.debouncedHandleQueryChanged()}else{this.handleQueryChanged()}};e.prototype.handleQueryChanged=function(){this.queryChanged.emit(this.query)};e.prototype.debouncedHandleQueryChanged=function(){this.handleQueryChanged()};e.prototype.render=function(){var e=this;return o(n,null,o("input",{type:"text",value:this.query,placeholder:this.placeholder,onInput:function(t){return e.query=t.target.value}}),this.query!==""?o("button",{class:"svg clear",onClick:function(){return e.query=""}},o("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{d:"M0 0h24v24H0z",fill:"none"}),o("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}))):o("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},o("path",{d:"M0 0h24v24H0z",fill:"none"}),o("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})))};Object.defineProperty(e,"watchers",{get:function(){return{query:["fireQueryChanged"]}},enumerable:false,configurable:true});return e}());s([i(500)],l.prototype,"debouncedHandleQueryChanged",null);l.style=a}}}));
2	- //# sourceMappingURL=dnn-searchbox.system.entry.js.map

package/dist/dnn/dnn-searchbox.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-searchbox/dnn-searchbox.scss?tag=dnn-searchbox&encapsulation=shadow","src/components/dnn-searchbox/dnn-searchbox.tsx"],"names":["dnnSearchboxCss","DnnSearchbox","exports","class_1","hostRef","this","placeholder","debounced","query","prototype","fireQueryChanged","debouncedHandleQueryChanged","handleQueryChanged","queryChanged","emit","render","_this","h","Host","type","value","onInput","e","target","class","onClick","xmlns","height","viewBox","width","fill","d","__decorate","Debounce"],"mappings":"mNAAA,IAAMA,EAAkB,u/CCOXC,EAAYC,EAAA,gBAAA,WALzB,SAAAC,EAAAC,wDAUUC,KAAAC,YAAuB,GAKvBD,KAAAE,UAAqB,KAGNF,KAAAG,MAAgB,GASvCL,EAAAM,UAAAC,iBAAA,WACE,GAAIL,KAAKE,UAAU,CACjBF,KAAKM,kCAEH,CACFN,KAAKO,uBAIDT,EAAAM,UAAAG,mBAAA,WACNP,KAAKQ,aAAaC,KAAKT,KAAKG,QAItBL,EAAAM,UAAAE,4BAAA,WACNN,KAAKO,sBAIPT,EAAAM,UAAAM,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,EAAI,KACHD,EAAA,QAAA,CAAOE,KAAK,OAAOC,MAAOf,KAAKG,MAC7BF,YAAaD,KAAKC,YAClBe,QAAS,SAAAC,GAAK,OAAAN,EAAKR,MAASc,EAAEC,OAA4BH,SAE3Df,KAAKG,QAAU,GACdS,EAAA,SAAA,CAAQO,MAAM,YACZC,QAAS,WAAM,OAAAT,EAAKR,MAAQ,KAE5BS,EAAA,MAAA,CAAKS,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUb,EAAA,OAAA,CAAMc,EAAE,gBAAgBD,KAAK,SAAQb,EAAA,OAAA,CAAMc,EAAE,sLAGvJd,EAAA,MAAA,CAAKS,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUb,EAAA,OAAA,CAAMc,EAAE,gBAAgBD,KAAK,SAAQb,EAAA,OAAA,CAAMc,EAAE,uXAvDlI,IAoCvBC,EAAA,CADCC,EAAS","sourcesContent":[":host {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n --background-color: transparent;\r\n --color: #333;\r\n --border-size: 1px;\r\n --border-color: grey;\r\n --border-active-color: black;\r\n --border-radius: var(--dnn-controls-radius, 5px);\r\n --padding: var(--dnn-controls-padding, 5px);\r\n --focus-color: var(--dnn-color-primary, blue);\r\n input {\r\n width:100%;\r\n border: var(--border-size) solid var(--border-color);\r\n outline: none;\r\n border-radius: var(--border-radius);\r\n padding: var(--padding);\r\n padding-right: 32px;\r\n transition: all 300ms ease-in-out;\r\n &:focus, &:hover{\r\n outline: none;\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n }\r\n svg{\r\n position: absolute;\r\n top:0;\r\n right:0;\r\n height: 100%;\r\n transform: scale(0.7);\r\n fill: var(--color);\r\n outline: var(--color);\r\n color: var(--color);\r\n transition: all 300ms ease-in-out;\r\n }\r\n button{\r\n background: transparent;\r\n border: 0;\r\n margin: 0;\r\n padding: 0;\r\n &:focus, &:hover{\r\n svg{\r\n fill: var(--focus-color);\r\n outline: var(--focus-color);\r\n color: var(--focus-color);\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\r\nimport { Debounce } from '../../utilities/debounce';\r\n@Component({\r\n tag: 'dnn-searchbox',\r\n styleUrl: 'dnn-searchbox.scss',\r\n shadow: true\r\n})\r\nexport class DnnSearchbox {\r\n\r\n /**\r\n * Sets the field placeholder text.\r\n */\r\n @Prop() placeholder?: string = \"\";\r\n\r\n /**\r\n * Debounces the queryChanged by 500ms.\r\n */\r\n @Prop() debounced: boolean = true;\r\n\r\n /** Sets the query */\r\n @Prop({mutable: true}) query: string = \"\";\r\n\r\n /**\r\n * Fires up each time the search query changes.\r\n * The data passed is the new query.\r\n */\r\n @Event() queryChanged: EventEmitter;\r\n\r\n @Watch('query')\r\n fireQueryChanged(){\r\n if (this.debounced){\r\n this.debouncedHandleQueryChanged();\r\n }\r\n else{\r\n this.handleQueryChanged();\r\n }\r\n }\r\n \r\n private handleQueryChanged(){\r\n this.queryChanged.emit(this.query);\r\n }\r\n\r\n @Debounce(500)\r\n private debouncedHandleQueryChanged(){\r\n this.handleQueryChanged();\r\n }\r\n \r\n\r\n render() {\r\n return (\r\n <Host>\r\n <input type=\"text\" value={this.query}\r\n placeholder={this.placeholder}\r\n onInput={e => this.query = (e.target as HTMLInputElement).value}\r\n />\r\n {this.query !== \"\" ?\r\n <button class=\"svg clear\"\r\n onClick={() => this.query = \"\"}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\r\n </button>\r\n :\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\r\n }\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"]}

package/dist/dnn/dnn-sort-icon.entry.js DELETED Viewed

@@ -1,39 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-b5a28c1d.js';
-const dnnSortIconCss = ":host{display:inline-block}button{outline:none;border:none;margin:0;padding:0;background-color:transparent;outline:none;display:inline-block;line-height:1em;position:relative;top:0.25em}button svg{height:1.5em;width:auto;fill:var(--color, #888)}button.active svg{fill:var(--color-sorted, var(--dnn-color-primary, #028bff))}button:hover svg,button:focus svg{fill:var(--color-hover, var(--dnn-color-primary-light, #36a1ff))}";
-let DnnSortIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sortChanged = createEvent(this, "sortChanged", 7);
-    /** Defines the current sort direction */
-    this.sortDirection = "none";
-  }
-  changeSort() {
-    switch (this.sortDirection) {
-      case "asc":
-        this.sortDirection = "desc";
-        break;
-      case "desc":
-        this.sortDirection = "asc";
-        break;
-      case "none":
-        this.sortDirection = "asc";
-        break;
-      default:
-        break;
-    }
-    this.sortChanged.emit(this.sortDirection);
-  }
-  render() {
-    return (h(Host, null, h("button", { class: { "active": this.sortDirection != "none" }, onClick: () => this.changeSort() }, this.sortDirection == "none" &&
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z" })), this.sortDirection == "asc" &&
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 7 H 12 L 6 0 Z" })), this.sortDirection == "desc" &&
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 16" }, h("path", { d: "M 0 9 H 12 L 6 16 Z" })))));
-  }
-};
-DnnSortIcon.style = dnnSortIconCss;
-export { DnnSortIcon as dnn_sort_icon };
-//# sourceMappingURL=dnn-sort-icon.entry.js.map

package/dist/dnn/dnn-sort-icon.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-sort-icon.entry.esm.js","mappings":";;AAAA,MAAM,cAAc,GAAG,waAAwa;;ICOlb,WAAW;EALxB;;;;IAOU,kBAAa,GAA4B,MAAM,CAAC;GA2CzD;EAtCS,UAAU;IAChB,QAAQ,IAAI,CAAC,aAAa;MACxB,KAAK,KAAK;QACR,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,MAAM;MACR,KAAK,MAAM;QACT,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,MAAM;MACR,KAAK,MAAM;QACT,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,MAAM;MACR;QACE,MAAM;KACT;IAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;GAC3C;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,IAAI,MAAM,EAAC,EAC/C,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAE/B,IAAI,CAAC,aAAa,IAAI,MAAM;MAC3B,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,IAAC,YAAM,CAAC,EAAC,wCAAwC,GAAQ,CAAM,EAE3H,IAAI,CAAC,aAAa,IAAI,KAAK;MAC1B,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,IAAC,YAAM,CAAC,EAAC,oBAAoB,GAAQ,CAAM,EAEvG,IAAI,CAAC,aAAa,IAAI,MAAM;MAC3B,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,IAAC,YAAM,CAAC,EAAC,qBAAqB,GAAQ,CAAM,CAElG,CACJ,EACP;GACH;;;;;;","names":[],"sources":["./src/components/dnn-sort-icon/dnn-sort-icon.scss?tag=dnn-sort-icon&encapsulation=shadow","./src/components/dnn-sort-icon/dnn-sort-icon.tsx"],"sourcesContent":[":host {\r\n /**\r\n * @prop --color: Normal Color of the inactive sort icon.\r\n * @prop --color-sorted: Color of the sorted sort icon.\r\n * @prop --color-hover: Color of the icons when hovered.\r\n */\r\n display: inline-block;\r\n}\r\n\r\nbutton {\r\n outline: none;\r\n border: none;\r\n margin: 0;\r\n padding: 0;\r\n background-color: transparent;\r\n outline: none;\r\n display: inline-block;\r\n line-height: 1em;\r\n position: relative;\r\n top: 0.25em;\r\n svg{\r\n height: 1.5em;\r\n width: auto;\r\n fill: var(--color, #888);\r\n }\r\n &.active{\r\n svg{\r\n fill: var(--color-sorted, var(--dnn-color-primary, rgb(2,139,255)));\r\n }\r\n }\r\n &:hover, &:focus{\r\n svg{\r\n fill: var(--color-hover, var(--dnn-color-primary-light, #36a1ff));\r\n }\r\n }\r\n}","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-sort-icon',\r\n styleUrl: 'dnn-sort-icon.scss',\r\n shadow: true\r\n})\r\nexport class DnnSortIcon {\r\n /** Defines the current sort direction */\r\n @Prop() sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\r\n\r\n /** Emitted when the sort is changed. */\r\n @Event() sortChanged!: EventEmitter<\"asc\"|\"desc\"|\"none\">;\r\n \r\n private changeSort(): void {\r\n switch (this.sortDirection) {\r\n case \"asc\":\r\n this.sortDirection = \"desc\";\r\n break;\r\n case \"desc\":\r\n this.sortDirection = \"asc\";\r\n break;\r\n case \"none\":\r\n this.sortDirection = \"asc\";\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n this.sortChanged.emit(this.sortDirection);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button\r\n class={{\"active\": this.sortDirection != \"none\"}}\r\n onClick={() => this.changeSort()}\r\n >\r\n {this.sortDirection == \"none\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z\"></path></svg>\r\n }\r\n {this.sortDirection == \"asc\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 7 H 12 L 6 0 Z\"></path></svg>\r\n }\r\n {this.sortDirection == \"desc\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 9 H 12 L 6 16 Z\"></path></svg>\r\n }\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/dnn/dnn-sort-icon.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-a3a55419.system.js"],(function(t){"use strict";var o,n,r,i;return{setters:[function(t){o=t.r;n=t.e;r=t.h;i=t.f}],execute:function(){var e=":host{display:inline-block}button{outline:none;border:none;margin:0;padding:0;background-color:transparent;outline:none;display:inline-block;line-height:1em;position:relative;top:0.25em}button svg{height:1.5em;width:auto;fill:var(--color, #888)}button.active svg{fill:var(--color-sorted, var(--dnn-color-primary, #028bff))}button:hover svg,button:focus svg{fill:var(--color-hover, var(--dnn-color-primary-light, #36a1ff))}";var s=t("dnn_sort_icon",function(){function t(t){o(this,t);this.sortChanged=n(this,"sortChanged",7);this.sortDirection="none"}t.prototype.changeSort=function(){switch(this.sortDirection){case"asc":this.sortDirection="desc";break;case"desc":this.sortDirection="asc";break;case"none":this.sortDirection="asc";break;default:break}this.sortChanged.emit(this.sortDirection)};t.prototype.render=function(){var t=this;return r(i,null,r("button",{class:{active:this.sortDirection!="none"},onClick:function(){return t.changeSort()}},this.sortDirection=="none"&&r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},r("path",{d:"M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z"})),this.sortDirection=="asc"&&r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},r("path",{d:"M 0 7 H 12 L 6 0 Z"})),this.sortDirection=="desc"&&r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 16"},r("path",{d:"M 0 9 H 12 L 6 16 Z"}))))};return t}());s.style=e}}}));
2	- //# sourceMappingURL=dnn-sort-icon.system.entry.js.map

package/dist/dnn/dnn-sort-icon.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-sort-icon/dnn-sort-icon.scss?tag=dnn-sort-icon&encapsulation=shadow","src/components/dnn-sort-icon/dnn-sort-icon.tsx"],"names":["dnnSortIconCss","DnnSortIcon","exports","class_1","hostRef","this","sortDirection","prototype","changeSort","sortChanged","emit","render","_this","h","Host","class","active","onClick","xmlns","viewBox","d"],"mappings":"8JAAA,IAAMA,EAAiB,6aCOVC,EAAWC,EAAA,gBAAA,WALxB,SAAAC,EAAAC,sDAOUC,KAAAC,cAAyC,OAKzCH,EAAAI,UAAAC,WAAA,WACN,OAAQH,KAAKC,eACX,IAAK,MACHD,KAAKC,cAAgB,OACrB,MACF,IAAK,OACHD,KAAKC,cAAgB,MACrB,MACF,IAAK,OACHD,KAAKC,cAAgB,MACrB,MACF,QACE,MAGJD,KAAKI,YAAYC,KAAKL,KAAKC,gBAG7BH,EAAAI,UAAAI,OAAA,WAAA,IAAAC,EAAAP,KACE,OACEQ,EAACC,EAAI,KACHD,EAAA,SAAA,CACEE,MAAO,CAACC,OAAUX,KAAKC,eAAiB,QACxCW,QAAS,WAAM,OAAAL,EAAKJ,eAEnBH,KAAKC,eAAiB,QACrBO,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,aAAYN,EAAA,OAAA,CAAMO,EAAE,4CAErEf,KAAKC,eAAiB,OACrBO,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,aAAYN,EAAA,OAAA,CAAMO,EAAE,wBAErEf,KAAKC,eAAiB,QACrBO,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,aAAYN,EAAA,OAAA,CAAMO,EAAE,qCAvCxD","sourcesContent":[":host {\r\n /**\r\n * @prop --color: Normal Color of the inactive sort icon.\r\n * @prop --color-sorted: Color of the sorted sort icon.\r\n * @prop --color-hover: Color of the icons when hovered.\r\n */\r\n display: inline-block;\r\n}\r\n\r\nbutton {\r\n outline: none;\r\n border: none;\r\n margin: 0;\r\n padding: 0;\r\n background-color: transparent;\r\n outline: none;\r\n display: inline-block;\r\n line-height: 1em;\r\n position: relative;\r\n top: 0.25em;\r\n svg{\r\n height: 1.5em;\r\n width: auto;\r\n fill: var(--color, #888);\r\n }\r\n &.active{\r\n svg{\r\n fill: var(--color-sorted, var(--dnn-color-primary, rgb(2,139,255)));\r\n }\r\n }\r\n &:hover, &:focus{\r\n svg{\r\n fill: var(--color-hover, var(--dnn-color-primary-light, #36a1ff));\r\n }\r\n }\r\n}","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-sort-icon',\r\n styleUrl: 'dnn-sort-icon.scss',\r\n shadow: true\r\n})\r\nexport class DnnSortIcon {\r\n /** Defines the current sort direction */\r\n @Prop() sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\r\n\r\n /** Emitted when the sort is changed. */\r\n @Event() sortChanged!: EventEmitter<\"asc\"|\"desc\"|\"none\">;\r\n \r\n private changeSort(): void {\r\n switch (this.sortDirection) {\r\n case \"asc\":\r\n this.sortDirection = \"desc\";\r\n break;\r\n case \"desc\":\r\n this.sortDirection = \"asc\";\r\n break;\r\n case \"none\":\r\n this.sortDirection = \"asc\";\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n this.sortChanged.emit(this.sortDirection);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button\r\n class={{\"active\": this.sortDirection != \"none\"}}\r\n onClick={() => this.changeSort()}\r\n >\r\n {this.sortDirection == \"none\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 7 H 12 L 6 0 Z M 0 9 H 12 L 6 16 Z\"></path></svg>\r\n }\r\n {this.sortDirection == \"asc\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 7 H 12 L 6 0 Z\"></path></svg>\r\n }\r\n {this.sortDirection == \"desc\" &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 16\"><path d=\"M 0 9 H 12 L 6 16 Z\"></path></svg>\r\n }\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/dnn/dnn-tab.entry.js DELETED Viewed

@@ -1,27 +0,0 @@
-import { r as registerInstance, h, f as Host } from './index-b5a28c1d.js';
-const dnnTabCss = "";
-let DnnTab = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.visible = false;
-  }
-  /** Shows the tab. */
-  async show() {
-    this.visible = true;
-  }
-  /** Hides the modal */
-  async hide() {
-    this.visible = false;
-  }
-  render() {
-    return (h(Host, null, this.visible &&
-      h("slot", null)));
-  }
-};
-DnnTab.style = dnnTabCss;
-export { DnnTab as dnn_tab };
-//# sourceMappingURL=dnn-tab.entry.js.map

package/dist/dnn/dnn-tab.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-tab.entry.esm.js","mappings":";;AAAA,MAAM,SAAS,GAAG,EAAE;;ICQP,MAAM;EALnB;;IASa,YAAO,GAAY,KAAK,CAAC;GAuBrC;;EAnBG,MAAM,IAAI;IACN,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;GACvB;;EAID,MAAM,IAAI;IACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACxB;EAED,MAAM;IACF,QACI,EAAC,IAAI,QACA,IAAI,CAAC,OAAO;MACT,eAAa,CAEd,EACT;GACL;;;;;;","names":[],"sources":["./src/components/dnn-tab/dnn-tab.scss?tag=dnn-tab&encapsulation=shadow","./src/components/dnn-tab/dnn-tab.tsx"],"sourcesContent":["","import { Component, Host, h, Prop, State, Method } from \"@stencil/core\";\r\n\r\n/** Represents a single tab and must be used inside a dnn-tabs element. */\r\n@Component({\r\n tag: 'dnn-tab',\r\n styleUrl: 'dnn-tab.scss',\r\n shadow: true,\r\n})\r\nexport class DnnTab {\r\n /** Defines the tab title. */\r\n @Prop() tabTitle!: string;\r\n\r\n @State() visible: boolean = false;\r\n\r\n /** Shows the tab. */\r\n @Method()\r\n async show(){\r\n this.visible = true;\r\n }\r\n\r\n /** Hides the modal */\r\n @Method()\r\n async hide(){\r\n this.visible = false;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n {this.visible &&\r\n <slot></slot>\r\n }\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}

package/dist/dnn/dnn-tab.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,o){function u(t){try{s(r.next(t))}catch(t){o(t)}}function a(t){try{s(r["throw"](t))}catch(t){o(t)}}function s(t){t.done?n(t.value):i(t.value).then(u,a)}s((r=r.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return s([t,e])}}function s(u){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(o=u[0]&2?i["return"]:u[0]?i["throw"]\|\|((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,u[1])).done)return o;if(i=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6\|\|u[0]===2)){n=0;continue}if(u[0]===3&&(!o\|\|u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];i=0}finally{r=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./index-a3a55419.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.f}],execute:function(){var i="";var o=t("dnn_tab",function(){function t(t){e(this,t);this.visible=false}t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=true;return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=false;return[2]}))}))};t.prototype.render=function(){return n(r,null,this.visible&&n("slot",null))};return t}());o.style=i}}}));
2	- //# sourceMappingURL=dnn-tab.system.entry.js.map

package/dist/dnn/dnn-tab.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-tab/dnn-tab.scss?tag=dnn-tab&encapsulation=shadow","src/components/dnn-tab/dnn-tab.tsx"],"names":["dnnTabCss","DnnTab","exports","class_1","hostRef","this","visible","prototype","show","hide","render","h","Host"],"mappings":"+kDAAA,IAAMA,EAAY,OCQLC,EAAMC,EAAA,UAAA,WALnB,SAAAC,EAAAC,aASaC,KAAAC,QAAmB,MAItBH,EAAAI,UAAAC,KAAN,gGACIH,KAAKC,QAAU,sBAKbH,EAAAI,UAAAE,KAAN,gGACIJ,KAAKC,QAAU,uBAGnBH,EAAAI,UAAAG,OAAA,WACI,OACIC,EAACC,EAAI,KACAP,KAAKC,SACFK,EAAA,OAAA,iBAtBD","sourcesContent":[null,"import { Component, Host, h, Prop, State, Method } from \"@stencil/core\";\r\n\r\n/** Represents a single tab and must be used inside a dnn-tabs element. */\r\n@Component({\r\n tag: 'dnn-tab',\r\n styleUrl: 'dnn-tab.scss',\r\n shadow: true,\r\n})\r\nexport class DnnTab {\r\n /** Defines the tab title. */\r\n @Prop() tabTitle!: string;\r\n\r\n @State() visible: boolean = false;\r\n\r\n /** Shows the tab. */\r\n @Method()\r\n async show(){\r\n this.visible = true;\r\n }\r\n\r\n /** Hides the modal */\r\n @Method()\r\n async hide(){\r\n this.visible = false;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n {this.visible &&\r\n <slot></slot>\r\n }\r\n </Host>\r\n );\r\n }\r\n}"]}

package/dist/dnn/dnn-tabs.entry.js DELETED Viewed

@@ -1,48 +0,0 @@
-import { r as registerInstance, h, f as Host } from './index-b5a28c1d.js';
-const dnnTabsCss = ":host{display:block;--color-background:var(--dnn-color-secondary-dark, lightgray);--color-text:var(--dnn-color-secondary-contrast, #333);--color-visible:var(--dnn-color-primary, #3792ED);--color-visible-text:var(--dnn-color-primary-contrast, #FFF);--color-focus:var(--dnn-color-primary, #3792ed)}.tabTitles{display:-ms-flexbox;display:flex;background-color:var(--color-background);color:var(--color-text)}.tabTitles button{padding:0.5rem 1rem;border:0;margin:0;background-color:transparent}.tabTitles button.visible{background-color:var(--color-visible);color:var(--color-bisible-text)}.tabTitles button:focus,.tabTitles button:hover{outline:none;-webkit-box-shadow:0 0 2px 2px var(--color-focus);box-shadow:0 0 2px 2px var(--color-focus)}.currentTab{border:1px solid var(--color-background);padding:1rem}";
-let DnnTabs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tabTitles = [];
-    this.selectedTabTitle = "";
-  }
-  componentDidLoad() {
-    requestAnimationFrame(() => {
-      this.updateTitles();
-      this.showFirstTab();
-    });
-  }
-  getTabs() {
-    return this.component.shadowRoot.querySelector("slot").assignedElements();
-  }
-  updateTitles() {
-    const tabs = this.getTabs();
-    tabs.forEach(tab => this.tabTitles = [...this.tabTitles, tab.tabTitle]);
-  }
-  showFirstTab() {
-    const tab = this.getTabs()[0];
-    tab.show();
-    this.selectedTabTitle = tab.tabTitle;
-  }
-  showTab(tabTitle) {
-    const tabs = this.getTabs();
-    tabs.forEach(tab => {
-      if (tab.tabTitle == tabTitle) {
-        tab.show();
-        return;
-      }
-      tab.hide();
-    });
-    this.selectedTabTitle = tabTitle;
-  }
-  render() {
-    return (h(Host, { ref: el => this.component = el }, h("div", { class: "tabTitles" }, this.tabTitles.map(tabTitle => h("button", { class: this.selectedTabTitle == tabTitle ? "visible" : "", onClick: () => this.showTab(tabTitle) }, tabTitle))), h("div", { class: "currentTab" }, h("slot", null))));
-  }
-};
-DnnTabs.style = dnnTabsCss;
-export { DnnTabs as dnn_tabs };
-//# sourceMappingURL=dnn-tabs.entry.js.map

package/dist/dnn/dnn-tabs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-tabs.entry.esm.js","mappings":";;AAAA,MAAM,UAAU,GAAG,uyBAAuyB;;ICO7yB,OAAO;EALpB;;IAQa,cAAS,GAAa,EAAE,CAAC;IACzB,qBAAgB,GAAW,EAAE,CAAC;GAwD1C;EAtDG,gBAAgB;IACZ,qBAAqB,CAAC;MAClB,IAAI,CAAC,YAAY,EAAE,CAAC;MACpB,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB,CAAC,CAAC;GACN;EAEO,OAAO;IACX,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,gBAAgB,EAAyB,CAAC;GACpG;EAEO,YAAY;IAChB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;GAC3E;EAEO,YAAY;IAChB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9B,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,CAAC;GACxC;EAEO,OAAO,CAAC,QAAgB;IAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,OAAO,CAAC,GAAG;MACZ,IAAI,GAAG,CAAC,QAAQ,IAAI,QAAQ,EAAC;QACzB,GAAG,CAAC,IAAI,EAAE,CAAC;QACX,OAAO;OACV;MAED,GAAG,CAAC,IAAI,EAAE,CAAC;KACd,CAAC,CAAC;IACH,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;GACpC;EAED,MAAM;IACF,QACI,EAAC,IAAI,IAAC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE,IAChC,WAAK,KAAK,EAAC,WAAW,IACjB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,IACxB,cACI,KAAK,EAAE,IAAI,CAAC,gBAAgB,IAAI,QAAQ,GAAG,SAAS,GAAE,EAAE,EACxD,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAEpC,QAAQ,CACJ,CACZ,CACC,EACN,WAAK,KAAK,EAAC,YAAY,IACnB,eAAa,CACX,CACH,EACT;GACL;;;;;;","names":[],"sources":["./src/components/dnn-tabs/dnn-tabs.scss?tag=dnn-tabs&encapsulation=shadow","./src/components/dnn-tabs/dnn-tabs.tsx"],"sourcesContent":[":host {\r\n /**\r\n * @prop --color-background: The color of the inactive tabs.\r\n * @prop --color-text: The color of the text for inactive tabs.\r\n * @prop --color-visible: The color of the active tab.\r\n * @prop --color-visible-text: The color of the text for the active tab.\r\n * @prop --color-focus: outline color when hovering or pre-selecting a tab.\r\n */\r\n display: block;\r\n --color-background: var(--dnn-color-secondary-dark, lightgray);\r\n --color-text: var(--dnn-color-secondary-contrast, #333);\r\n --color-visible: var(--dnn-color-primary, #3792ED);\r\n --color-visible-text: var(--dnn-color-primary-contrast, #FFF);\r\n --color-focus: var(--dnn-color-primary, #3792ed);\r\n }\r\n\r\n .tabTitles{\r\n display: flex;\r\n background-color: var(--color-background);\r\n color: var(--color-text);\r\n button{\r\n padding: 0.5rem 1rem;\r\n border: 0;\r\n margin: 0;\r\n background-color: transparent;\r\n &.visible{\r\n background-color: var(--color-visible);\r\n color: var(--color-bisible-text);\r\n }\r\n &:focus, &:hover{\r\n outline: none;\r\n box-shadow: 0 0 2px 2px var(--color-focus);\r\n }\r\n }\r\n }\r\n\r\n .currentTab{\r\n border: 1px solid var(--color-background);\r\n padding: 1rem;\r\n }","import { Component, Host, h, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'dnn-tabs',\r\n styleUrl: 'dnn-tabs.scss',\r\n shadow: true,\r\n})\r\nexport class DnnTabs {\r\n private component: HTMLElement;\r\n\r\n @State() tabTitles: string[] = [];\r\n @State() selectedTabTitle: string = \"\";\r\n\r\n componentDidLoad(){\r\n requestAnimationFrame(() => {\r\n this.updateTitles();\r\n this.showFirstTab();\r\n });\r\n }\r\n\r\n private getTabs() {\r\n return this.component.shadowRoot.querySelector(\"slot\").assignedElements() as HTMLDnnTabElement[];\r\n }\r\n\r\n private updateTitles(){\r\n const tabs = this.getTabs();\r\n tabs.forEach(tab => this.tabTitles = [...this.tabTitles, tab.tabTitle]);\r\n }\r\n\r\n private showFirstTab(){\r\n const tab = this.getTabs()[0];\r\n tab.show();\r\n this.selectedTabTitle = tab.tabTitle;\r\n }\r\n\r\n private showTab(tabTitle: string) {\r\n const tabs = this.getTabs();\r\n tabs.forEach(tab => {\r\n if (tab.tabTitle == tabTitle){\r\n tab.show();\r\n return;\r\n }\r\n\r\n tab.hide();\r\n });\r\n this.selectedTabTitle = tabTitle;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host ref={el => this.component = el}>\r\n <div class=\"tabTitles\">\r\n {this.tabTitles.map(tabTitle =>\r\n <button\r\n class={this.selectedTabTitle == tabTitle ? \"visible\": \"\"}\r\n onClick={() => this.showTab(tabTitle)}\r\n >\r\n {tabTitle}\r\n </button>\r\n )}\r\n </div>\r\n <div class=\"currentTab\">\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"],"version":3}

package/dist/dnn/dnn-tabs.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var __spreadArray=this&&this.__spreadArray\|\|function(t,r){for(var o=0,e=r.length,a=t.length;o<e;o++,a++)t[a]=r[o];return t};System.register(["./index-a3a55419.system.js"],(function(t){"use strict";var r,o,e;return{setters:[function(t){r=t.r;o=t.h;e=t.f}],execute:function(){var a=":host{display:block;--color-background:var(--dnn-color-secondary-dark, lightgray);--color-text:var(--dnn-color-secondary-contrast, #333);--color-visible:var(--dnn-color-primary, #3792ED);--color-visible-text:var(--dnn-color-primary-contrast, #FFF);--color-focus:var(--dnn-color-primary, #3792ed)}.tabTitles{display:-ms-flexbox;display:flex;background-color:var(--color-background);color:var(--color-text)}.tabTitles button{padding:0.5rem 1rem;border:0;margin:0;background-color:transparent}.tabTitles button.visible{background-color:var(--color-visible);color:var(--color-bisible-text)}.tabTitles button:focus,.tabTitles button:hover{outline:none;-webkit-box-shadow:0 0 2px 2px var(--color-focus);box-shadow:0 0 2px 2px var(--color-focus)}.currentTab{border:1px solid var(--color-background);padding:1rem}";var n=t("dnn_tabs",function(){function t(t){r(this,t);this.tabTitles=[];this.selectedTabTitle=""}t.prototype.componentDidLoad=function(){var t=this;requestAnimationFrame((function(){t.updateTitles();t.showFirstTab()}))};t.prototype.getTabs=function(){return this.component.shadowRoot.querySelector("slot").assignedElements()};t.prototype.updateTitles=function(){var t=this;var r=this.getTabs();r.forEach((function(r){return t.tabTitles=__spreadArray(__spreadArray([],t.tabTitles),[r.tabTitle])}))};t.prototype.showFirstTab=function(){var t=this.getTabs()[0];t.show();this.selectedTabTitle=t.tabTitle};t.prototype.showTab=function(t){var r=this.getTabs();r.forEach((function(r){if(r.tabTitle==t){r.show();return}r.hide()}));this.selectedTabTitle=t};t.prototype.render=function(){var t=this;return o(e,{ref:function(r){return t.component=r}},o("div",{class:"tabTitles"},this.tabTitles.map((function(r){return o("button",{class:t.selectedTabTitle==r?"visible":"",onClick:function(){return t.showTab(r)}},r)}))),o("div",{class:"currentTab"},o("slot",null)))};return t}());n.style=a}}}));
2	- //# sourceMappingURL=dnn-tabs.system.entry.js.map

package/dist/dnn/dnn-tabs.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-tabs/dnn-tabs.scss?tag=dnn-tabs&encapsulation=shadow","src/components/dnn-tabs/dnn-tabs.tsx"],"names":["dnnTabsCss","DnnTabs","exports","class_1","hostRef","this","tabTitles","selectedTabTitle","prototype","componentDidLoad","_this","requestAnimationFrame","updateTitles","showFirstTab","getTabs","component","shadowRoot","querySelector","assignedElements","tabs","forEach","tab","__spreadArray","tabTitle","show","showTab","hide","render","h","Host","ref","el","class","map","onClick"],"mappings":"kRAAA,IAAMA,EAAa,4yBCONC,EAAOC,EAAA,WAAA,WALpB,SAAAC,EAAAC,aAQaC,KAAAC,UAAsB,GACtBD,KAAAE,iBAA2B,GAEpCJ,EAAAK,UAAAC,iBAAA,WAAA,IAAAC,EAAAL,KACIM,uBAAsB,WAClBD,EAAKE,eACLF,EAAKG,mBAILV,EAAAK,UAAAM,QAAA,WACJ,OAAOT,KAAKU,UAAUC,WAAWC,cAAc,QAAQC,oBAGnDf,EAAAK,UAAAI,aAAA,WAAA,IAAAF,EAAAL,KACJ,IAAMc,EAAOd,KAAKS,UAClBK,EAAKC,SAAQ,SAAAC,GAAO,OAAAX,EAAKJ,UAASgB,cAAAA,cAAA,GAAOZ,EAAKJ,WAAS,CAAEe,EAAIE,eAGzDpB,EAAAK,UAAAK,aAAA,WACJ,IAAMQ,EAAMhB,KAAKS,UAAU,GAC3BO,EAAIG,OACJnB,KAAKE,iBAAmBc,EAAIE,UAGxBpB,EAAAK,UAAAiB,QAAA,SAAQF,GACZ,IAAMJ,EAAOd,KAAKS,UAClBK,EAAKC,SAAQ,SAAAC,GACT,GAAIA,EAAIE,UAAYA,EAAS,CACzBF,EAAIG,OACJ,OAGJH,EAAIK,UAERrB,KAAKE,iBAAmBgB,GAG5BpB,EAAAK,UAAAmB,OAAA,WAAA,IAAAjB,EAAAL,KACI,OACIuB,EAACC,EAAI,CAACC,IAAK,SAAAC,GAAM,OAAArB,EAAKK,UAAYgB,IAC9BH,EAAA,MAAA,CAAKI,MAAM,aACN3B,KAAKC,UAAU2B,KAAI,SAAAV,GAChB,OAAAK,EAAA,SAAA,CACII,MAAOtB,EAAKH,kBAAoBgB,EAAW,UAAW,GACtDW,QAAS,WAAM,OAAAxB,EAAKe,QAAQF,KAE3BA,OAIbK,EAAA,MAAA,CAAKI,MAAM,cACPJ,EAAA,OAAA,kBAvDA","sourcesContent":[":host {\r\n /**\r\n * @prop --color-background: The color of the inactive tabs.\r\n * @prop --color-text: The color of the text for inactive tabs.\r\n * @prop --color-visible: The color of the active tab.\r\n * @prop --color-visible-text: The color of the text for the active tab.\r\n * @prop --color-focus: outline color when hovering or pre-selecting a tab.\r\n */\r\n display: block;\r\n --color-background: var(--dnn-color-secondary-dark, lightgray);\r\n --color-text: var(--dnn-color-secondary-contrast, #333);\r\n --color-visible: var(--dnn-color-primary, #3792ED);\r\n --color-visible-text: var(--dnn-color-primary-contrast, #FFF);\r\n --color-focus: var(--dnn-color-primary, #3792ed);\r\n }\r\n\r\n .tabTitles{\r\n display: flex;\r\n background-color: var(--color-background);\r\n color: var(--color-text);\r\n button{\r\n padding: 0.5rem 1rem;\r\n border: 0;\r\n margin: 0;\r\n background-color: transparent;\r\n &.visible{\r\n background-color: var(--color-visible);\r\n color: var(--color-bisible-text);\r\n }\r\n &:focus, &:hover{\r\n outline: none;\r\n box-shadow: 0 0 2px 2px var(--color-focus);\r\n }\r\n }\r\n }\r\n\r\n .currentTab{\r\n border: 1px solid var(--color-background);\r\n padding: 1rem;\r\n }","import { Component, Host, h, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'dnn-tabs',\r\n styleUrl: 'dnn-tabs.scss',\r\n shadow: true,\r\n})\r\nexport class DnnTabs {\r\n private component: HTMLElement;\r\n\r\n @State() tabTitles: string[] = [];\r\n @State() selectedTabTitle: string = \"\";\r\n\r\n componentDidLoad(){\r\n requestAnimationFrame(() => {\r\n this.updateTitles();\r\n this.showFirstTab();\r\n });\r\n }\r\n\r\n private getTabs() {\r\n return this.component.shadowRoot.querySelector(\"slot\").assignedElements() as HTMLDnnTabElement[];\r\n }\r\n\r\n private updateTitles(){\r\n const tabs = this.getTabs();\r\n tabs.forEach(tab => this.tabTitles = [...this.tabTitles, tab.tabTitle]);\r\n }\r\n\r\n private showFirstTab(){\r\n const tab = this.getTabs()[0];\r\n tab.show();\r\n this.selectedTabTitle = tab.tabTitle;\r\n }\r\n\r\n private showTab(tabTitle: string) {\r\n const tabs = this.getTabs();\r\n tabs.forEach(tab => {\r\n if (tab.tabTitle == tabTitle){\r\n tab.show();\r\n return;\r\n }\r\n\r\n tab.hide();\r\n });\r\n this.selectedTabTitle = tabTitle;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host ref={el => this.component = el}>\r\n <div class=\"tabTitles\">\r\n {this.tabTitles.map(tabTitle =>\r\n <button\r\n class={this.selectedTabTitle == tabTitle ? \"visible\": \"\"}\r\n onClick={() => this.showTab(tabTitle)}\r\n >\r\n {tabTitle}\r\n </button>\r\n )}\r\n </div>\r\n <div class=\"currentTab\">\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}"]}

package/dist/dnn/dnn-toggle.entry.js DELETED Viewed

@@ -1,33 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
-const dnnToggleCss = ":host{display:inline-block;outline:none;cursor:pointer}button{height:1.5em;width:2.5em;outline:none;background-color:var(--background, #888);border:0;border-radius:var(--border-radius, var(--dnn-controls-radius, 0.75em));padding:0.1em;position:relative;margin:0;-webkit-transition:background-color 300ms ease-in-out;transition:background-color 300ms ease-in-out;position:relative;cursor:pointer}button:hover,button:focus{-webkit-box-shadow:0 0 2px 2px var(--dnn-color-primary);box-shadow:0 0 2px 2px var(--dnn-color-primary)}button.checked{background-color:var(--background-checked, var(--dnn-color-primary, blue))}button.checked .handle{left:calc(1em + 4px)}button:disabled{opacity:0.5;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}button .handle{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background-color:white;width:1em;height:1em;border-radius:var(--dnn-controls-radius, 50%);position:absolute;top:calc(50% - 0.5em);left:2px}";
-let DnnToggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.checkChanged = createEvent(this, "checkChanged", 7);
-    /** If 'true' the toggle is checked (on). */
-    this.checked = false;
-    /** If 'true' the toggle is not be interacted with. */
-    this.disabled = false;
-  }
-  checkedChanged(isChecked) {
-    this.checkChanged.emit({ checked: isChecked });
-  }
-  render() {
-    return (h(Host, null, h("button", { disabled: this.disabled, class: { 'checked': this.checked }, onClick: () => {
-        if (!this.disabled) {
-          this.checked = !this.checked;
-        }
-      } }, h("div", { class: "handle" }))));
-  }
-  get element() { return getElement(this); }
-  static get watchers() { return {
-    "checked": ["checkedChanged"]
-  }; }
-};
-DnnToggle.style = dnnToggleCss;
-export { DnnToggle as dnn_toggle };
-//# sourceMappingURL=dnn-toggle.entry.js.map

package/dist/dnn/dnn-toggle.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-toggle.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,g9BAAg9B;;ICSx9B,SAAS;EALtB;;;;IAU2B,YAAO,GAAG,KAAK,CAAC;;IAG/B,aAAQ,GAAG,KAAK,CAAC;GAyB5B;EAnBG,cAAc,CAAC,SAAkB;IAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;GAChD;EAED,MAAM;IACF,QACI,EAAC,IAAI,QACD,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAC,EAC7D,OAAO,EAAE;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;UAChB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;SAChC;OACJ,IAED,WAAK,KAAK,EAAC,QAAQ,GAAO,CACrB,CACN,EACT;GACL;;;;;;;;;;","names":[],"sources":["./src/components/dnn-toggle/dnn-toggle.scss?tag=dnn-toggle&encapsulation=shadow","./src/components/dnn-toggle/dnn-toggle.tsx"],"sourcesContent":[":host {\r\n /**\r\n * @prop --background: Background of the toggle.\r\n * @prop --background-checked: Background of the toggle when checked.\r\n * @prop --handle-background: Background of the handle.\r\n * @prop --handle-background-checked: Background of the handle when checked.\r\n * @prop --border-radius: The radius of the background borders.\r\n * @prop --handle-border-radius: The radius of the handle.\r\n */\r\n\r\n display: inline-block;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n\r\nbutton {\r\n height: 1.5em;\r\n width: 2.5em;\r\n outline: none;\r\n background-color: var(--background, #888);\r\n border: 0;\r\n border-radius: var(--border-radius, var(--dnn-controls-radius, 0.75em));\r\n padding: 0.1em;\r\n position: relative;\r\n margin: 0;\r\n transition: background-color 300ms ease-in-out;\r\n position: relative;\r\n cursor: pointer;\r\n &:hover, &:focus{\r\n box-shadow: 0 0 2px 2px var(--dnn-color-primary);\r\n }\r\n &.checked{\r\n background-color: var(--background-checked, var(--dnn-color-primary, blue));\r\n .handle{\r\n left: calc(1em + 4px);\r\n }\r\n }\r\n &:disabled{\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n box-shadow: none;\r\n }\r\n .handle{\r\n transition: all 300ms ease-in-out;\r\n background-color:white;\r\n width: 1em;\r\n height: 1em;\r\n border-radius: var(--dnn-controls-radius, 50%);\r\n position: absolute;\r\n top: calc(50% - 0.5em);\r\n left: 2px;\r\n }\r\n}","import { Component, h, Element, Prop, Event, EventEmitter, Watch, Host } from \"@stencil/core\";\r\nimport { DnnToggleChangeEventDetail } from \"./toggle-interface\";\r\n\r\n\r\n@Component({\r\n tag: \"dnn-toggle\",\r\n styleUrl: \"dnn-toggle.scss\",\r\n shadow: true\r\n})\r\nexport class DnnToggle {\r\n\r\n @Element() element: HTMLDnnToggleElement;\r\n\r\n /** If 'true' the toggle is checked (on). */\r\n @Prop({mutable: true}) checked = false;\r\n\r\n /** If 'true' the toggle is not be interacted with. */\r\n @Prop() disabled = false;\r\n\r\n /** Fires when the toggle changed */\r\n @Event() checkChanged!: EventEmitter<DnnToggleChangeEventDetail>;\r\n\r\n @Watch(\"checked\")\r\n checkedChanged(isChecked: boolean){\r\n this.checkChanged.emit({checked: isChecked});\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button disabled={this.disabled} class={{'checked': this.checked}}\r\n onClick={() => {\r\n if (!this.disabled) {\r\n this.checked = !this.checked;\r\n }\r\n }}\r\n >\r\n <div class=\"handle\"></div>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/dnn/dnn-toggle.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,n,o,r,i;return{setters:[function(e){t=e.r;n=e.e;o=e.h;r=e.f;i=e.g}],execute:function(){var a=":host{display:inline-block;outline:none;cursor:pointer}button{height:1.5em;width:2.5em;outline:none;background-color:var(--background, #888);border:0;border-radius:var(--border-radius, var(--dnn-controls-radius, 0.75em));padding:0.1em;position:relative;margin:0;-webkit-transition:background-color 300ms ease-in-out;transition:background-color 300ms ease-in-out;position:relative;cursor:pointer}button:hover,button:focus{-webkit-box-shadow:0 0 2px 2px var(--dnn-color-primary);box-shadow:0 0 2px 2px var(--dnn-color-primary)}button.checked{background-color:var(--background-checked, var(--dnn-color-primary, blue))}button.checked .handle{left:calc(1em + 4px)}button:disabled{opacity:0.5;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}button .handle{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background-color:white;width:1em;height:1em;border-radius:var(--dnn-controls-radius, 50%);position:absolute;top:calc(50% - 0.5em);left:2px}";var c=e("dnn_toggle",function(){function e(e){t(this,e);this.checkChanged=n(this,"checkChanged",7);this.checked=false;this.disabled=false}e.prototype.checkedChanged=function(e){this.checkChanged.emit({checked:e})};e.prototype.render=function(){var e=this;return o(r,null,o("button",{disabled:this.disabled,class:{checked:this.checked},onClick:function(){if(!e.disabled){e.checked=!e.checked}}},o("div",{class:"handle"})))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());c.style=a}}}));
2	- //# sourceMappingURL=dnn-toggle.system.entry.js.map

package/dist/dnn/dnn-toggle.system.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/components/dnn-toggle/dnn-toggle.scss?tag=dnn-toggle&encapsulation=shadow","src/components/dnn-toggle/dnn-toggle.tsx"],"names":["dnnToggleCss","DnnToggle","exports","class_1","hostRef","this","checked","disabled","prototype","checkedChanged","isChecked","checkChanged","emit","render","_this","h","Host","class","onClick"],"mappings":"sKAAA,IAAMA,EAAe,q9BCSRC,EAASC,EAAA,aAAA,WALtB,SAAAC,EAAAC,wDAU2BC,KAAAC,QAAU,MAGzBD,KAAAE,SAAW,MAMnBJ,EAAAK,UAAAC,eAAA,SAAeC,GACXL,KAAKM,aAAaC,KAAK,CAACN,QAASI,KAGrCP,EAAAK,UAAAK,OAAA,WAAA,IAAAC,EAAAT,KACI,OACIU,EAACC,EAAI,KACDD,EAAA,SAAA,CAAQR,SAAUF,KAAKE,SAAUU,MAAO,CAACX,QAAWD,KAAKC,SACrDY,QAAS,WACL,IAAKJ,EAAKP,SAAU,CAChBO,EAAKR,SAAWQ,EAAKR,WAI7BS,EAAA,MAAA,CAAKE,MAAM,oQA5BT","sourcesContent":[":host {\r\n /**\r\n * @prop --background: Background of the toggle.\r\n * @prop --background-checked: Background of the toggle when checked.\r\n * @prop --handle-background: Background of the handle.\r\n * @prop --handle-background-checked: Background of the handle when checked.\r\n * @prop --border-radius: The radius of the background borders.\r\n * @prop --handle-border-radius: The radius of the handle.\r\n */\r\n\r\n display: inline-block;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n\r\nbutton {\r\n height: 1.5em;\r\n width: 2.5em;\r\n outline: none;\r\n background-color: var(--background, #888);\r\n border: 0;\r\n border-radius: var(--border-radius, var(--dnn-controls-radius, 0.75em));\r\n padding: 0.1em;\r\n position: relative;\r\n margin: 0;\r\n transition: background-color 300ms ease-in-out;\r\n position: relative;\r\n cursor: pointer;\r\n &:hover, &:focus{\r\n box-shadow: 0 0 2px 2px var(--dnn-color-primary);\r\n }\r\n &.checked{\r\n background-color: var(--background-checked, var(--dnn-color-primary, blue));\r\n .handle{\r\n left: calc(1em + 4px);\r\n }\r\n }\r\n &:disabled{\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n box-shadow: none;\r\n }\r\n .handle{\r\n transition: all 300ms ease-in-out;\r\n background-color:white;\r\n width: 1em;\r\n height: 1em;\r\n border-radius: var(--dnn-controls-radius, 50%);\r\n position: absolute;\r\n top: calc(50% - 0.5em);\r\n left: 2px;\r\n }\r\n}","import { Component, h, Element, Prop, Event, EventEmitter, Watch, Host } from \"@stencil/core\";\r\nimport { DnnToggleChangeEventDetail } from \"./toggle-interface\";\r\n\r\n\r\n@Component({\r\n tag: \"dnn-toggle\",\r\n styleUrl: \"dnn-toggle.scss\",\r\n shadow: true\r\n})\r\nexport class DnnToggle {\r\n\r\n @Element() element: HTMLDnnToggleElement;\r\n\r\n /** If 'true' the toggle is checked (on). */\r\n @Prop({mutable: true}) checked = false;\r\n\r\n /** If 'true' the toggle is not be interacted with. */\r\n @Prop() disabled = false;\r\n\r\n /** Fires when the toggle changed */\r\n @Event() checkChanged!: EventEmitter<DnnToggleChangeEventDetail>;\r\n\r\n @Watch(\"checked\")\r\n checkedChanged(isChecked: boolean){\r\n this.checkChanged.emit({checked: isChecked});\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button disabled={this.disabled} class={{'checked': this.checked}}\r\n onClick={() => {\r\n if (!this.disabled) {\r\n this.checked = !this.checked;\r\n }\r\n }}\r\n >\r\n <div class=\"handle\"></div>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/dnn/dnn-treeview-item.entry.js DELETED Viewed

@@ -1,64 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
-const dnnTreeviewItemCss = ":host{display:-ms-flexbox;display:flex;overflow:visible}.expander{width:24px;height:24px}.expander button{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;background-color:transparent;border:none;padding:0;margin:0;height:1em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;top:2px}.expander button svg :first-child{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;fill:white;stroke:black}.expander.expanded button{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.expander.expanded button svg :first-child{fill:black;stroke:black}div.item .item-slot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25em;min-height:24px}div.item div.children{overflow:hidden;height:0;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}";
-let DnnTreeviewItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.userExpanded = createEvent(this, "userExpanded", 3);
-    this.userCollapsed = createEvent(this, "userCollapsed", 3);
-    /** Defines if the current node is expanded.  */
-    this.expanded = false;
-    /** Manages state for whether or not item has children. */
-    this.hasChildren = false;
-  }
-  /** Watch expanded Prop */
-  watchExpanded(expanded) {
-    if (expanded) {
-      this.expander.classList.add("expanded");
-      this.collapsible.expanded = true;
-      return;
-    }
-    this.expander.classList.remove("expanded");
-    this.collapsible.expanded = false;
-  }
-  componentDidLoad() {
-    requestAnimationFrame(() => {
-      const child = this.childElement.children[0];
-      const count = child.assignedElements().length;
-      if (count > 0) {
-        this.hasChildren = true;
-      }
-      if (this.expanded) {
-        this.expander.classList.add("expanded");
-        this.collapsible.expanded = false;
-        setTimeout(() => {
-          this.collapsible.expanded = true;
-        }, 300);
-      }
-    });
-  }
-  toggleCollapse() {
-    this.expanded = !this.expanded;
-    if (this.expanded) {
-      this.expander.classList.add("expanded");
-      this.userExpanded.emit();
-      return;
-    }
-    this.expander.classList.remove("expanded");
-    this.userCollapsed.emit();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "expander", ref: el => this.expander = el }, this.hasChildren &&
-      h("button", { onClick: () => this.toggleCollapse() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M10 17l5-5-5-5v10z" }), h("path", { d: "M0 24V0h24v24H0z", fill: "none" })))), h("div", { class: "item" }, h("div", { class: "item-slot" }, h("slot", null)), h("dnn-collapsible", { ref: el => this.collapsible = el, expanded: this.expanded }, h("div", { ref: el => this.childElement = el }, h("slot", { name: "children" }))))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "expanded": ["watchExpanded"]
-  }; }
-};
-DnnTreeviewItem.style = dnnTreeviewItemCss;
-export { DnnTreeviewItem as dnn_treeview_item };
-//# sourceMappingURL=dnn-treeview-item.entry.js.map

package/dist/dnn/dnn-treeview-item.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"dnn-treeview-item.entry.esm.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,u6BAAu6B;;ICOr7B,eAAe;EAL5B;;;;;IAYwC,aAAQ,GAAY,KAAK,CAAC;;IASvD,gBAAW,GAAY,KAAK,CAAC;GAyEvC;;EArEC,aAAa,CAAC,QAAiB;IAC7B,IAAI,QAAQ,EAAE;MACZ,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;MACxC,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;MACjC,OAAO;KACR;IAED,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC;GACnC;EAMD,gBAAgB;IACd,qBAAqB,CAAC;MACpB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAoB,CAAC;MAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAA;MAC7C,IAAI,KAAK,GAAG,CAAC,EAAC;QACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;OACzB;MACD,IAAI,IAAI,CAAC,QAAQ,EAAC;QAChB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAC;QAClC,UAAU,CAAC;UACT,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;SAClC,EAAE,GAAG,CAAC,CAAC;OACT;KACF,CAAC,CAAC;GACJ;EAEO,cAAc;IACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC/B,IAAI,IAAI,CAAC,QAAQ,EAAC;MAChB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;MACxC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;MACzB,OAAO;KACR;IAED,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;GAC3B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,EAAE,IAChD,IAAI,CAAC,WAAW;MACf,cACE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,IAEpC,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,oBAAoB,GAAE,EAAA,YAAM,CAAC,EAAC,kBAAkB,EAAC,IAAI,EAAC,MAAM,GAAE,CAAM,CAC3K,CAEP,EACN,WAAK,KAAK,EAAC,MAAM,IACf,WAAK,KAAK,EAAC,WAAW,IACpB,eAAa,CACT,EACN,uBAAiB,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACxE,WAAK,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG,EAAE,IACpC,YAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACU,CACZ,CACH,EACP;GACH;;;;;;;;;;","names":[],"sources":["./src/components/dnn-treeview-item/dnn-treeview-item.scss?tag=dnn-treeview-item&encapsulation=shadow","./src/components/dnn-treeview-item/dnn-treeview-item.tsx"],"sourcesContent":[":host {\r\n display: flex;\r\n overflow: visible;\r\n}\r\n.expander{\r\n width: 24px;\r\n height: 24px;\r\n button{\r\n transition: all 150ms ease-in-out;\r\n background-color:transparent;\r\n border: none;\r\n padding: 0;\r\n margin: 0;\r\n height: 1em;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n position: relative;\r\n top: 2px;\r\n svg{\r\n :first-child{\r\n transition: all 150ms ease-in-out;\r\n fill: white;\r\n stroke: black\r\n }\r\n }\r\n }\r\n &.expanded{\r\n button{\r\n transform: rotate(45deg);\r\n svg{\r\n :first-child{\r\n fill: black;\r\n stroke: black;\r\n }\r\n }\r\n }\r\n }\r\n}\r\ndiv.item{\r\n .item-slot{\r\n display: flex;\r\n align-items: center;\r\n gap: 0.25em;\r\n min-height: 24px;\r\n }\r\n div.children{\r\n overflow: hidden;\r\n height:0;\r\n transition: all 150ms ease-in-out;\r\n }\r\n}","import { Component, Host, h, Prop, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-treeview-item',\r\n styleUrl: 'dnn-treeview-item.scss',\r\n shadow: true,\r\n})\r\nexport class DnnTreeviewItem {\r\n \r\n private expander!: HTMLDivElement;\r\n\r\n @Element() el!: HTMLDnnTreeviewItemElement;\r\n \r\n /** Defines if the current node is expanded. */\r\n @Prop({mutable: true, reflect: true}) expanded: boolean = false;\r\n\r\n /** Fires when the user expands a node. */\r\n @Event({bubbles: false}) userExpanded: EventEmitter<void>;\r\n\r\n /** Fires when the user collapses a node. */\r\n @Event({bubbles: false}) userCollapsed: EventEmitter<void>;\r\n\r\n /** Manages state for whether or not item has children. */\r\n @State() hasChildren: boolean = false;\r\n\r\n /** Watch expanded Prop */\r\n @Watch('expanded')\r\n watchExpanded(expanded: boolean) {\r\n if (expanded) {\r\n this.expander.classList.add(\"expanded\");\r\n this.collapsible.expanded = true;\r\n return;\r\n }\r\n \r\n this.expander.classList.remove(\"expanded\");\r\n this.collapsible.expanded = false;\r\n }\r\n \r\n \r\n private childElement!: HTMLDivElement;\r\n private collapsible!: HTMLDnnCollapsibleElement;\r\n\r\n componentDidLoad() {\r\n requestAnimationFrame(() => {\r\n const child = this.childElement.children[0] as HTMLSlotElement;\r\n const count = child.assignedElements().length\r\n if (count > 0){\r\n this.hasChildren = true;\r\n }\r\n if (this.expanded){\r\n this.expander.classList.add(\"expanded\");\r\n this.collapsible.expanded = false;\r\n setTimeout(() => {\r\n this.collapsible.expanded = true;\r\n }, 300);\r\n }\r\n });\r\n }\r\n\r\n private toggleCollapse(): void {\r\n this.expanded = !this.expanded;\r\n if (this.expanded){\r\n this.expander.classList.add(\"expanded\");\r\n this.userExpanded.emit();\r\n return;\r\n }\r\n\r\n this.expander.classList.remove(\"expanded\");\r\n this.userCollapsed.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"expander\" ref={el => this.expander = el}>\r\n {this.hasChildren &&\r\n <button\r\n onClick={() => this.toggleCollapse()}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M10 17l5-5-5-5v10z\"/><path d=\"M0 24V0h24v24H0z\" fill=\"none\"/></svg>\r\n </button>\r\n }\r\n </div>\r\n <div class=\"item\">\r\n <div class=\"item-slot\">\r\n <slot></slot>\r\n </div>\r\n <dnn-collapsible ref={el => this.collapsible = el} expanded={this.expanded}>\r\n <div ref={el => this.childElement = el}>\r\n <slot name=\"children\"></slot>\r\n </div>\r\n </dnn-collapsible>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n\r\nexport interface ExpandedToggledEvent{\r\n state: \"expanded\" | \"collapsed\";\r\n height: number;\r\n}"],"version":3}

package/dist/dnn/dnn-treeview-item.system.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,n,i,s,a;return{setters:[function(e){t=e.r;n=e.e;i=e.h;s=e.f;a=e.g}],execute:function(){var r=":host{display:-ms-flexbox;display:flex;overflow:visible}.expander{width:24px;height:24px}.expander button{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;background-color:transparent;border:none;padding:0;margin:0;height:1em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;top:2px}.expander button svg :first-child{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;fill:white;stroke:black}.expander.expanded button{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.expander.expanded button svg :first-child{fill:black;stroke:black}div.item .item-slot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25em;min-height:24px}div.item div.children{overflow:hidden;height:0;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}";var l=e("dnn_treeview_item",function(){function e(e){t(this,e);this.userExpanded=n(this,"userExpanded",3);this.userCollapsed=n(this,"userCollapsed",3);this.expanded=false;this.hasChildren=false}e.prototype.watchExpanded=function(e){if(e){this.expander.classList.add("expanded");this.collapsible.expanded=true;return}this.expander.classList.remove("expanded");this.collapsible.expanded=false};e.prototype.componentDidLoad=function(){var e=this;requestAnimationFrame((function(){var t=e.childElement.children[0];var n=t.assignedElements().length;if(n>0){e.hasChildren=true}if(e.expanded){e.expander.classList.add("expanded");e.collapsible.expanded=false;setTimeout((function(){e.collapsible.expanded=true}),300)}}))};e.prototype.toggleCollapse=function(){this.expanded=!this.expanded;if(this.expanded){this.expander.classList.add("expanded");this.userExpanded.emit();return}this.expander.classList.remove("expanded");this.userCollapsed.emit()};e.prototype.render=function(){var e=this;return i(s,null,i("div",{class:"expander",ref:function(t){return e.expander=t}},this.hasChildren&&i("button",{onClick:function(){return e.toggleCollapse()}},i("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{d:"M10 17l5-5-5-5v10z"}),i("path",{d:"M0 24V0h24v24H0z",fill:"none"})))),i("div",{class:"item"},i("div",{class:"item-slot"},i("slot",null)),i("dnn-collapsible",{ref:function(t){return e.collapsible=t},expanded:this.expanded},i("div",{ref:function(t){return e.childElement=t}},i("slot",{name:"children"})))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["watchExpanded"]}},enumerable:false,configurable:true});return e}());l.style=r}}}));
2	- //# sourceMappingURL=dnn-treeview-item.system.entry.js.map