@dnncommunity/dnn-elements 0.15.0-beta.7 → 0.15.0

package/dist/dnn/css-shim-c5bffe6b.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","undefined","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","substr","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","concat","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.14.2 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\".concat(t),\".\".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=\"\".concat(s.scopeId,\"-\").concat(this.count),o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}

package/dist/dnn/debounce-6be67abd.js

@@ -1,22 +0,0 @@
-/**
- * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.
- * @param debounceTime How many milliseconds to debounce for.
- */
-function Debounce(debounceTime = 500) {
-  return function (_target, _key, descriptor) {
-    let originalMethod = descriptor.value;
-    let timer = null;
-    descriptor.value = function (...args) {
-      clearTimeout(timer);
-      return new Promise(resolve => {
-        timer = setTimeout(() => {
-          resolve(originalMethod.apply(this, args));
-        }, debounceTime);
-      });
-    };
-  };
-}
-
-export { Debounce as D };
-
-//# sourceMappingURL=debounce-6be67abd.js.map

package/dist/dnn/debounce-6be67abd.js.map

@@ -1 +0,0 @@
-{"file":"debounce-6be67abd.js","mappings":"AAAA;;;;SAIgB,QAAQ,CAAC,eAAuB,GAAG;EAC/C,OAAO,UAAS,OAAY,EAAE,IAAY,EAAE,UAA8B;IAEtE,IAAI,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC;IAEjB,UAAU,CAAC,KAAK,GAAG,UAAS,GAAG,IAAW;MACtC,YAAY,CAAC,KAAK,CAAC,CAAC;MACpB,OAAO,IAAI,OAAO,CAAC,OAAO;QACtB,KAAK,GAAG,UAAU,CAAC;UACf,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;SAC7C,EAAE,YAAY,CAAC,CAAC;OACpB,CAAC,CAAA;KAEL,CAAA;GAEJ,CAAA;AACL;;;;","names":[],"sources":["./src/utilities/debounce.ts"],"sourcesContent":["/**\r\n * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.\r\n * @param debounceTime How many milliseconds to debounce for.\r\n */\r\nexport function Debounce(debounceTime: number = 500){\r\n    return function(_target: any, _key: string, descriptor: PropertyDescriptor){\r\n\r\n        let originalMethod = descriptor.value;\r\n        let timer = null;\r\n\r\n        descriptor.value = function(...args: any[]){\r\n            clearTimeout(timer);\r\n            return new Promise(resolve => {\r\n                timer = setTimeout(() => {\r\n                    resolve(originalMethod.apply(this, args));\r\n                }, debounceTime);\r\n            })\r\n\r\n        }\r\n        \r\n    }\r\n}"],"version":3}

package/dist/dnn/debounce-db438a09.system.js

@@ -1,2 +0,0 @@
-System.register([],(function(n){"use strict";return{execute:function(){n("D",t);function t(n){if(n===void 0){n=500}return function(t,e,r){var u=r.value;var i=null;r.value=function(){var t=this;var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}clearTimeout(i);return new Promise((function(r){i=setTimeout((function(){r(u.apply(t,e))}),n)}))}}}}}}));
-//# sourceMappingURL=debounce-db438a09.system.js.map

package/dist/dnn/debounce-db438a09.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utilities/debounce.ts"],"names":["Debounce","debounceTime","_target","_key","descriptor","originalMethod","value","timer","_this","this","args","_i","arguments","length","clearTimeout","Promise","resolve","setTimeout","apply"],"mappings":"yFAIgBA,EAASC,GAAA,GAAAA,SAAA,EAAA,CAAAA,EAAA,IACrB,OAAO,SAASC,EAAcC,EAAcC,GAExC,IAAIC,EAAiBD,EAAWE,MAChC,IAAIC,EAAQ,KAEZH,EAAWE,MAAQ,WAAA,IAAAE,EAAAC,KAAS,IAAAC,EAAA,OAAA,IAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAc,CAAdD,EAAAC,GAAAC,UAAAD,GACxBG,aAAaP,GACb,OAAO,IAAIQ,SAAQ,SAAAC,GACfT,EAAQU,YAAW,WACfD,EAAQX,EAAea,MAAMV,EAAME,MACpCT","sourcesContent":["/**\r\n * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.\r\n * @param debounceTime How many milliseconds to debounce for.\r\n */\r\nexport function Debounce(debounceTime: number = 500){\r\n    return function(_target: any, _key: string, descriptor: PropertyDescriptor){\r\n\r\n        let originalMethod = descriptor.value;\r\n        let timer = null;\r\n\r\n        descriptor.value = function(...args: any[]){\r\n            clearTimeout(timer);\r\n            return new Promise(resolve => {\r\n                timer = setTimeout(() => {\r\n                    resolve(originalMethod.apply(this, args));\r\n                }, debounceTime);\r\n            })\r\n\r\n        }\r\n        \r\n    }\r\n}"]}

package/dist/dnn/dnn-button.entry.js

@@ -1,88 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-20e42ad7.js';
-
-const dnnButtonCss = ":host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.disabled){pointer-events:none}:host(.primary){--background-color:var(--dnn-color-primary, blue);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, blue);--border-color:var(--dnn-color-primary, blue);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, green);--color:var(--dnn-color-secondary-contrast, white);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, white);--color:var(--dnn-color-secondary, blue);--border-color:var(--dnn-color-secondary, blue);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, yellow);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, white);--color:var(--dnn-color-tertiary, blue);--border-color:var(--dnn-color-tertiary, blue);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus,:host(.hydrated) button:hover{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host(:disabled,[disabled]) button{pointer-events:none;opacity:0.5}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}";
-
-const DnnButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.confirmed = createEvent(this, "confirmed", 7);
-    this.canceled = createEvent(this, "canceled", 7);
-    /**
-     * Optional button style,
-     * can be either primary, secondary or tertiary and defaults to primary if not specified
-     */
-    this.type = 'primary';
-    /**
-     * Optionally reverses the button style.
-     */
-    this.reversed = false;
-    /**
-     * Optionally sets the button size, small normal or large, defaults to normal
-     */
-    this.size = 'normal';
-    /**
-     * Optionally add a confirmation dialog before firing the action.
-     */
-    this.confirm = false;
-    /**
-     * The text of the yes button for confirmation.
-     */
-    this.confirmYesText = "Yes";
-    /**
-     * The text of the no button for confirmation.
-     */
-    this.confirmNoText = "No";
-    /**
-     * The text of the confirmation message;
-     */
-    this.confirmMessage = "Are you sure ?";
-    /**
-     * Disables the button
-     */
-    this.disabled = false;
-    this.modalVisible = false;
-  }
-  componentDidLoad() {
-    this.modal = this.el.shadowRoot.querySelector('dnn-modal');
-  }
-  handleConfirm() {
-    this.modal.hide();
-    this.modalVisible = false;
-    this.confirmed.emit();
-  }
-  handleCancel() {
-    this.modal.hide();
-    this.modalVisible = false;
-    this.canceled.emit();
-  }
-  handleClick() {
-    if (this.confirm && !this.modalVisible) {
-      this.modal.show();
-      this.modalVisible = true;
-    }
-  }
-  getElementClasses() {
-    const classes = [];
-    classes.push(this.type);
-    if (this.reversed) {
-      classes.push('reversed');
-    }
-    if (this.size !== 'normal') {
-      classes.push(this.size);
-    }
-    return classes.join(' ');
-  }
-  render() {
-    return (h(Host, { class: this.getElementClasses(), disabled: this.disabled, style: { 'pointer-events': this.disabled ? 'none' : 'all' } }, h("button", { class: "button", onClick: () => this.handleClick(), disabled: this.disabled }, h("slot", null)), this.confirm &&
-      h("dnn-modal", { showCloseButton: false, backdropDismiss: false }, h("p", null, this.confirmMessage), h("div", { style: {
-          display: 'flex',
-          justifyContent: 'flex-end'
-        } }, h("dnn-button", { type: 'primary', style: { margin: '5px' }, onClick: () => this.handleConfirm() }, this.confirmYesText), h("dnn-button", { type: 'secondary', style: { margin: '5px' }, onClick: () => this.handleCancel() }, this.confirmNoText)))));
-  }
-  get el() { return getElement(this); }
-};
-DnnButton.style = dnnButtonCss;
-
-export { DnnButton as dnn_button };
-
-//# sourceMappingURL=dnn-button.entry.js.map

package/dist/dnn/dnn-button.entry.js.map

@@ -1 +0,0 @@
-{"file":"dnn-button.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,igEAAigE;;MCUzgE,SAAS;EALtB;;;;;;;;IAWU,SAAI,GAAyC,SAAS,CAAC;;;;IAKvD,aAAQ,GAAY,KAAK,CAAC;;;;IAK1B,SAAI,GAAkC,QAAQ,CAAC;;;;IAK/C,YAAO,GAAa,KAAK,CAAC;;;;IAK1B,mBAAc,GAAY,KAAK,CAAC;;;;IAKhC,kBAAa,GAAY,IAAI,CAAC;;;;IAK9B,mBAAc,GAAY,gBAAgB,CAAC;;;;IAK3C,aAAQ,GAAY,KAAK,CAAC;IAEzB,iBAAY,GAAY,KAAK,CAAC;GA8ExC;EA1DC,gBAAgB;IACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;GAC5D;EAEO,aAAa;IACnB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;GACvB;EAEO,YAAY;IAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;GACtB;EAEO,WAAW;IACjB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAC;MACrC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;MAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B;GACF;EAEO,iBAAiB;IACvB,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,IAAI,IAAI,CAAC,QAAQ,EAAC;MAChB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC1B;IACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAC;MACzB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;IACD,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GAC1B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,KAAK,EAAC,IACvH,cAAQ,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC/E,eAAa,CACN,EACR,IAAI,CAAC,OAAO;MACT,iBAAW,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,IACvD,aAAI,IAAI,CAAC,cAAc,CAAK,EAC5B,WAAK,KAAK,EACR;UACE,OAAO,EAAE,MAAM;UACf,cAAc,EAAE,UAAU;SAC3B,IAED,kBAAY,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAAG,IAAI,CAAC,cAAc,CAAc,EAC1H,kBAAY,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAAG,IAAI,CAAC,aAAa,CAAc,CACtH,CACI,CAEX,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/dnn-button/dnn-button.scss?tag=dnn-button&encapsulation=shadow","./src/components/dnn-button/dnn-button.tsx"],"sourcesContent":[":host {\n  --background-color: transparent;\n  --color: #333;\n  --border-size: 1px;\n  --border-color: var(--backround-color);\n  --border-radius: var(--dnn-controls-radius, 5px);\n  --padding: var(--dnn-controls-padding, 5px);\n  display: inline-block;\n  width: auto;\n}\n\n:host(.disabled){\n  pointer-events: none;\n}\n\n:host(.primary){\n  --background-color: var(--dnn-color-primary, blue);\n  --color: var(--dnn-color-primary-contrast, white);\n  --focus-color: var(--background-color);\n}\n\n:host(.primary.reversed){\n  --background-color: var(--dnn-color-primary-contrast, white);\n  --color: var(--dnn-color-primary, blue);\n  --border-color: var(--dnn-color-primary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.secondary){\n  --background-color: var(--dnn-color-secondary, green);\n  --color: var(--dnn-color-secondary-contrast, white);\n  --focus-color: var(--background-color);\n}\n\n:host(.secondary.reversed){\n  --background-color: var(--dnn-color-secondary-contrast, white);\n  --color: var(--dnn-color-secondary, blue);\n  --border-color: var(--dnn-color-secondary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.tertiary){\n  --background-color: var(--dnn-color-tertiary, yellow);\n  --color: var(--dnn-color-tertiary-contrast, black);\n  --focus-color: var(--background-color);\n}\n\n:host(.tertiary.reversed){\n  --background-color: var(--dnn-color-tertiary-contrast, white);\n  --color: var(--dnn-color-tertiary, blue);\n  --border-color: var(--dnn-color-tertiary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.hydrated){\n  button{\n    border: var(--border-size) solid var(--border-color);\n    border-radius: var(--border-radius);\n    padding: var(--padding) calc(var(--padding) * 2);\n    background-color: transparent;\n    background-color: var(--background-color);\n    color: var(--color);\n    outline: none;\n    &:focus, &:hover{\n      box-shadow: 0 0 2px 2px var(--focus-color);\n    }\n  }\n}\n\n:host(:disabled, [disabled]){\n  button{\n    pointer-events: none;\n    opacity: 0.5;\n  }\n}\n\n:host(.small){\n  button{\n    padding: calc(var(--padding) / 2) var(--padding);\n    font-size: 0.7em;\n  }\n}\n\n:host(.large){\n  button{\n    padding: calc(var(--padding) * 1.5) calc(var(--padding) * 3);\n    font-size: 1.2em;\n  }\n}\n\nbutton{\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n}","import { Component, Element, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot Content of the button\n */\n@Component({\n  tag: 'dnn-button',\n  styleUrl: 'dnn-button.scss',\n  shadow: true\n})\nexport class DnnButton {\n\n  /**\n   * Optional button style,\n   * can be either primary, secondary or tertiary and defaults to primary if not specified\n   */\n  @Prop() type: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n  /**\n   * Optionally reverses the button style.\n   */\n  @Prop() reversed: boolean = false;\n\n  /**\n   * Optionally sets the button size, small normal or large, defaults to normal\n   */\n  @Prop() size?: 'small' | 'normal' | 'large' = 'normal';\n\n  /**\n   * Optionally add a confirmation dialog before firing the action.\n   */\n  @Prop() confirm?: boolean = false;\n\n  /**\n   * The text of the yes button for confirmation.\n   */\n  @Prop() confirmYesText?: string = \"Yes\";\n\n  /**\n   * The text of the no button for confirmation.\n   */\n  @Prop() confirmNoText?: string = \"No\";\n\n  /**\n   * The text of the confirmation message;\n   */\n  @Prop() confirmMessage?: string = \"Are you sure ?\";\n  \n  /**\n   * Disables the button\n   */\n  @Prop() disabled: boolean = false;\n\n  @State() modalVisible: boolean = false;\n\n  @Element() el!: HTMLDnnButtonElement;\n\n  private modal!: HTMLDnnModalElement;\n\n  /** \n   * Fires when confirm is true and the user confirms the action.\n  */\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) confirmed: EventEmitter;\n\n  /**\n   * Fires when confirm is true and the user cancels the action.\n   */\n  @Event({bubbles: true}) canceled: EventEmitter;\n\n  componentDidLoad(){\n    this.modal = this.el.shadowRoot.querySelector('dnn-modal');\n  }\n\n  private handleConfirm(){\n    this.modal.hide();\n    this.modalVisible = false;\n    this.confirmed.emit();\n  }\n\n  private handleCancel(){\n    this.modal.hide();\n    this.modalVisible = false;\n    this.canceled.emit();\n  }\n  \n  private handleClick(): void {\n    if (this.confirm && !this.modalVisible){\n      this.modal.show();\n      this.modalVisible = true;\n    }\n  }\n\n  private getElementClasses(): string | { [className: string]: boolean; } {\n    const classes: string[] = [];\n    classes.push(this.type);\n    if (this.reversed){\n      classes.push('reversed');\n    }\n    if (this.size !== 'normal'){\n      classes.push(this.size);\n    }\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <Host class={this.getElementClasses()} disabled={this.disabled} style={{'pointer-events': this.disabled ? 'none' : 'all'}}>\n        <button class=\"button\" onClick={() => this.handleClick()} disabled={this.disabled}>\n          <slot></slot>\n        </button>\n        {this.confirm &&\n            <dnn-modal showCloseButton={false} backdropDismiss={false}>\n              <p>{this.confirmMessage}</p>\n              <div style={\n                {\n                  display: 'flex',\n                  justifyContent: 'flex-end'\n                }\n              }>\n                <dnn-button type='primary' style={{margin: '5px'}} onClick={() => this.handleConfirm()}>{this.confirmYesText}</dnn-button>\n                <dnn-button type='secondary' style={{margin: '5px'}} onClick={() => this.handleCancel()}>{this.confirmNoText}</dnn-button>\n              </div>\n            </dnn-modal>\n          }\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/dnn/dnn-button.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./index-c3cc3b5b.system.js"],(function(o){"use strict";var r,e,t,n,a;return{setters:[function(o){r=o.r;e=o.e;t=o.h;n=o.f;a=o.g}],execute:function(){var s=":host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.disabled){pointer-events:none}:host(.primary){--background-color:var(--dnn-color-primary, blue);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, blue);--border-color:var(--dnn-color-primary, blue);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, green);--color:var(--dnn-color-secondary-contrast, white);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, white);--color:var(--dnn-color-secondary, blue);--border-color:var(--dnn-color-secondary, blue);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, yellow);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, white);--color:var(--dnn-color-tertiary, blue);--border-color:var(--dnn-color-tertiary, blue);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus,:host(.hydrated) button:hover{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host(:disabled,[disabled]) button{pointer-events:none;opacity:0.5}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}";var i=o("dnn_button",function(){function o(o){r(this,o);this.confirmed=e(this,"confirmed",7);this.canceled=e(this,"canceled",7);this.type="primary";this.reversed=false;this.size="normal";this.confirm=false;this.confirmYesText="Yes";this.confirmNoText="No";this.confirmMessage="Are you sure ?";this.disabled=false;this.modalVisible=false}o.prototype.componentDidLoad=function(){this.modal=this.el.shadowRoot.querySelector("dnn-modal")};o.prototype.handleConfirm=function(){this.modal.hide();this.modalVisible=false;this.confirmed.emit()};o.prototype.handleCancel=function(){this.modal.hide();this.modalVisible=false;this.canceled.emit()};o.prototype.handleClick=function(){if(this.confirm&&!this.modalVisible){this.modal.show();this.modalVisible=true}};o.prototype.getElementClasses=function(){var o=[];o.push(this.type);if(this.reversed){o.push("reversed")}if(this.size!=="normal"){o.push(this.size)}return o.join(" ")};o.prototype.render=function(){var o=this;return t(n,{class:this.getElementClasses(),disabled:this.disabled,style:{"pointer-events":this.disabled?"none":"all"}},t("button",{class:"button",onClick:function(){return o.handleClick()},disabled:this.disabled},t("slot",null)),this.confirm&&t("dnn-modal",{showCloseButton:false,backdropDismiss:false},t("p",null,this.confirmMessage),t("div",{style:{display:"flex",justifyContent:"flex-end"}},t("dnn-button",{type:"primary",style:{margin:"5px"},onClick:function(){return o.handleConfirm()}},this.confirmYesText),t("dnn-button",{type:"secondary",style:{margin:"5px"},onClick:function(){return o.handleCancel()}},this.confirmNoText))))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());i.style=s}}}));
-//# sourceMappingURL=dnn-button.system.entry.js.map

package/dist/dnn/dnn-button.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dnn-button/dnn-button.scss?tag=dnn-button&encapsulation=shadow","src/components/dnn-button/dnn-button.tsx"],"names":["dnnButtonCss","DnnButton","exports","class_1","hostRef","this","type","reversed","size","confirm","confirmYesText","confirmNoText","confirmMessage","disabled","modalVisible","prototype","componentDidLoad","modal","el","shadowRoot","querySelector","handleConfirm","hide","confirmed","emit","handleCancel","canceled","handleClick","show","getElementClasses","classes","push","join","render","_this","h","Host","class","style","pointer-events","onClick","showCloseButton","backdropDismiss","display","justifyContent","margin"],"mappings":"sKAAA,IAAMA,EAAe,sgECURC,EAASC,EAAA,aAAA,WALtB,SAAAC,EAAAC,qFAWUC,KAAAC,KAA6C,UAK7CD,KAAAE,SAAoB,MAKpBF,KAAAG,KAAsC,SAKtCH,KAAAI,QAAoB,MAKpBJ,KAAAK,eAA0B,MAK1BL,KAAAM,cAAyB,KAKzBN,KAAAO,eAA0B,iBAK1BP,KAAAQ,SAAoB,MAEnBR,KAAAS,aAAwB,MAoBjCX,EAAAY,UAAAC,iBAAA,WACEX,KAAKY,MAAQZ,KAAKa,GAAGC,WAAWC,cAAc,cAGxCjB,EAAAY,UAAAM,cAAA,WACNhB,KAAKY,MAAMK,OACXjB,KAAKS,aAAe,MACpBT,KAAKkB,UAAUC,QAGTrB,EAAAY,UAAAU,aAAA,WACNpB,KAAKY,MAAMK,OACXjB,KAAKS,aAAe,MACpBT,KAAKqB,SAASF,QAGRrB,EAAAY,UAAAY,YAAA,WACN,GAAItB,KAAKI,UAAYJ,KAAKS,aAAa,CACrCT,KAAKY,MAAMW,OACXvB,KAAKS,aAAe,OAIhBX,EAAAY,UAAAc,kBAAA,WACN,IAAMC,EAAoB,GAC1BA,EAAQC,KAAK1B,KAAKC,MAClB,GAAID,KAAKE,SAAS,CAChBuB,EAAQC,KAAK,YAEf,GAAI1B,KAAKG,OAAS,SAAS,CACzBsB,EAAQC,KAAK1B,KAAKG,MAEpB,OAAOsB,EAAQE,KAAK,MAGtB7B,EAAAY,UAAAkB,OAAA,WAAA,IAAAC,EAAA7B,KACE,OACE8B,EAACC,EAAI,CAACC,MAAOhC,KAAKwB,oBAAqBhB,SAAUR,KAAKQ,SAAUyB,MAAO,CAACC,iBAAkBlC,KAAKQ,SAAW,OAAS,QACjHsB,EAAA,SAAA,CAAQE,MAAM,SAASG,QAAS,WAAM,OAAAN,EAAKP,eAAed,SAAUR,KAAKQ,UACvEsB,EAAA,OAAA,OAED9B,KAAKI,SACF0B,EAAA,YAAA,CAAWM,gBAAiB,MAAOC,gBAAiB,OAClDP,EAAA,IAAA,KAAI9B,KAAKO,gBACTuB,EAAA,MAAA,CAAKG,MACH,CACEK,QAAS,OACTC,eAAgB,aAGlBT,EAAA,aAAA,CAAY7B,KAAK,UAAUgC,MAAO,CAACO,OAAQ,OAAQL,QAAS,WAAM,OAAAN,EAAKb,kBAAkBhB,KAAKK,gBAC9FyB,EAAA,aAAA,CAAY7B,KAAK,YAAYgC,MAAO,CAACO,OAAQ,OAAQL,QAAS,WAAM,OAAAN,EAAKT,iBAAiBpB,KAAKM,wIAlHzF","sourcesContent":[":host {\n  --background-color: transparent;\n  --color: #333;\n  --border-size: 1px;\n  --border-color: var(--backround-color);\n  --border-radius: var(--dnn-controls-radius, 5px);\n  --padding: var(--dnn-controls-padding, 5px);\n  display: inline-block;\n  width: auto;\n}\n\n:host(.disabled){\n  pointer-events: none;\n}\n\n:host(.primary){\n  --background-color: var(--dnn-color-primary, blue);\n  --color: var(--dnn-color-primary-contrast, white);\n  --focus-color: var(--background-color);\n}\n\n:host(.primary.reversed){\n  --background-color: var(--dnn-color-primary-contrast, white);\n  --color: var(--dnn-color-primary, blue);\n  --border-color: var(--dnn-color-primary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.secondary){\n  --background-color: var(--dnn-color-secondary, green);\n  --color: var(--dnn-color-secondary-contrast, white);\n  --focus-color: var(--background-color);\n}\n\n:host(.secondary.reversed){\n  --background-color: var(--dnn-color-secondary-contrast, white);\n  --color: var(--dnn-color-secondary, blue);\n  --border-color: var(--dnn-color-secondary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.tertiary){\n  --background-color: var(--dnn-color-tertiary, yellow);\n  --color: var(--dnn-color-tertiary-contrast, black);\n  --focus-color: var(--background-color);\n}\n\n:host(.tertiary.reversed){\n  --background-color: var(--dnn-color-tertiary-contrast, white);\n  --color: var(--dnn-color-tertiary, blue);\n  --border-color: var(--dnn-color-tertiary, blue);\n  --focus-color: var(--color);\n}\n\n:host(.hydrated){\n  button{\n    border: var(--border-size) solid var(--border-color);\n    border-radius: var(--border-radius);\n    padding: var(--padding) calc(var(--padding) * 2);\n    background-color: transparent;\n    background-color: var(--background-color);\n    color: var(--color);\n    outline: none;\n    &:focus, &:hover{\n      box-shadow: 0 0 2px 2px var(--focus-color);\n    }\n  }\n}\n\n:host(:disabled, [disabled]){\n  button{\n    pointer-events: none;\n    opacity: 0.5;\n  }\n}\n\n:host(.small){\n  button{\n    padding: calc(var(--padding) / 2) var(--padding);\n    font-size: 0.7em;\n  }\n}\n\n:host(.large){\n  button{\n    padding: calc(var(--padding) * 1.5) calc(var(--padding) * 3);\n    font-size: 1.2em;\n  }\n}\n\nbutton{\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n}","import { Component, Element, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot Content of the button\n */\n@Component({\n  tag: 'dnn-button',\n  styleUrl: 'dnn-button.scss',\n  shadow: true\n})\nexport class DnnButton {\n\n  /**\n   * Optional button style,\n   * can be either primary, secondary or tertiary and defaults to primary if not specified\n   */\n  @Prop() type: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n  /**\n   * Optionally reverses the button style.\n   */\n  @Prop() reversed: boolean = false;\n\n  /**\n   * Optionally sets the button size, small normal or large, defaults to normal\n   */\n  @Prop() size?: 'small' | 'normal' | 'large' = 'normal';\n\n  /**\n   * Optionally add a confirmation dialog before firing the action.\n   */\n  @Prop() confirm?: boolean = false;\n\n  /**\n   * The text of the yes button for confirmation.\n   */\n  @Prop() confirmYesText?: string = \"Yes\";\n\n  /**\n   * The text of the no button for confirmation.\n   */\n  @Prop() confirmNoText?: string = \"No\";\n\n  /**\n   * The text of the confirmation message;\n   */\n  @Prop() confirmMessage?: string = \"Are you sure ?\";\n  \n  /**\n   * Disables the button\n   */\n  @Prop() disabled: boolean = false;\n\n  @State() modalVisible: boolean = false;\n\n  @Element() el!: HTMLDnnButtonElement;\n\n  private modal!: HTMLDnnModalElement;\n\n  /** \n   * Fires when confirm is true and the user confirms the action.\n  */\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) confirmed: EventEmitter;\n\n  /**\n   * Fires when confirm is true and the user cancels the action.\n   */\n  @Event({bubbles: true}) canceled: EventEmitter;\n\n  componentDidLoad(){\n    this.modal = this.el.shadowRoot.querySelector('dnn-modal');\n  }\n\n  private handleConfirm(){\n    this.modal.hide();\n    this.modalVisible = false;\n    this.confirmed.emit();\n  }\n\n  private handleCancel(){\n    this.modal.hide();\n    this.modalVisible = false;\n    this.canceled.emit();\n  }\n  \n  private handleClick(): void {\n    if (this.confirm && !this.modalVisible){\n      this.modal.show();\n      this.modalVisible = true;\n    }\n  }\n\n  private getElementClasses(): string | { [className: string]: boolean; } {\n    const classes: string[] = [];\n    classes.push(this.type);\n    if (this.reversed){\n      classes.push('reversed');\n    }\n    if (this.size !== 'normal'){\n      classes.push(this.size);\n    }\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <Host class={this.getElementClasses()} disabled={this.disabled} style={{'pointer-events': this.disabled ? 'none' : 'all'}}>\n        <button class=\"button\" onClick={() => this.handleClick()} disabled={this.disabled}>\n          <slot></slot>\n        </button>\n        {this.confirm &&\n            <dnn-modal showCloseButton={false} backdropDismiss={false}>\n              <p>{this.confirmMessage}</p>\n              <div style={\n                {\n                  display: 'flex',\n                  justifyContent: 'flex-end'\n                }\n              }>\n                <dnn-button type='primary' style={{margin: '5px'}} onClick={() => this.handleConfirm()}>{this.confirmYesText}</dnn-button>\n                <dnn-button type='secondary' style={{margin: '5px'}} onClick={() => this.handleCancel()}>{this.confirmNoText}</dnn-button>\n              </div>\n            </dnn-modal>\n          }\n      </Host>\n    );\n  }\n}\n"]}

package/dist/dnn/dnn-checkbox.entry.js

@@ -1,54 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-20e42ad7.js';
-
-const dnnCheckboxCss = ":host{--focus-color:var(--dnn-color-primary, #3792ED);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:3px}button{background-color:transparent;border:0;padding:0;margin:0;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45}button:focus{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}";
-
-const DnnCheckbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.checkedchange = createEvent(this, "checkedchange", 7);
-    /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */
-    this.checked = "unchecked";
-    /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */
-    this.useIntermediate = false;
-  }
-  changeState() {
-    if (!this.useIntermediate) {
-      switch (this.checked) {
-        case "checked":
-          this.checked = "unchecked";
-          break;
-        case "unchecked":
-        case "intermediate":
-          this.checked = "checked";
-          break;
-        default:
-          break;
-      }
-      this.checkedchange.emit(this.checked);
-      return;
-    }
-    switch (this.checked) {
-      case "checked":
-        this.checked = "intermediate";
-        break;
-      case "intermediate":
-        this.checked = "unchecked";
-        break;
-      case "unchecked":
-        this.checked = "checked";
-        break;
-      default:
-        break;
-    }
-    this.checkedchange.emit(this.checked);
-  }
-  render() {
-    return (h(Host, null, h("button", { class: `icon ${this.checked}`, onClick: () => this.changeState() }, h("div", { class: "unchecked" }, h("slot", { name: "uncheckedicon" }, 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: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })))), h("div", { class: "checked" }, h("slot", { name: "checkedicon" }, 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: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })))), h("div", { class: "intermediate" }, h("slot", { name: "intermediateicon" }, h("svg", { class: "undefined", xmlns: "http://www.w3.org/2000/svg", "enable-background": "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("g", null, h("rect", { fill: "none", height: "24", width: "24" })), h("g", null, h("g", null, h("g", null, h("path", { d: "M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z" })))))))), h("label", { htmlFor: this.el.id, onClick: () => this.changeState() }, h("slot", null))));
-  }
-  get el() { return getElement(this); }
-};
-DnnCheckbox.style = dnnCheckboxCss;
-
-export { DnnCheckbox as dnn_checkbox };
-
-//# sourceMappingURL=dnn-checkbox.entry.js.map

package/dist/dnn/dnn-checkbox.entry.js.map

@@ -1 +0,0 @@
-{"file":"dnn-checkbox.entry.esm.js","mappings":";;AAAA,MAAM,cAAc,GAAG,6pBAA6pB;;MCavqB,WAAW;EALxB;;;;IASyB,YAAO,GAA6C,WAAW,CAAC;;IAG/E,oBAAe,GAAY,KAAK,CAAC;GAmE1C;EA3DS,WAAW;IACjB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAC;MACxB,QAAQ,IAAI,CAAC,OAAO;QAClB,KAAK,SAAS;UACZ,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;UAC3B,MAAM;QACR,KAAK,WAAW,CAAC;QACjB,KAAK,cAAc;UACjB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;UACzB,MAAM;QACR;UACE,MAAM;OACT;MACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;MACtC,OAAO;KACR;IACD,QAAQ,IAAI,CAAC,OAAO;MAClB,KAAK,SAAS;QACZ,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;QAC9B,MAAM;MACR,KAAK,cAAc;QACjB,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;QAC3B,MAAM;MACR,KAAK,WAAW;QACd,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,MAAM;MACR;QACE,MAAM;KACT;IACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;GACvC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAE,QAAQ,IAAI,CAAC,OAAO,EAAE,EAC7B,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEjC,WAAK,KAAK,EAAC,WAAW,IACpB,YAAM,IAAI,EAAC,eAAe,IACxB,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,4FAA4F,GAAE,CAAM,CAClP,CACH,EACN,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,IAAI,EAAC,aAAa,IACtB,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,qIAAqI,GAAE,CAAM,CAC3R,CACH,EACN,WAAK,KAAK,EAAC,cAAc,IACvB,YAAM,IAAI,EAAC,kBAAkB,IAC3B,WAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,uBAAmB,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,aAAG,YAAM,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAE,CAAI,EAAA,aAAG,aAAG,aAAG,YAAM,CAAC,EAAC,wGAAwG,GAAE,CAAI,CAAI,CAAI,CAAM,CACnV,CACH,CACC,EACT,aAAO,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAAE,eAAa,CAAQ,CAC/E,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/dnn-checkbox/dnn-checkbox.scss?tag=dnn-checkbox&encapsulation=shadow","./src/components/dnn-checkbox/dnn-checkbox.tsx"],"sourcesContent":[":host {\n    /**\n    * @prop --focus-color: The color to outline the checkbox when hovered or focused, default to the dnn primary color.\n    */\n  --focus-color: var(--dnn-color-primary, #3792ED);\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin: 3px;\n}\nbutton{\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  .unchecked, .checked, .intermediate{\n    display: none;\n  }\n  &.checked .checked, &.unchecked .unchecked, &.intermediate .intermediate{\n    display: block;\n  }\n  svg.undefined{\n    opacity: 0.45;\n  }\n  &:focus{\n    box-shadow: 0 0 2px 2px var(--focus-color);\n  }\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot - The label for the checkbox.\n * @slot checkedicon - Allows overriding the default checked icon.\n * @slot uncheckedicon - Allows overriding the unchecked icon.\n * @slot intermediateicon - If intermadiate state is used, allows overriding its icon.\n */\n@Component({\n  tag: 'dnn-checkbox',\n  styleUrl: 'dnn-checkbox.scss',\n  shadow: true,\n})\nexport class DnnCheckbox {\n  @Element() el: HTMLDnnCheckboxElement;\n\n  /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */\n  @Prop({mutable: true}) checked: \"checked\" | \"unchecked\" | \"intermediate\" = \"unchecked\";\n\n  /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */\n  @Prop() useIntermediate: boolean = false;\n\n  /** The value for this checkbox (not to be confused with its checked state). */\n  @Prop() value: string;\n\n  /** Fires up when the checkbox checked property changes. */\n  @Event() checkedchange: EventEmitter<\"checked\" | \"unchecked\" | \"intermediate\">;\n\n  private changeState(): void {\n    if (!this.useIntermediate){\n      switch (this.checked) {\n        case \"checked\":\n          this.checked = \"unchecked\";\n          break;\n        case \"unchecked\":\n        case \"intermediate\":\n          this.checked = \"checked\";\n          break;\n        default:\n          break;\n      }\n      this.checkedchange.emit(this.checked);\n      return;\n    }\n    switch (this.checked) {\n      case \"checked\":\n        this.checked = \"intermediate\";\n        break;\n      case \"intermediate\":\n        this.checked = \"unchecked\";\n        break;\n      case \"unchecked\":\n        this.checked = \"checked\";\n        break;\n      default:\n        break;\n    }\n    this.checkedchange.emit(this.checked);\n  }\n\n  render() {\n    return (\n      <Host>\n        <button\n          class={`icon ${this.checked}`}\n          onClick={() => this.changeState()}\n        >\n          <div class=\"unchecked\">\n            <slot name=\"uncheckedicon\">\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=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n            </slot>\n          </div>\n          <div class=\"checked\">\n            <slot name=\"checkedicon\">\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=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\n            </slot>\n          </div>\n          <div class=\"intermediate\">\n            <slot name=\"intermediateicon\">\n              <svg class=\"undefined\" xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><path d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z\"/></g></g></g></svg>\n            </slot>\n          </div>\n        </button>\n        <label htmlFor={this.el.id} onClick={() => this.changeState()}><slot></slot></label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/dnn/dnn-checkbox.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./index-c3cc3b5b.system.js"],(function(e){"use strict";var t,c,n,i,h;return{setters:[function(e){t=e.r;c=e.e;n=e.h;i=e.f;h=e.g}],execute:function(){var s=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:3px}button{background-color:transparent;border:0;padding:0;margin:0;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button .unchecked,button .checked,button .intermediate{display:none}button.checked .checked,button.unchecked .unchecked,button.intermediate .intermediate{display:block}button svg.undefined{opacity:0.45}button:focus{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}";var a=e("dnn_checkbox",function(){function e(e){t(this,e);this.checkedchange=c(this,"checkedchange",7);this.checked="unchecked";this.useIntermediate=false}e.prototype.changeState=function(){if(!this.useIntermediate){switch(this.checked){case"checked":this.checked="unchecked";break;case"unchecked":case"intermediate":this.checked="checked";break;default:break}this.checkedchange.emit(this.checked);return}switch(this.checked){case"checked":this.checked="intermediate";break;case"intermediate":this.checked="unchecked";break;case"unchecked":this.checked="checked";break;default:break}this.checkedchange.emit(this.checked)};e.prototype.render=function(){var e=this;return n(i,null,n("button",{class:"icon ".concat(this.checked),onClick:function(){return e.changeState()}},n("div",{class:"unchecked"},n("slot",{name:"uncheckedicon"},n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})))),n("div",{class:"checked"},n("slot",{name:"checkedicon"},n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})))),n("div",{class:"intermediate"},n("slot",{name:"intermediateicon"},n("svg",{class:"undefined",xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},n("g",null,n("rect",{fill:"none",height:"24",width:"24"})),n("g",null,n("g",null,n("g",null,n("path",{d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))))),n("label",{htmlFor:this.el.id,onClick:function(){return e.changeState()}},n("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return h(this)},enumerable:false,configurable:true});return e}());a.style=s}}}));
-//# sourceMappingURL=dnn-checkbox.system.entry.js.map

package/dist/dnn/dnn-checkbox.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dnn-checkbox/dnn-checkbox.scss?tag=dnn-checkbox&encapsulation=shadow","src/components/dnn-checkbox/dnn-checkbox.tsx"],"names":["dnnCheckboxCss","DnnCheckbox","exports","class_1","hostRef","this","checked","useIntermediate","prototype","changeState","checkedchange","emit","render","_this","h","Host","class","concat","onClick","name","xmlns","height","viewBox","width","fill","d","enable-background","htmlFor","el","id"],"mappings":"sKAAA,IAAMA,EAAiB,kqBCaVC,EAAWC,EAAA,eAAA,WALxB,SAAAC,EAAAC,0DASyBC,KAAAC,QAAoD,YAGnED,KAAAE,gBAA2B,MAQ3BJ,EAAAK,UAAAC,YAAA,WACN,IAAKJ,KAAKE,gBAAgB,CACxB,OAAQF,KAAKC,SACX,IAAK,UACHD,KAAKC,QAAU,YACf,MACF,IAAK,YACL,IAAK,eACHD,KAAKC,QAAU,UACf,MACF,QACE,MAEJD,KAAKK,cAAcC,KAAKN,KAAKC,SAC7B,OAEF,OAAQD,KAAKC,SACX,IAAK,UACHD,KAAKC,QAAU,eACf,MACF,IAAK,eACHD,KAAKC,QAAU,YACf,MACF,IAAK,YACHD,KAAKC,QAAU,UACf,MACF,QACE,MAEJD,KAAKK,cAAcC,KAAKN,KAAKC,UAG/BH,EAAAK,UAAAI,OAAA,WAAA,IAAAC,EAAAR,KACE,OACES,EAACC,EAAI,KACHD,EAAA,SAAA,CACEE,MAAO,QAAAC,OAAQZ,KAAKC,SACpBY,QAAS,WAAM,OAAAL,EAAKJ,gBAEpBK,EAAA,MAAA,CAAKE,MAAM,aACTF,EAAA,OAAA,CAAMK,KAAK,iBACTL,EAAA,MAAA,CAAKM,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,OAAA,CAAMW,EAAE,gBAAgBD,KAAK,SAAQV,EAAA,OAAA,CAAMW,EAAE,kGAGvJX,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,OAAA,CAAMK,KAAK,eACTL,EAAA,MAAA,CAAKM,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,OAAA,CAAMW,EAAE,gBAAgBD,KAAK,SAAQV,EAAA,OAAA,CAAMW,EAAE,2IAGvJX,EAAA,MAAA,CAAKE,MAAM,gBACTF,EAAA,OAAA,CAAMK,KAAK,oBACTL,EAAA,MAAA,CAAKE,MAAM,YAAYI,MAAM,6BAA4BM,oBAAmB,gBAAgBL,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,IAAA,KAAGA,EAAA,OAAA,CAAMU,KAAK,OAAOH,OAAO,KAAKE,MAAM,QAAUT,EAAA,IAAA,KAAGA,EAAA,IAAA,KAAGA,EAAA,IAAA,KAAGA,EAAA,OAAA,CAAMW,EAAE,kHAIlOX,EAAA,QAAA,CAAOa,QAAStB,KAAKuB,GAAGC,GAAIX,QAAS,WAAM,OAAAL,EAAKJ,gBAAeK,EAAA,OAAA,8HAtE/C","sourcesContent":[":host {\n    /**\n    * @prop --focus-color: The color to outline the checkbox when hovered or focused, default to the dnn primary color.\n    */\n  --focus-color: var(--dnn-color-primary, #3792ED);\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin: 3px;\n}\nbutton{\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  outline: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  .unchecked, .checked, .intermediate{\n    display: none;\n  }\n  &.checked .checked, &.unchecked .unchecked, &.intermediate .intermediate{\n    display: block;\n  }\n  svg.undefined{\n    opacity: 0.45;\n  }\n  &:focus{\n    box-shadow: 0 0 2px 2px var(--focus-color);\n  }\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot - The label for the checkbox.\n * @slot checkedicon - Allows overriding the default checked icon.\n * @slot uncheckedicon - Allows overriding the unchecked icon.\n * @slot intermediateicon - If intermadiate state is used, allows overriding its icon.\n */\n@Component({\n  tag: 'dnn-checkbox',\n  styleUrl: 'dnn-checkbox.scss',\n  shadow: true,\n})\nexport class DnnCheckbox {\n  @Element() el: HTMLDnnCheckboxElement;\n\n  /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */\n  @Prop({mutable: true}) checked: \"checked\" | \"unchecked\" | \"intermediate\" = \"unchecked\";\n\n  /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */\n  @Prop() useIntermediate: boolean = false;\n\n  /** The value for this checkbox (not to be confused with its checked state). */\n  @Prop() value: string;\n\n  /** Fires up when the checkbox checked property changes. */\n  @Event() checkedchange: EventEmitter<\"checked\" | \"unchecked\" | \"intermediate\">;\n\n  private changeState(): void {\n    if (!this.useIntermediate){\n      switch (this.checked) {\n        case \"checked\":\n          this.checked = \"unchecked\";\n          break;\n        case \"unchecked\":\n        case \"intermediate\":\n          this.checked = \"checked\";\n          break;\n        default:\n          break;\n      }\n      this.checkedchange.emit(this.checked);\n      return;\n    }\n    switch (this.checked) {\n      case \"checked\":\n        this.checked = \"intermediate\";\n        break;\n      case \"intermediate\":\n        this.checked = \"unchecked\";\n        break;\n      case \"unchecked\":\n        this.checked = \"checked\";\n        break;\n      default:\n        break;\n    }\n    this.checkedchange.emit(this.checked);\n  }\n\n  render() {\n    return (\n      <Host>\n        <button\n          class={`icon ${this.checked}`}\n          onClick={() => this.changeState()}\n        >\n          <div class=\"unchecked\">\n            <slot name=\"uncheckedicon\">\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=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n            </slot>\n          </div>\n          <div class=\"checked\">\n            <slot name=\"checkedicon\">\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=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\n            </slot>\n          </div>\n          <div class=\"intermediate\">\n            <slot name=\"intermediateicon\">\n              <svg class=\"undefined\" xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><path d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z\"/></g></g></g></svg>\n            </slot>\n          </div>\n        </button>\n        <label htmlFor={this.el.id} onClick={() => this.changeState()}><slot></slot></label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/dnn/dnn-chevron.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-20e42ad7.js';
-
-const dnnChevronCss = ":host{display:inline-block}button{border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:none}svg{height:2em;width:2em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}button:focus svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}";
-
-const DnnChevron = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.changed = createEvent(this, "changed", 7);
-    /** Expand text for screen readers */
-    this.expandText = "expand";
-    /** Collapse text for screen readers */
-    this.collapseText = "collapse";
-    /** Is the chevron expanded */
-    this.expanded = false;
-  }
-  handleExpandedChanged(newValue) {
-    this.changed.emit(newValue);
-  }
-  render() {
-    return (h(Host, null, h("button", { "aria-label": this.expanded ? this.collapseText : this.expandText, onClick: () => this.expanded = !this.expanded }, 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: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })))));
-  }
-  static get watchers() { return {
-    "expanded": ["handleExpandedChanged"]
-  }; }
-};
-DnnChevron.style = dnnChevronCss;
-
-export { DnnChevron as dnn_chevron };
-
-//# sourceMappingURL=dnn-chevron.entry.js.map

package/dist/dnn/dnn-chevron.entry.js.map

@@ -1 +0,0 @@
-{"file":"dnn-chevron.entry.esm.js","mappings":";;AAAA,MAAM,aAAa,GAAG,wfAAwf;;MCSjgB,UAAU;EALvB;;;;IAQU,eAAU,GAAY,QAAQ,CAAC;;IAG/B,iBAAY,GAAY,UAAU,CAAC;;IAGL,aAAQ,GAAa,KAAK,CAAC;GAsBlE;EAhBC,qBAAqB,CAAC,QAAiB;IACrC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GAC7B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,4BAAoB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,EACrE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,IAE7C,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,gDAAgD,GAAE,CAAM,CACpM,CACJ,EACP;GACH;;;;;;;;;","names":[],"sources":["./src/components/dnn-chevron/dnn-chevron.scss?tag=dnn-chevron&encapsulation=shadow","./src/components/dnn-chevron/dnn-chevron.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\nbutton{\n  border: none;\n  padding: 0px;\n  margin: 0px;\n  min-width: 15px;\n  min-height: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  outline: none;\n}\nsvg{\n  height:2em;\n  width:2em;\n  transition: all 300ms ease-in-out;\n}\n\n// FOCUS\nbutton:focus, button:hover{\n  svg{\n    color: var(--dnn-color-primary);\n  }\n}\n\n// EXPANDED\n:host([expanded]){\n  svg{\n    transform: rotate(90deg);\n  }\n}","import { Component, Host, h, Prop, Event } from '@stencil/core';\nimport { EventEmitter } from '@stencil/core';\nimport { Watch } from '@stencil/core';\n\n@Component({\n  tag: 'dnn-chevron',\n  styleUrl: 'dnn-chevron.scss',\n  shadow: true\n})\nexport class DnnChevron {\n\n  /** Expand text for screen readers */\n  @Prop() expandText?: string = \"expand\";\n\n  /** Collapse text for screen readers */\n  @Prop() collapseText?: string = \"collapse\";\n\n  /** Is the chevron expanded */\n  @Prop({mutable: true, reflect: true}) expanded?: boolean = false;\n\n  /** Fires up when the expanded status changes */\n  @Event() changed: EventEmitter;\n\n  @Watch('expanded')\n  handleExpandedChanged(newValue: boolean) {\n    this.changed.emit(newValue);\n  }\n\n  render() {\n    return (\n      <Host>\n        <button aria-label={this.expanded ? this.collapseText : this.expandText}\n          onClick={() => this.expanded = !this.expanded}\n        >\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=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>\n        </button>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/dnn/dnn-chevron.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./index-c3cc3b5b.system.js"],(function(e){"use strict";var t,n,i,a;return{setters:[function(e){t=e.r;n=e.e;i=e.h;a=e.f}],execute:function(){var r=":host{display:inline-block}button{border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:none}svg{height:2em;width:2em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}button:focus svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}";var s=e("dnn_chevron",function(){function e(e){t(this,e);this.changed=n(this,"changed",7);this.expandText="expand";this.collapseText="collapse";this.expanded=false}e.prototype.handleExpandedChanged=function(e){this.changed.emit(e)};e.prototype.render=function(){var e=this;return i(a,null,i("button",{"aria-label":this.expanded?this.collapseText:this.expandText,onClick:function(){return e.expanded=!e.expanded}},i("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}))))};Object.defineProperty(e,"watchers",{get:function(){return{expanded:["handleExpandedChanged"]}},enumerable:false,configurable:true});return e}());s.style=r}}}));
-//# sourceMappingURL=dnn-chevron.system.entry.js.map

package/dist/dnn/dnn-chevron.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dnn-chevron/dnn-chevron.scss?tag=dnn-chevron&encapsulation=shadow","src/components/dnn-chevron/dnn-chevron.tsx"],"names":["dnnChevronCss","DnnChevron","exports","class_1","hostRef","this","expandText","collapseText","expanded","prototype","handleExpandedChanged","newValue","changed","emit","render","_this","h","Host","aria-label","onClick","xmlns","height","viewBox","width","fill","d"],"mappings":"8JAAA,IAAMA,EAAgB,6fCSTC,EAAUC,EAAA,cAAA,WALvB,SAAAC,EAAAC,8CAQUC,KAAAC,WAAsB,SAGtBD,KAAAE,aAAwB,WAGMF,KAAAG,SAAqB,MAM3DL,EAAAM,UAAAC,sBAAA,SAAsBC,GACpBN,KAAKO,QAAQC,KAAKF,IAGpBR,EAAAM,UAAAK,OAAA,WAAA,IAAAC,EAAAV,KACE,OACEW,EAACC,EAAI,KACHD,EAAA,SAAA,CAAAE,aAAoBb,KAAKG,SAAWH,KAAKE,aAAeF,KAAKC,WAC3Da,QAAS,WAAM,OAAAJ,EAAKP,UAAYO,EAAKP,WAErCQ,EAAA,MAAA,CAAKI,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUR,EAAA,OAAA,CAAMS,EAAE,gBAAgBD,KAAK,SAAQR,EAAA,OAAA,CAAMS,EAAE,oMAzBtI","sourcesContent":[":host {\n  display: inline-block;\n}\nbutton{\n  border: none;\n  padding: 0px;\n  margin: 0px;\n  min-width: 15px;\n  min-height: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  outline: none;\n}\nsvg{\n  height:2em;\n  width:2em;\n  transition: all 300ms ease-in-out;\n}\n\n// FOCUS\nbutton:focus, button:hover{\n  svg{\n    color: var(--dnn-color-primary);\n  }\n}\n\n// EXPANDED\n:host([expanded]){\n  svg{\n    transform: rotate(90deg);\n  }\n}","import { Component, Host, h, Prop, Event } from '@stencil/core';\nimport { EventEmitter } from '@stencil/core';\nimport { Watch } from '@stencil/core';\n\n@Component({\n  tag: 'dnn-chevron',\n  styleUrl: 'dnn-chevron.scss',\n  shadow: true\n})\nexport class DnnChevron {\n\n  /** Expand text for screen readers */\n  @Prop() expandText?: string = \"expand\";\n\n  /** Collapse text for screen readers */\n  @Prop() collapseText?: string = \"collapse\";\n\n  /** Is the chevron expanded */\n  @Prop({mutable: true, reflect: true}) expanded?: boolean = false;\n\n  /** Fires up when the expanded status changes */\n  @Event() changed: EventEmitter;\n\n  @Watch('expanded')\n  handleExpandedChanged(newValue: boolean) {\n    this.changed.emit(newValue);\n  }\n\n  render() {\n    return (\n      <Host>\n        <button aria-label={this.expanded ? this.collapseText : this.expandText}\n          onClick={() => this.expanded = !this.expanded}\n        >\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=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>\n        </button>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/dnn/dnn-collapsible.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-20e42ad7.js';
-
-const dnnCollapsibleCss = ":host{display:block}#container{max-height:0;overflow:hidden;-webkit-transition:max-height 300ms ease-in-out;transition:max-height 300ms ease-in-out}";
-
-const DnnCollapsible = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dnnCollapsibleHeightChanged = createEvent(this, "dnnCollapsibleHeightChanged", 7);
-    /** Defines if the panel is expanded or not. */
-    this.expanded = false;
-    /** Defines the transition time in ms, defaults to 150ms */
-    this.transitionDuration = 150;
-  }
-  handleHeightChanged() {
-    requestAnimationFrame(() => {
-      this.updateSize();
-    });
-  }
-  /**
-   * Updates the component height, use to update after a slot content changes.
-   */
-  async updateSize() {
-    if (this.expanded) {
-      requestAnimationFrame(() => {
-        this.container.style.maxHeight = `${this.container.scrollHeight}px`;
-      });
-      setTimeout(() => {
-        this.container.style.maxHeight = "none";
-      }, this.transitionDuration);
-    }
-  }
-  handledExpandedChanged(expanded) {
-    if (expanded) {
-      this.updateSize();
-    }
-    else {
-      requestAnimationFrame(() => {
-        this.container.style.maxHeight = `${this.container.scrollHeight}px`;
-        requestAnimationFrame(() => {
-          this.container.style.maxHeight = "0px";
-        });
-      });
-    }
-    setTimeout(() => {
-      requestAnimationFrame(() => {
-        this.dnnCollapsibleHeightChanged.emit();
-      });
-    }, this.transitionDuration);
-  }
-  componentDidLoad() {
-    this.container.style.transition = `max-height ${this.transitionDuration}ms ease-in-out`;
-  }
-  render() {
-    return (h(Host, null, h("div", { id: "container", class: this.expanded && "expanded", ref: el => this.container = el, style: { transition: `max-height ${this.transitionDuration}ms ease-in-out` } }, h("slot", null))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "expanded": ["handledExpandedChanged"]
-  }; }
-};
-DnnCollapsible.style = dnnCollapsibleCss;
-
-export { DnnCollapsible as dnn_collapsible };
-
-//# sourceMappingURL=dnn-collapsible.entry.js.map

package/dist/dnn/dnn-collapsible.entry.js.map

@@ -1 +0,0 @@
-{"file":"dnn-collapsible.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,sJAAsJ;;MCOnK,cAAc;EAL3B;;;;IAUyB,aAAQ,GAAY,KAAK,CAAC;;IAGzC,uBAAkB,GAAY,GAAG,CAAC;GAoE3C;EA9DC,mBAAmB;IACjB,qBAAqB,CAAC;MACpB,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB,CAAC,CAAA;GACH;;;;EAMD,MAAM,UAAU;IACd,IAAI,IAAI,CAAC,QAAQ,EAAC;MACd,qBAAqB,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;OACrE,CAAC,CAAC;MACH,UAAU,CAAC;QACT,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;OACzC,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;KAC/B;GACF;EAGD,sBAAsB,CAAC,QAAiB;IACtC,IAAI,QAAQ,EAAC;MACX,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;SACG;MACF,qBAAqB,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;QACpE,qBAAqB,CAAC;UACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;SACxC,CAAC,CAAC;OACJ,CAAC,CAAC;KACJ;IACD,UAAU,CAAC;MACT,qBAAqB,CAAC;QACpB,IAAI,CAAC,2BAA2B,CAAC,IAAI,EAAE,CAAC;OACzC,CAAC,CAAC;KACJ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;GAC7B;EAID,gBAAgB;IACd,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,cAAc,IAAI,CAAC,kBAAkB,gBAAgB,CAAC;GACzF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WACE,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAClC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE,EAC9B,KAAK,EAAE,EAAC,UAAU,EAAE,cAAc,IAAI,CAAC,kBAAkB,gBAAgB,EAAC,IAExE,eAAa,CACX,CACD,EACP;GACH;;;;;;;;;;","names":[],"sources":["./src/components/dnn-collapsible/dnn-collapsible.scss?tag=dnn-collapsible&encapsulation=shadow","./src/components/dnn-collapsible/dnn-collapsible.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n#container{\n  max-height:0;\n  overflow: hidden;\n  transition: max-height 300ms ease-in-out;\n}","import { Component, Host, h, Prop, Element, Event, EventEmitter, Watch, Listen, Method } from '@stencil/core';\n\n@Component({\n  tag: \"dnn-collapsible\",\n  styleUrl: \"dnn-collapsible.scss\",\n  shadow: true\n})\nexport class DnnCollapsible {\n\n  @Element() el: HTMLDnnCollapsibleElement;\n\n  /** Defines if the panel is expanded or not. */\n  @Prop({reflect: true}) expanded: boolean = false;\n\n  /** Defines the transition time in ms, defaults to 150ms */\n  @Prop() transitionDuration?: number = 150;\n\n  /** Fires whenever the collapsible height has changed */\n  @Event({bubbles: true, composed: true}) dnnCollapsibleHeightChanged: EventEmitter<void>;\n\n  @Listen(\"dnnCollapsibleHeightChanged\")\n  handleHeightChanged(){\n    requestAnimationFrame(() => {\n      this.updateSize();\n    })\n  }\n\n  /**\n   * Updates the component height, use to update after a slot content changes.\n   */\n  @Method()\n  async updateSize() {\n    if (this.expanded){\n        requestAnimationFrame(() => {\n          this.container.style.maxHeight = `${this.container.scrollHeight}px`;\n        });\n        setTimeout(() => {\n          this.container.style.maxHeight = \"none\";\n        }, this.transitionDuration);\n    }\n  }\n  \n  @Watch(\"expanded\")\n  handledExpandedChanged(expanded: boolean){\n    if (expanded){\n      this.updateSize();\n    }\n    else{\n      requestAnimationFrame(() => {\n        this.container.style.maxHeight = `${this.container.scrollHeight}px`;\n        requestAnimationFrame(() => {\n          this.container.style.maxHeight = \"0px\";\n        });\n      });\n    }\n    setTimeout(() => {\n      requestAnimationFrame(() => {\n        this.dnnCollapsibleHeightChanged.emit();\n      });\n    }, this.transitionDuration);\n  }\n  \n  private container: HTMLDivElement;\n\n  componentDidLoad() {\n    this.container.style.transition = `max-height ${this.transitionDuration}ms ease-in-out`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          id=\"container\"\n          class={this.expanded && \"expanded\"}\n          ref={el => this.container = el}\n          style={{transition: `max-height ${this.transitionDuration}ms ease-in-out`}}\n        >\n            <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/dnn/dnn-collapsible.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(i.next(t))}catch(t){o(t)}}function s(t){try{u(i["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((i=i.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:[]},i,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){n.label=a[1];break}if(a[0]===6&&n.label<o[1]){n.label=o[1];o=a;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(a);break}if(o[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./index-c3cc3b5b.system.js"],(function(t){"use strict";var e,n,i,r,o;return{setters:[function(t){e=t.r;n=t.e;i=t.h;r=t.f;o=t.g}],execute:function(){var a=":host{display:block}#container{max-height:0;overflow:hidden;-webkit-transition:max-height 300ms ease-in-out;transition:max-height 300ms ease-in-out}";var s=t("dnn_collapsible",function(){function t(t){e(this,t);this.dnnCollapsibleHeightChanged=n(this,"dnnCollapsibleHeightChanged",7);this.expanded=false;this.transitionDuration=150}t.prototype.handleHeightChanged=function(){var t=this;requestAnimationFrame((function(){t.updateSize()}))};t.prototype.updateSize=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.expanded){requestAnimationFrame((function(){t.container.style.maxHeight="".concat(t.container.scrollHeight,"px")}));setTimeout((function(){t.container.style.maxHeight="none"}),this.transitionDuration)}return[2]}))}))};t.prototype.handledExpandedChanged=function(t){var e=this;if(t){this.updateSize()}else{requestAnimationFrame((function(){e.container.style.maxHeight="".concat(e.container.scrollHeight,"px");requestAnimationFrame((function(){e.container.style.maxHeight="0px"}))}))}setTimeout((function(){requestAnimationFrame((function(){e.dnnCollapsibleHeightChanged.emit()}))}),this.transitionDuration)};t.prototype.componentDidLoad=function(){this.container.style.transition="max-height ".concat(this.transitionDuration,"ms ease-in-out")};t.prototype.render=function(){var t=this;return i(r,null,i("div",{id:"container",class:this.expanded&&"expanded",ref:function(e){return t.container=e},style:{transition:"max-height ".concat(this.transitionDuration,"ms ease-in-out")}},i("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["handledExpandedChanged"]}},enumerable:false,configurable:true});return t}());s.style=a}}}));
-//# sourceMappingURL=dnn-collapsible.system.entry.js.map

package/dist/dnn/dnn-collapsible.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/dnn-collapsible/dnn-collapsible.scss?tag=dnn-collapsible&encapsulation=shadow","src/components/dnn-collapsible/dnn-collapsible.tsx"],"names":["dnnCollapsibleCss","DnnCollapsible","exports","class_1","hostRef","this","expanded","transitionDuration","prototype","handleHeightChanged","_this","requestAnimationFrame","updateSize","container","style","maxHeight","concat","scrollHeight","setTimeout","handledExpandedChanged","dnnCollapsibleHeightChanged","emit","componentDidLoad","transition","render","h","Host","id","class","ref","el"],"mappings":"+lDAAA,IAAMA,EAAoB,2JCObC,EAAcC,EAAA,kBAAA,WAL3B,SAAAC,EAAAC,sFAUyBC,KAAAC,SAAoB,MAGnCD,KAAAE,mBAA8B,IAMtCJ,EAAAK,UAAAC,oBAAA,WAAA,IAAAC,EAAAL,KACEM,uBAAsB,WACpBD,EAAKE,iBAQHT,EAAAK,UAAAI,WAAN,2GACE,GAAIP,KAAKC,SAAS,CACdK,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAY,GAAAC,OAAGN,EAAKG,UAAUI,aAAY,SAEjEC,YAAW,WACTR,EAAKG,UAAUC,MAAMC,UAAY,SAChCV,KAAKE,qCAKdJ,EAAAK,UAAAW,uBAAA,SAAuBb,GAAvB,IAAAI,EAAAL,KACE,GAAIC,EAAS,CACXD,KAAKO,iBAEH,CACFD,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAY,GAAAC,OAAGN,EAAKG,UAAUI,aAAY,MAC/DN,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAY,YAIvCG,YAAW,WACTP,uBAAsB,WACpBD,EAAKU,4BAA4BC,YAElChB,KAAKE,qBAKVJ,EAAAK,UAAAc,iBAAA,WACEjB,KAAKQ,UAAUC,MAAMS,WAAa,cAAAP,OAAcX,KAAKE,mBAAkB,mBAGzEJ,EAAAK,UAAAgB,OAAA,WAAA,IAAAd,EAAAL,KACE,OACEoB,EAACC,EAAI,KACHD,EAAA,MAAA,CACEE,GAAG,YACHC,MAAOvB,KAAKC,UAAY,WACxBuB,IAAK,SAAAC,GAAM,OAAApB,EAAKG,UAAYiB,GAC5BhB,MAAO,CAACS,WAAY,cAAAP,OAAcX,KAAKE,mBAAkB,oBAEvDkB,EAAA,OAAA,mQAtEe","sourcesContent":[":host {\n  display: block;\n}\n#container{\n  max-height:0;\n  overflow: hidden;\n  transition: max-height 300ms ease-in-out;\n}","import { Component, Host, h, Prop, Element, Event, EventEmitter, Watch, Listen, Method } from '@stencil/core';\n\n@Component({\n  tag: \"dnn-collapsible\",\n  styleUrl: \"dnn-collapsible.scss\",\n  shadow: true\n})\nexport class DnnCollapsible {\n\n  @Element() el: HTMLDnnCollapsibleElement;\n\n  /** Defines if the panel is expanded or not. */\n  @Prop({reflect: true}) expanded: boolean = false;\n\n  /** Defines the transition time in ms, defaults to 150ms */\n  @Prop() transitionDuration?: number = 150;\n\n  /** Fires whenever the collapsible height has changed */\n  @Event({bubbles: true, composed: true}) dnnCollapsibleHeightChanged: EventEmitter<void>;\n\n  @Listen(\"dnnCollapsibleHeightChanged\")\n  handleHeightChanged(){\n    requestAnimationFrame(() => {\n      this.updateSize();\n    })\n  }\n\n  /**\n   * Updates the component height, use to update after a slot content changes.\n   */\n  @Method()\n  async updateSize() {\n    if (this.expanded){\n        requestAnimationFrame(() => {\n          this.container.style.maxHeight = `${this.container.scrollHeight}px`;\n        });\n        setTimeout(() => {\n          this.container.style.maxHeight = \"none\";\n        }, this.transitionDuration);\n    }\n  }\n  \n  @Watch(\"expanded\")\n  handledExpandedChanged(expanded: boolean){\n    if (expanded){\n      this.updateSize();\n    }\n    else{\n      requestAnimationFrame(() => {\n        this.container.style.maxHeight = `${this.container.scrollHeight}px`;\n        requestAnimationFrame(() => {\n          this.container.style.maxHeight = \"0px\";\n        });\n      });\n    }\n    setTimeout(() => {\n      requestAnimationFrame(() => {\n        this.dnnCollapsibleHeightChanged.emit();\n      });\n    }, this.transitionDuration);\n  }\n  \n  private container: HTMLDivElement;\n\n  componentDidLoad() {\n    this.container.style.transition = `max-height ${this.transitionDuration}ms ease-in-out`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          id=\"container\"\n          class={this.expanded && \"expanded\"}\n          ref={el => this.container = el}\n          style={{transition: `max-height ${this.transitionDuration}ms ease-in-out`}}\n        >\n            <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}