@sme.up/ketchup 9.6.5 → 9.6.6

package/dist/collection/components/kup-qlik/kup-qlik.js

@@ -110,7 +110,7 @@ export class KupQlik {
         layoutStyle = {
             ['--lyo_obj-height']: this.defobjsize,
         };
-        return (h("div", { key: 'ad3b840b782c155e43d25d46b4fbf3150d0d5296', class: classLayout, style: layoutStyle }, this.divlist));
+        return (h("div", { key: '6fdc6e9c6bbf7769ebc291e017f04fe16243d48f', class: classLayout, style: layoutStyle }, this.divlist));
     }
     componentDidRender() {
         if (this.debug) {

package/dist/collection/components/kup-rating/kup-rating.js

@@ -91,7 +91,7 @@ export class KupRating {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: 'c56d698d5f1b274ee1a318104a3acb41156b78e1' }, h("style", { key: 'b1e57137e0a1461f12d73ec86d4dbdcf023ffe16' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4e934f072d83d0f6ffe7ffd7ef8edcccf3935d9e', id: componentWrapperId }, h(FRating, Object.assign({ key: '6a5946de139310a68c7e4d5221fc4444a28b80e1' }, props)))));
+        return (h(Host, { key: 'ae8604a4873394b0b748568b542fa16fb7e72126' }, h("style", { key: '90412b7a59ce64628d267399d28180f58f7e51e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'dd12464c6421c23c166ba8192c1d8788c84fdc31', id: componentWrapperId }, h(FRating, Object.assign({ key: '6cdd05508c5acb838def177930805baf9ec30591' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-snackbar/kup-snackbar.js

@@ -92,7 +92,7 @@ export class KupSnackbar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '3e52e4dd0672594bf385bcd44f3ceac7474ebb54', "kup-visible": this.visible }, h("style", { key: '2b6dcba48e84c7ba0ded38c5a86907a1ddb0aed4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6843781af0232d8dd65eb23941a2f33a17ec694f', id: componentWrapperId }, h("div", { key: '178a36a80ff89fa6b31af04c372367e0e4427b89', class: snackbarClass }, h("div", { key: '8383fa478dd8a4f35fb9718a83131d26caadb275', class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+        return (h(Host, { key: '6f8b75541d8f1ee9a9b45306e5fe6f2eaff3976e', "kup-visible": this.visible }, h("style", { key: '0b271d808477fac43dd20747cfcec59d6c49eaaa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f2b3bab994c3cddc5b5811b0c6ab93ebcb1c5680', id: componentWrapperId }, h("div", { key: 'e8d4c7218337ea302f1ef5691d4372ba3acd39b0', class: snackbarClass }, h("div", { key: '66155c694149672acd144bc2b6fbbb2f6a2da5c1', class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-spinner/kup-spinner.js

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: 'dec18ff5da6e447ef0a88748af4ba69876433347', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '622999cb044516e25647e295acaae27633a8bee4', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '9c4123cd6c450454f8834aa54fc6d9d0fd152cb3', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '2cf01d336aebb720a588b64b97b372aef7f61f5f', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '7a871149a9869d035a19f33c29bb743051547bc9', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'eef22904455b6dc3def9ee7f93f6d2907b2e6779', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2da15f257956d57e0256d4a3d70123c03812fa94', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '43e56c84b9580d9dd29a7606e29e9cd88d11ad65', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '03a127667c24b2e4106ff9b9a855f4690dbdab3b', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd53d26ece737b80e4d0076bbb86dcd1e0712fb3e', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '6e423e7cc9acf2a9860b61e959494956492aa497', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2ff65741313fbe1a32997ce7e38c460246f5497a', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '508d469d81d31c69ae6ac0414b65d25793fa2cc6', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'b7035400b3171be8af748564b90567a6af521a9e', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: 'f5bf634128170e523db71a33505f9cf59c62edcb', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '8b5c5bc5b16ec212d7bcc46cccb6aced8267aa33', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'c63bfed904f73228827666b23dd84cb5eb25cfe4', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: '3485e52f1019a3bf313d40db97623a4f2df75756', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '58c107bffdc4bf92e5306dbdb7b7497c9f4b2423', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '9ed7028850614d3a8c0b54d4ee9fbeb2c160232e', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '9c45d4d1a45d63f26fc54128150a811ee68ebbff', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '2c5d61ccfab2caeaea818c16233d8f679b186a01', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '8e0ab226264bf3c45925ccaff20b9c5cee93b6d3', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '7b7ad0f27cba8b5504de906eefabd49ebfa0596a', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '846d41928a6673d5d0be23c7f2012d855f94f7d5', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'f89e6198b2ca96761f26e0199e135052e1d8bd7b', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '817f79a413618a55214bd34d3d3e8dcdf94ccac1', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: 'f5327bd00519954be0739a199f722fbebce2476e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'b2ecb76d9ec7ccb8d5a5b749c73e064ffd8af65e', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '36a10200a66c50a15006d850052a8162b7fb9fae', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '9ad2b1d081c67eb20b0679e15a8dad65472d9861', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '2b8ca22ce51296daf61db3390f050621c00a0f18', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: 'e7dda224be4f1d0db8afe8f75d20de6954164949', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '20d1d2d362a775bf037a6c2aaf7663a0dab9485d', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '98bef449450cc63738e9b85ec57cb3d6469f6034', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'f258e424ba6220edb59c84a9da9df66fa2c8ffe0', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: 'f6cd6f7376d13a13009a1bb77a30d1e698bdb1bb', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '45877c1e22e46a0dda1d730b357a97a9e66a4381', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '04b778ec14a7c14ce6f5a8fe1a01b234c1e25272', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '4257fce3f3a05594d2250328b3bb524c314ef17e', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '482229f1072a9e6e78ff80044ba7a6f4b4221417', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '691ab6492d9d020fdc70a50cff8988d2629518fd', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '59e710de566984ccd0bac936a524ce1bad873b40', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '40f84d200ca27b547a14ae92cb021f4d998307cb', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'b7318e8ec59b8b253584ab329d0a11cdde77812f', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '3411fd3d32934adb2d5dc7820ddcddf9770aa743', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: 'feb7271af14e53ba11625b6bd29a3e20aea1b0bf', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '3efd6f88fe0853f7e32b490be477918dc5bd9bde', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: 'fbf7f1d6bcdb163e5ec773496701f3e5d97a329c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: 'b494589d43c870963482b26b2b576bd90795504f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '1aa3c9ba0103913eb902c39f9d9c7ec5e8053c18', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: 'f47f8d129e2eafc9a138c3d7a20c3e980154cbae', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c5944798de2558b722409d4b7a09cb81d7c95f94', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '9da29e9774277ce3f4a870ff5dbc29c22e02a6dd', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '0c5ba5c308560ac2edc8cec611586eaf7db7b529', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd87ad98e53a2ed6fa487e6167ea186ca75379c5c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'fe3bed4eed871d8a0b21d0e737754404356e52a6', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '946be0587221f99a4f34475eb35bb3ac6d94d4fe', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '9396029d6027425ddac4ee6e40acffc18a415dcb', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f3e31d3354c786f30d9aaa0306ebdfb2c4ca1f85', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '6e4bdf9c33d44e62b59b196d11505fdd296f6e01', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd19d9254ed3b906798f3c8c8cd541d0addf81537', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'b371921ea7ba8094c95358ece79e568f1ff3266c', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '557a50629faa7c43d58f6def6579d6754ec20a9d', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '5ede70fde18c2b40e49e21889765140b557fd681', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '8444b9122250b3d2b2d4a3ad31a061e3fa12a5c4', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: '5b9de6c2d309bc15744353796e662fef611f44f6', style: elStyle }, h("style", { key: 'e6a21638735f7fdf44bcec63fd8067924cdafdf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9e83ab0c16965cfe9cda127c854d08949ea0078f', id: componentWrapperId, style: elStyle }, h("div", { key: 'd033eda03cf43d5ef8ee02fee0890a36d986a893', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'd6695bf8595fc0ae3e1a31578d8c2f550585b77b', id: wrapperClass, style: elStyle }, h("div", { key: 'e06bce173a197cf9fd6aa036865104b625badef1', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: 'dcad28e3a8fbfb4ff90b1f1b612509c43707bc1c', style: elStyle }, h("style", { key: 'd76f89d7ff29dd63bd8da49410c03a1548ed4552' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3d45170b3dd4130fcfae92c5a46431befcd8fe19', id: componentWrapperId, style: elStyle }, h("div", { key: 'bdc8a4ab78ecebe3ab17ebbde124ae7db990ffe0', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '98fcd8be4b1c81cc5aa02b66f32cedc49fa0a7bd', id: wrapperClass, style: elStyle }, h("div", { key: '4c5bf613e7848cf46ada2419214e7a25008bee62', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-switch/kup-switch.js

@@ -120,7 +120,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'c58e0bc0af97047925631605157669d49eaafb32' }, h("style", { key: '961d94935464a5bd1dff1bddc28fc46452bb6dba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ec020595d887abb848346106b981c13a577db96f', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0a7d447ac4e7aa9a6a3fd5aef2f3f73f257ee1e4' }, props)))));
+        return (h(Host, { key: '623b8a01284d67c7919d21fa7b252f5a8a960b2c' }, h("style", { key: 'e6c132abdeb0d88fd004492915ef4e70ab805cfd' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a7accd1e44fcf05177092572e49b7c148a8cf9f5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '66e857b581cbcb65356264ae121ba0d55deb3b18' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-time-picker/kup-time-picker.css

@@ -129,7 +129,6 @@
 :host {
   display: block;
   font-size: var(--kup-font-size);
-  width: max-content;
 }
 
 #time-picker-div {
@@ -142,514 +141,6 @@
   display: block;
 }
 
-.clock {
-  box-shadow: var(--kup-box-shadow);
-  width: 300px;
-  height: 450px;
-  background-color: var(--kup-background-color);
-  position: relative;
-  font-family: var(--kup-font-family);
-}
-
-.top {
-  background-color: var(--kup-primary-color);
-  color: var(--kup-text-on-primary-color);
-  height: 100px;
-  line-height: 100px;
-  font-size: 50px;
-  text-align: center;
-}
-.top span {
-  cursor: pointer;
-  opacity: 0.75;
-  transition: 0.25s ease-in-out;
-}
-.top .active {
-  opacity: 1;
-}
-
-.circle {
-  user-select: none;
-  background-color: rgba(var(--kup-text-color-rgb), 0.1);
-  width: 250px;
-  height: 250px;
-  border-radius: 1000px;
-  position: relative;
-  top: 25px;
-  left: 25px;
-  box-sizing: border-box;
-  display: none;
-}
-.circle.active {
-  display: block;
-}
-
-.mid {
-  position: absolute;
-  left: calc(50% - 0px);
-  top: calc(50% - 0px);
-  width: 2px;
-  height: 2px;
-  border-radius: 10px;
-  background-color: var(--kup-text-color);
-}
-
-.hour {
-  position: absolute;
-  height: 40px;
-  line-height: 40px;
-  width: 40px;
-  border-radius: 40px;
-  text-align: center;
-}
-.hour.selected {
-  z-index: 2;
-}
-.hour.selected::after {
-  content: "";
-  z-index: -1;
-  background-color: rgba(var(--kup-primary-color-rgb), 0.5);
-  height: 1px;
-  width: 100%;
-  position: absolute;
-  transform: rotate(-90deg);
-  transform-origin: 100% 0%;
-  top: 50%;
-  width: 101px;
-  right: 50%;
-}
-
-.hour2 {
-  z-index: 2;
-  position: absolute;
-  height: 30px;
-  line-height: 30px;
-  width: 30px;
-  border-radius: 40px;
-  text-align: center;
-  font-size: 14px;
-}
-.hour2.selected::after {
-  content: "";
-  background-color: rgba(var(--kup-primary-color-rgb), 0.5);
-  height: 1px;
-  width: 100%;
-  position: absolute;
-  transform: rotate(-90deg);
-  transform-origin: 100% 0%;
-  top: 50%;
-  width: 64px;
-  right: 50%;
-  z-index: -1;
-}
-
-.unit {
-  position: absolute;
-  height: 20px;
-  line-height: 20px;
-  width: 20px;
-  border-radius: 40px;
-  text-align: center;
-  font-size: 12px;
-}
-.unit.selected::after {
-  content: "";
-  background-color: rgba(var(--kup-primary-color-rgb), 0.5);
-  height: 1px;
-  width: 100%;
-  position: absolute;
-  transform: rotate(-90deg);
-  transform-origin: 100% 0%;
-  top: 50%;
-  width: 101px;
-  right: 50%;
-}
-
-.hour,
-.hour2,
-.unit {
-  cursor: pointer;
-  transition: background-color 0.25s;
-}
-.hour:hover,
-.hour2:hover,
-.unit:hover {
-  background-color: rgba(var(--kup-primary-color-rgb), 0.275);
-}
-.hour.selected,
-.hour2.selected,
-.unit.selected {
-  background-color: var(--kup-primary-color);
-  color: var(--kup-text-on-primary-color);
-}
-
-.actions {
-  color: var(--kup-primary-color);
-  font-weight: bold;
-  font-size: 20px;
-  display: flex;
-  justify-content: flex-end;
-  position: absolute;
-  width: 100%;
-  box-sizing: border-box;
-  bottom: 10px;
-}
-
-.action {
-  display: inline-block;
-  width: 100px;
-  text-align: center;
-  height: 37.5px;
-  line-height: 37.5px;
-  margin-right: 10px;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.clock .actions .action:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.clock .actions .action:active {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-
-.hour:nth-child(12):after {
-  transform: rotate(330deg);
-}
-
-.hour:nth-child(11):after {
-  transform: rotate(300deg);
-}
-
-.hour:nth-child(10):after {
-  transform: rotate(270deg);
-}
-
-.hour:nth-child(9):after {
-  transform: rotate(240deg);
-}
-
-.hour:nth-child(8):after {
-  transform: rotate(210deg);
-}
-
-.hour:nth-child(7):after {
-  transform: rotate(180deg);
-}
-
-.hour:nth-child(6):after {
-  transform: rotate(150deg);
-}
-
-.hour:nth-child(5):after {
-  transform: rotate(120deg);
-}
-
-.hour:nth-child(4):after {
-  transform: rotate(90deg);
-}
-
-.hour:nth-child(3):after {
-  transform: rotate(60deg);
-}
-
-.hour:nth-child(2):after {
-  transform: rotate(30deg);
-}
-
-.hour:nth-child(1):after {
-  transform: rotate(0deg);
-}
-
-.hour2:nth-child(24):after {
-  transform: rotate(690deg);
-}
-
-.hour2:nth-child(23):after {
-  transform: rotate(660deg);
-}
-
-.hour2:nth-child(22):after {
-  transform: rotate(630deg);
-}
-
-.hour2:nth-child(21):after {
-  transform: rotate(600deg);
-}
-
-.hour2:nth-child(20):after {
-  transform: rotate(570deg);
-}
-
-.hour2:nth-child(19):after {
-  transform: rotate(540deg);
-}
-
-.hour2:nth-child(18):after {
-  transform: rotate(510deg);
-}
-
-.hour2:nth-child(17):after {
-  transform: rotate(480deg);
-}
-
-.hour2:nth-child(16):after {
-  transform: rotate(450deg);
-}
-
-.hour2:nth-child(15):after {
-  transform: rotate(420deg);
-}
-
-.hour2:nth-child(14):after {
-  transform: rotate(390deg);
-}
-
-.hour2:nth-child(13):after {
-  transform: rotate(360deg);
-}
-
-.unit:nth-child(60):after {
-  transform: rotate(354deg);
-}
-
-.unit:nth-child(59):after {
-  transform: rotate(348deg);
-}
-
-.unit:nth-child(58):after {
-  transform: rotate(342deg);
-}
-
-.unit:nth-child(57):after {
-  transform: rotate(336deg);
-}
-
-.unit:nth-child(56):after {
-  transform: rotate(330deg);
-}
-
-.unit:nth-child(55):after {
-  transform: rotate(324deg);
-}
-
-.unit:nth-child(54):after {
-  transform: rotate(318deg);
-}
-
-.unit:nth-child(53):after {
-  transform: rotate(312deg);
-}
-
-.unit:nth-child(52):after {
-  transform: rotate(306deg);
-}
-
-.unit:nth-child(51):after {
-  transform: rotate(300deg);
-}
-
-.unit:nth-child(50):after {
-  transform: rotate(294deg);
-}
-
-.unit:nth-child(49):after {
-  transform: rotate(288deg);
-}
-
-.unit:nth-child(48):after {
-  transform: rotate(282deg);
-}
-
-.unit:nth-child(47):after {
-  transform: rotate(276deg);
-}
-
-.unit:nth-child(46):after {
-  transform: rotate(270deg);
-}
-
-.unit:nth-child(45):after {
-  transform: rotate(264deg);
-}
-
-.unit:nth-child(44):after {
-  transform: rotate(258deg);
-}
-
-.unit:nth-child(43):after {
-  transform: rotate(252deg);
-}
-
-.unit:nth-child(42):after {
-  transform: rotate(246deg);
-}
-
-.unit:nth-child(41):after {
-  transform: rotate(240deg);
-}
-
-.unit:nth-child(40):after {
-  transform: rotate(234deg);
-}
-
-.unit:nth-child(39):after {
-  transform: rotate(228deg);
-}
-
-.unit:nth-child(38):after {
-  transform: rotate(222deg);
-}
-
-.unit:nth-child(37):after {
-  transform: rotate(216deg);
-}
-
-.unit:nth-child(36):after {
-  transform: rotate(210deg);
-}
-
-.unit:nth-child(35):after {
-  transform: rotate(204deg);
-}
-
-.unit:nth-child(34):after {
-  transform: rotate(198deg);
-}
-
-.unit:nth-child(33):after {
-  transform: rotate(192deg);
-}
-
-.unit:nth-child(32):after {
-  transform: rotate(186deg);
-}
-
-.unit:nth-child(31):after {
-  transform: rotate(180deg);
-}
-
-.unit:nth-child(30):after {
-  transform: rotate(174deg);
-}
-
-.unit:nth-child(29):after {
-  transform: rotate(168deg);
-}
-
-.unit:nth-child(28):after {
-  transform: rotate(162deg);
-}
-
-.unit:nth-child(27):after {
-  transform: rotate(156deg);
-}
-
-.unit:nth-child(26):after {
-  transform: rotate(150deg);
-}
-
-.unit:nth-child(25):after {
-  transform: rotate(144deg);
-}
-
-.unit:nth-child(24):after {
-  transform: rotate(138deg);
-}
-
-.unit:nth-child(23):after {
-  transform: rotate(132deg);
-}
-
-.unit:nth-child(22):after {
-  transform: rotate(126deg);
-}
-
-.unit:nth-child(21):after {
-  transform: rotate(120deg);
-}
-
-.unit:nth-child(20):after {
-  transform: rotate(114deg);
-}
-
-.unit:nth-child(19):after {
-  transform: rotate(108deg);
-}
-
-.unit:nth-child(18):after {
-  transform: rotate(102deg);
-}
-
-.unit:nth-child(17):after {
-  transform: rotate(96deg);
-}
-
-.unit:nth-child(16):after {
-  transform: rotate(90deg);
-}
-
-.unit:nth-child(15):after {
-  transform: rotate(84deg);
-}
-
-.unit:nth-child(14):after {
-  transform: rotate(78deg);
-}
-
-.unit:nth-child(13):after {
-  transform: rotate(72deg);
-}
-
-.unit:nth-child(12):after {
-  transform: rotate(66deg);
-}
-
-.unit:nth-child(11):after {
-  transform: rotate(60deg);
-}
-
-.unit:nth-child(10):after {
-  transform: rotate(54deg);
-}
-
-.unit:nth-child(9):after {
-  transform: rotate(48deg);
-}
-
-.unit:nth-child(8):after {
-  transform: rotate(42deg);
-}
-
-.unit:nth-child(7):after {
-  transform: rotate(36deg);
-}
-
-.unit:nth-child(6):after {
-  transform: rotate(30deg);
-}
-
-.unit:nth-child(5):after {
-  transform: rotate(24deg);
-}
-
-.unit:nth-child(4):after {
-  transform: rotate(18deg);
-}
-
-.unit:nth-child(3):after {
-  transform: rotate(12deg);
-}
-
-.unit:nth-child(2):after {
-  transform: rotate(6deg);
-}
-
-.unit:nth-child(1):after {
-  transform: rotate(0deg);
-}
-
 .f-text-field {
   position: relative;
 }

package/dist/collection/components/kup-time-picker/kup-time-picker.js

@@ -405,7 +405,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '93b86314772e012c9c5e51b5ca9f787526b8b488' }, h("style", { key: '39720990860be688caad0e0573b7ece58a986f70' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '07fd86c0e40d99d8871a60b908cd8116a120847a', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: 'ac5727602c6766ab11c0a1f50e9179f8658a1487' }, h("style", { key: 'b74f89941d06d768a98df4cc4aba77b1bf241c69' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e3e74eb8184011fd375f842c37437647c9623bd6', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);